天天看点

Android UI组件----用相对布局RelativeLayout做一个登陆界面

【正文】

两个小时的学习成果,对于我这种还没入门但渴望不断进步的初学者来说,是一种激励。通过自己一行一行的敲代码,实现了用相对布局做一个登陆界面的效果。

xml文件完整版代码如下:

Android UI组件----用相对布局RelativeLayout做一个登陆界面
Android UI组件----用相对布局RelativeLayout做一个登陆界面

代码解释如下:

05行:设置整个relativelayout的内边距为20dp,给界面留白。

21、22行:让编辑框的左边对齐到父控件的左边,右边对齐到父控件的右边,这样一来,就刚好横向覆盖整个界面。

30行:将passwordview放到usernameview的下面,以保证二者的相对位置不变。

34行:输入密码时显示为星号,以保证密码的安全

41、42行:将“取消”按钮放到passwordview的下面,并贴齐到父控件的右边

50、51行:将“确定”按钮放到“取消”按钮的左边,并贴齐到“取消”按钮的下边,以保证二者的相对位置不变

最终在手机上运行后,显示效果如下:

Android UI组件----用相对布局RelativeLayout做一个登陆界面

继续阅读