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