总图和标注
用到控件:手机外形部件,一个动态面板,三个label控件;
大概原理:(主要是动态面板的使用)
1、为三个label控件设置相同的selected显示样式(逐个添加),同时设置相同的selection group 名字;
2、点击时,赋予被点击控件selected属性,控件会显示其相应样式;
3、点击三个不同的label,显示其对应的动态子面板;
处理动态面板:
将动态面板拖至合适处,双击显示下面对话框:
添加相应子面板后对其做相应布局处理,这里省略。
三个label制作底部menu:
拖拽三个label控件设置相同的宽高属性,填写内容后分别加上不同的名字(实例中:home,page,mine),挨着放在一起,全部选取后设置为一组。将这个组拖至手机面板底部,拖拉到合适宽度,他们会平均分配空间;
为每一个label设置Selected属性:
点击单个label,修改如下图三处:蓝色Selected 是设置选择后的显示样式,这次只修改字体颜色;待选择框Selected是设置当前空间是否为Selected属性,第一个需要勾选,后面的不需要;group那里是三个label的统一组别名,它约束组内只允许一个处于Selected状态;
1:当前控件设置为Selected状态(这样点击后会字体会改变问设置的颜色):
2:显示动态面板的对应子面板:
做到这里,简单的点击底部菜单,实现切换的效果就做出来了,更多的是需要为动态面板的子面板添加更多的内容了。