安卓小白开发第二弹 UI图形界面设计

各位小白们,这一讲主要就是介绍安卓开发的第一步,图形界面的设计。这里介绍最基础的图形界面,仅仅包含图像(用户头像),用户姓名,登录密码和登录按键以及版本型号的图形显示。
这里就不再讲述开始的创建项目操作,仍然选择最简单的Empty activity。自己命名一个自己能看懂的名字。
第一个知识点:constraintv layout

安卓小白开发第二弹 UI图形界面设计
对于图片中的红色提示解决方案:
1、对应的文本框边框有四个圆圈,可以点击圆圈将圆圈和整个界面的上下左右四个界面边框相连接进行固定(这是一种比较麻烦的方法)
2、安卓小白开发第二弹 UI图形界面设计
接下来设置姓名和密码文本框:
安卓小白开发第二弹 UI图形界面设计
区别两种文本形式的是,密码的文本形式是加密的,不以明文字的形式显示
限制好了文本的位置后,
安卓小白开发第二弹 UI图形界面设计
仍然有一些警告需要消除,接下来就是对这些警告进行消除
安卓小白开发第二弹 UI图形界面设计
这也是上一讲提到的,文本中的内容不建议填hard doding,需要添加到string.xml文件中。下面就是添加的两种方式:
1、安卓小白开发第二弹 UI图形界面设计
安卓小白开发第二弹 UI图形界面设计
然后返回到页面设计界面,双击版本文本框,添加设置的名称和键值
安卓小白开发第二弹 UI图形界面设计
安卓小白开发第二弹 UI图形界面设计
这里的警告提示感叹号就消失了。
2、第二种消除警告的方式:(简单)[这种方法我试了一下,在windows系统开发下好像不可以,在mac系统开发下才可以]
安卓小白开发第二弹 UI图形界面设计
安卓小白开发第二弹 UI图形界面设计
需要注意的就是,在填充账号和密码的时候,需要的是用hint进行填充。
都填充好了之后,会发现仍然有警告的地方
安卓小白开发第二弹 UI图形界面设计
点击警告提示,查看警告的原因:
图片的原因是没有设置string,内容和键值,点集警告按键,点击fix,点击展开最下面的fix里就会出现设置图片名称和键值的内容。
都用相似的方式设置完后,就会发现所有的警告都消失了
安卓小白开发第二弹 UI图形界面设计
接下来运行界面设置,具体的运行方式以及apk格式的设置上一讲已经讲述过了。