开发环境:WIN10、Android Studio 4.0.1
学习内容:ConstraintLayout 布局一
创建新项目
-
File->New->New Project->选择Empty Activity->Nextimage.png>选择Empty Activity项目相关配置项目目录结构
TextView布局
- 点击
activity_main.xml,在可视化窗口中的控件库中拖动一个TextView控件image.png
-
上下左右居中,只需要添加上下左右约束即可image.png
-
也可以选中控件,然后在右侧的Layout进行编辑,这样就不需要拉线image.pngimage.png
-
魔法棒直接快速添加约束,把控件放到屏幕想要固定的位置,然后点击魔法棒就可以自动添加相关约束(复杂布局用得少)image.png
模拟登录界面入门布局
- 把ICON图片拖动到
res->drawable目录下image.pngimage.png -
添加ImageView并选择需要显示的图片添加控件选中需要显示的图片,点击OK
-
添加对应的控件,此处可以在相信的控件库中寻找拖动,忽略部分操作,直接点击魔法棒进行快速布局拖动控件简单布局
- 处理布局警告
-
处理文字image.png
文字添加流程:image.png点击`Open editor`点击`+`号填入key 和 Value就能看到添加的内容根据步骤选择对应需要显示的文本image.png -
处理Button(使用简便方式添加文本信息)根据步骤操作依次填入key和value选中点击OK即可警告去除
- 处理PlainText警告,此处如果类似以上方法添加了文本信息(此处需要修改
hint属性),仍然会出现警告,此时可以点击感叹号image.png
此处有更多的布局布局,需要自行研究

此处有更多的布局布局,需要自行研究
此文章仅用于入门学习布局,并未考虑更多兼容性问题


























