AndroidStudio基本UI界⾯设计按照课本上敲得最简单的那个页⾯的⼀个⼩⼩的雏形
给他完善⼀下
（1）标题
⾸先我们建⽴⼀个TextView控件来写标题。
实验对标题的要求如下：
1 标题字体⼤⼩ 20sp（android:textSize="20sp"）
android radiogroup2 与顶部距离 20dp  （与⽗容器顶部对齐后再设置与顶部距离20dp）
3 居中 （与⽗容器左右都对齐后即可）
建⽴⼀个ImageView控件来写标题。先将图⽚复制到res/drawable⽬录下，然后通过app:srcCompat="@drawable/sysu"来引⽤。
实验对图⽚的要求如下：
1 图⽚与标题的间距为 20dp （先将图⽚顶部与标题底部对齐，再设置20dp的间距）
2 居中 （与⽗容器左右都对齐后即可）
（3）输⼊框
先建⽴两个TextView控件，⽤来写“学号”和“密码”。“学号”（user_id）控件放在距离图⽚20dp，与屏幕左边也距离20dp。
“密码”（user_pwd）控件放在user_id下⽅20dp处，⽤以实现上下两栏间距 20dp。
接着设置建⽴两个EditView控件，⽤来输⼊学号和密码。
输⼊学号的控件布局设置如下：
由上⾯代码可知道，我们将其放在user_id控件右边，同时距离屏幕右边20dp。但是下划线长度⼀直保持跟hint字数长短⼀致，查阅资料后，将layout_width的属性由wrap_content改为fill_parent才使得下划线由下图左的状态变为下图右。
→
→
输⼊密码的控件布局设置如法炮制即可。
同时注意以下两点：
1 学号对应的 EditText 只能输⼊数字：android:digits="2015317200527"
2 密码对应的 EditText 输⼊⽅式为密码：android:password="true"
3 下划线上⾯固定的字体应这样设置：android:hint="请输⼊学号（密码）"
实现效果如下：
（4）单选按钮
由于是单选按钮，所以我们先建⽴⼀个RadioGroup，之后再在⾥⾯建⽴两个单选按钮RadioButton。先让RadioGroup与容器左右都对齐，这样能实现两个单选按钮整体居中。对第2个按钮设置android:layout_marginLeft="10dp"，使得两个按钮间距10dp。因为要求默认选中的按钮为第⼀个，所
以对第⼀个按钮设置android:checked="true"
实现效果如下：
因为⽆法实现两个按钮整体居中（也许可以通过数值坐标设定使得看起来“居中”，但是不够准确...），于是先设置了⼀个id
为“button_box”的View控件并使其居中，然后再将两个按钮放⼊其中。View的布局就是将其放在RadioGroup下⽅20dp处并居中，代码便不放了。
接下来就是建⽴两个Button控件，将第⼀个button与View左上对齐，第⼆个button设置其左边与第⼀个button右边距离10dp，从⽽实现按钮间的间距为10dp。
实验要求“按钮背景框左右边框与⽂字间距 10dp，上下边框与⽂字间距 5dp，圆⾓半径 10dp，背景⾊为#3F51B5”，本来是想在button控件下直接设置的，但是⽆法实现。后来查阅资料后才到以下的解决⽅法：
先是在res/drawable下新建⼀个l⽂件，在⾥⾯写上background属性设置：
然后返回l⽂件，在button控件下进⾏引⽤：
实现效果如下：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。