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文件中的喜好颜色

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值