android studio 线性布局LinearLayout

最近做了一个app的UI，对于界面的制作与按键有了更深入的理解。
一个简单的UI demo。
github地址：https://github.com/axlsdtkl/android/tree/master/foot

布局之间可以相互嵌套，ctrl+/是注释，注意这个注释不可以和加在< >结构里面，会无法判别

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:gravity="center"    tools:context=".MainActivity"    android:orientation="vertical"><!-- android:orientation="vertical"下面的结构垂直分布gravity="center"下面的结构中心化，注意模块之间可以嵌套，一层层套起来，外面的申明是宏观布局-->    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content">        <ImageView            android:layout_width="50dp"            android:layout_height="50dp"            android:src="@drawable/person"            android:layout_marginBottom="20dp"            />    </LinearLayout><!--android:layout_marginBottom="20dp"距离下面的模块20dp-->    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:orientation="horizontal"        android:gravity="center"        >        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="20sp"            android:layout_marginRight="40dp"            android:text="账号"            />        <EditText            android:layout_width="200dp"            android:layout_height="45dp"            android:layout_marginRight="20dp"            android:hint="请输入账号" />    </LinearLayout>    <!--线性布局3-->    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content">        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:textSize="20sp"            android:layout_marginRight="40dp"            android:text="密码"            />        <EditText            android:layout_width="200dp"            android:layout_height="45dp"            android:layout_marginRight="20dp"            android:hint="请输入密码" />    </LinearLayout>    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content">        <Button            android:layout_marginTop="15dp"            android:layout_marginRight="15dp"            android:layout_width="280dp"            android:layout_height="50dp"            android:background="@color/colorAccent"            android:text="登录"            android:textSize="20sp"            android:textStyle="bold"            />    </LinearLayout>    <!--线性布局5-->    <LinearLayout        android:layout_marginTop="10dp"        android:layout_marginRight="7dp"        android:layout_width="280dp"        android:layout_height="wrap_content">        <RadioButton            android:layout_width="wrap_content"            android:layout_height="wrap_content" />        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="记住密码"            />        <TextView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="帮助"            android:layout_marginLeft="160dp"            />    </LinearLayout><!--   @color/colorAccent 调用了color文件中colorAccent的颜色 android:textStyle="bold"为黑体--></LinearLayout>

效果图

android:background="@color/colorAccent"为调用color文件中的喜好颜色

更多相关文章

随机推荐