零基础美化篇之QQ系列-003-头像按钮

admin

通过前面两节的学习，大家应该对背景编辑器有需了解。操作起来是不是很简单
理解了上一节后，接下来的学习将是一马平川
1.添加布局元素
布局-项：布局宽度=填充父，布局高度=80
内填充：10,10,6,10
2.添加按钮元素
头像按钮如下设置：布局-项：布局宽度=55，布局高度=55
状态按钮如下设置：注意它的父是上面的头像按钮
布局-项：布局宽度=15，布局高度=15
坐标-左边：38，上边：40
效果如图:


3.背景编辑
这里同样选择三个状态的就好

工具栏选择圆形-垂直水平居中-宽度高度均为49-勾选蒙版
选择图片-垂直水平居中-宽度高度均为49-勾选蒙版-设置好图片
同时把圆形和图片的停留/按下状态都链接起来

选择停留状态-圆形对象-属性按上图进行设置，注意形状对象列表区的层次关系
同时把描边圆形的按下状态链接起来
到此头像按钮我们就设计完成了，你学会了吗？
剩下的状态按钮就作为课后练习吧！