Android Studio基本UI界面设计

匿名 (未验证) 提交于 2019-12-03 00:30:01

按照课本上敲得最简单的那个页面的一个小小的雏形



给他完善一下


首先我们建立一个TextView控件来写标题。

实验对标题的要求如下:

android:textSize="20sp"

建立一个ImageView控件来写标题。先将图片复制到res/drawable目录下,然后通过app:srcCompat="@drawable/sysu"来引用。

实验对图片的要求如下:

先建立两个TextView控件,用来写“学号”和“密码”。“学号”(user_id)控件放在距离图片20dp,与屏幕左边也距离20dp。

接着设置建立两个EditView控件,用来输入学号和密码。

输入学号的控件布局设置如下:

由上面代码可知道,我们将其放在user_id控件右边,同时距离屏幕右边20dp。但是下划线长度一直保持跟hint字数长短一致,查阅资料后,将layout_width的属性由wrap_content改为fill_parent才使得下划线由下图左的状态变为下图右。

输入密码的控件布局设置如法炮制即可。

同时注意以下两点:

android:digits="2015317200527"

android:password="true"

3 下划线上面固定的字体应这样设置:android:hint="请输入学号(密码)"

实现效果如下:

由于是单选按钮,所以我们先建立一个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。

先是在res/drawable下新建一个shape.xml文件,在里面写上background属性设置:

然后返回activity_main.xml文件,在button控件下进行引用:

实现效果如下:




易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!