AndroidStdio LinearLayout 线性布局写一个登录界面 | 您所在的位置:网站首页 › 自己设计图标并加文字二年级 › AndroidStdio LinearLayout 线性布局写一个登录界面 |
AndroidStdio LinearLayout 线性布局写一个登录界面
先看效果图: 这个登录界面采用垂直方向的线性布局,主体分为三个部分:上面的图片区,中间的表单区,下面的链接区。图片区包含一个ImageView;表单区包含用户名文本框,用户名输入框,密码文本框,密码输入框以及登录按钮;链接区包含忘记密码和注册新用户。完整代码会贴在下面,接下来先简单说一下LinearLayout线性布局。 概览LinearLayout 线性布局有两种,分别是水平线性布局和垂直线性布局,LinearLayout属性中android:orientation为设置线性布局当其="vertical"时,为 垂直线性布局,当其="horizontal"时,为水平线性布局,不管是水平还是垂直线性布局一行(列)只能放置一个控件。 layout_gravity和gravityandroid:gravity用于设置子组件的对齐方式 left 左 right 右 center 中间 bottom 底部 center_vertical 竖直居中 center_horizontal 水平居中 center_horizontal | right 可以组合搭配 layout_gravity用于设置子组件相对于LinearLayout的位置 可取值与gravity类似,不过如果方向设为horizontal(水平),只有top,bottom,center_vertical和center有效;如果方向设为vertical,只有left,right,center_horizontal和center有效 layout_weight权重它的作用是让子组件按一定比例来占有父布局剩余的空间 计算方法为:本组件的高度=本组件原有高度+父布局剩余空间所占比例高度 layout_margin和paddinglayout_margin:子组件和父组件之间的距离,单位通常常用dp layout_marginTop layout_marginBottom layout_marginLeft layout_marginRight padding:用在父组件上,设置父组件和子组件之间的留白 paddingTop paddingBottm paddingLeft paddingRight 登录界面代码 t_marginRight="140dp" android:text="注册新用户" android:textColor="@color/colorPrimary" /> |
CopyRight 2018-2019 实验室设备网 版权所有 |