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 studio 线性布局LinearLayout_第1张图片
android:background="@color/colorAccent"为调用color文件中的喜好颜色

你可能感兴趣的:(Android)