本节课讲解UI系列课程——【即时设计】零基础到精通,同学们可以在视频下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
那我们开始今天的教程吧。
1.本次课程主要讲解【自动布局】(下),聊天界面相当于是列表,每个对话框都相当于是一个【分组】,创建矩形对齐两边,不透明度【0%】。
2.创建不透明度【0%】的矩形,相当于是在占位,框选分组,外框显示长宽相等。
3.宽度相等之后,再添加【自动布局】会便捷很多,可以添加、删除对话框,调整对话框顺序。
4.添加【横向布局】,先分别将【ICON】框选,鼠标右键【创建分组】。
5.添加【自动布局】,对齐方式选择:横向、右对齐、顶对齐,【横向】选择【固定宽度】。