开发环境: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
此处有更多的布局布局,需要自行研究

此文章仅用于入门学习布局,并未考虑更多兼容性问题
网友评论