文档库

最新最全的文档下载
当前位置:文档库 > 如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

一、开机界面设计

1、拖入Iphone手机框架元件

如何实现开机界面滑动解锁效果

2、拖放入“动态面板”并设置位置及大小

如何实现开机界面滑动解锁效果

3、编辑“动态面板”标签为“开机界面

如何实现开机界面滑动解锁效果

4、进入“开机界面”动态面板进行设计

如何实现开机界面滑动解锁效果

5、将母版页拖入

如何实现开机界面滑动解锁效果

6、添加图片

如何实现开机界面滑动解锁效果

7、拖入“动态面板”修改标签为“滑动控件“

如何实现开机界面滑动解锁效果

8、进入编辑状态,拖入矩形并修改标签“滑动框”

如何实现开机界面滑动解锁效果

9、再次添加“动态面板”并修改标签为“滑动按钮“

如何实现开机界面滑动解锁效果

10、添加按钮和图标

如何实现开机界面滑动解锁效果

11、返回“滑动控件“动态面板,再次再次添加“动态面板”并修改标签为“解

锁”

如何实现开机界面滑动解锁效果

12、设定位置

如何实现开机界面滑动解锁效果

13、设置“滑动控件”为隐藏并置于顶层

如何实现开机界面滑动解锁效果

14、“滑动控件”位置设定

如何实现开机界面滑动解锁效果

15、添加“图片热区”并置于顶层

如何实现开机界面滑动解锁效果

16、添加“动态面板”设置标签“软件管理页面”及效果图

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

17、将“软件管理页面”设为隐藏并拖入相应位置

如何实现开机界面滑动解锁效果

二、开机界面交互设计交互设计用例图:

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

交互设计:

1、选中“滑动框

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

2、选中“滑动按钮”

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

3、选中“图片热区”

如何实现开机界面滑动解锁效果

如何实现开机界面滑动解锁效果

4、效果图

如何实现开机界面滑动解锁效果