按照课本上敲得最简单的那个页面的一个小小的雏形
给他完善一下
（1）标题
首先我们建立一个TextView控件来写标题。
实验对标题的要求如下：
1标题字体大小20sp（android:textSize="20sp"）
2 与顶部距离20dp（与父容器顶部对齐后再设置与顶部距离20dp）
3 居中（与父容器左右都对齐后即可）
（2）图片
建立一个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="31727"
2 密码对应的EditText输入方式为密码：android:password="true"
3 下划线上面固定的字体应这样设置：android:hint="请输入学号（密码）"
实现效果如下：
（4）单选按钮
由于是单选按钮，所以我们先建立一个RadioGroup，之后再在里面建立两个单选按钮RadioButton。先让RadioGroup与容器左右都对齐，这样能实现两个单选按钮整体居中。对第2个按钮设置android:layout_marginLeft="10dp"，使得两个按钮间距10dp。因为要求默认选中的按钮为第一个，所以对第一个按钮设置android:checked="true"
实现效果如下：
（5）按钮
因为无法实现两个按钮整体居中（也许可以通过数值坐标设定使得看起来“居中”，但是不够准确...），于是先设置了一个id为“button_box”的View控件并使其居中，然后再将两个按钮放入其中。View的布局就是将其放在RadioGroup下方20dp处并居中，代码便不放了。
接下来就是建立两个Button控件，将第一个button与View左上对齐，第二个button设置其左边与第一个button右边距离10dp，从而实现按钮间的间距为10dp。
实验要求“按钮背景框左右边框与文字间距10dp，上下边框与文字间距5dp，圆角半径10dp，背景色为#3F51B5”，本来是想在button控件下直接设置的，但是无法实现。后来查阅资料后才找到以下的解决方法：
先是在res/drawable下新建一个shape.xml文件，在里面写上background属性设置：
然后返回activity_main.xml文件，在button控件下进行引用：
实现效果如下：
如果觉得《Android Studio基本UI界面设计》对你有帮助，请点赞、收藏，并留下你的观点哦！
