美文网首页
Axure学习笔记:设备列表界面2

Axure学习笔记:设备列表界面2

作者: 篱落LY | 来源:发表于2018-01-30 14:52 被阅读15次

萤石云设备列表界面,界面向上滑动,隐藏部分标题栏区域(分组图标隐藏,只显示分组名),搜索栏区域隐藏。


步骤:

1. copy昨天已完成的设备列表界面图,完善底部的TabBar。绘制图标,使用圆形工具绘制椭圆,填充#47b034

2. 按住键盘Alt,复制椭圆,改变第二个椭圆的旋转角度,修改填充颜色#feae03

3. 修改第三个椭圆的旋转角度、修改填充颜色#dc0682

4. 修改第三个椭圆的旋转角度、修改填充颜色#00a0ef

5. 插入其他的图标

6. 删除占位图

7. 删除标题栏的分组图标,缩小调整标题栏高度,界面控件上移

8. 底部的NVR设备添加“查看帮助”按钮


素材:

相关文章

网友评论

      本文标题:Axure学习笔记:设备列表界面2

      本文链接:https://www.haomeiwen.com/subject/rmlczxtx.html