养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

使用Axure如何实现个人中心的右滑抽屉效果

时间:2024-09-30 03:20:46

当一个应用没有太多内容时往往不会采用底部珑廛躬儆导航的方式来展示个人中心的入口,更多的是通过与首页合并,采用右滑抽屉的方式进行展示,今天就给大家分享一下如何使用Axure来实现这一效果

工具/原料

联想电脑

winwinwin10

AxureAxure8

动态面板

方法/步骤

1、第一,根据下图创建一个首页样式。

使用Axure如何实现个人中心的右滑抽屉效果

2、第二,根据下图创建个人中心的抽屉样式。

使用Axure如何实现个人中心的右滑抽屉效果

3、第三,选中个人中心的所有组件后右击选择“组合”,如下图。

使用Axure如何实现个人中心的右滑抽屉效果

4、第四,选中上一步创建的个人中心的组件组合,然后右击并选择“隐藏”如下图。

使用Axure如何实现个人中心的右滑抽屉效果

5、第五,选中个人中心按钮,然后双击右侧的“鼠标单击时”,如下图。

使用Axure如何实现个人中心的右滑抽屉效果

6、第六,单击右侧的“显示”选中个人中心的所有组件后根据下图进行编辑。

使用Axure如何实现个人中心的右滑抽屉效果

7、第七,在不选中页面任何组件的情况下点击右侧“页面右侧单击时”根据下图隐藏个人中心的所有组件。

使用Axure如何实现个人中心的右滑抽屉效果

8、第八,到此步骤为止我们已经完成了个人中心的右滑抽屉效果,来看下效果图吧!

使用Axure如何实现个人中心的右滑抽屉效果

© 一点知识