Axure7.0怎么制作折叠菜单原型?
发布时间:2016-11-02 08:30:40 作者:佚名
我要评论
Axure7.0怎么制作折叠菜单原型?再设计网页原型的时候,想设计一个折叠的菜单,该怎么设计呢?下面我们就来看看Axure7.0设计折叠菜单的教程,需要的朋友可以参考下
设计产品原型时,利用Axure7.0工具制作折叠菜单效果。
1、拖曳三个动态模板到空白页上,分别命名为“tem1”,“tem2”,“tem3”

2、配置每个模板的属性,在“部件属性和样式”中勾选“调整大小以适应内容”,此选项很重要,不然会造成重叠的效果

3、每个动态模板添加两个状态“state1”和“state2”,其中“state1”状态为隐藏状态,“state2”状态为显示状态。以tem1模板为例进行说明。

4、对tem1按钮下的三个要进行折叠的按钮设置为“隐藏”状态,如图所示:

5、对tem1按钮添加鼠标点击效果用例。其中需要注意的时,state1状态和state2状态的转换效果。如果设置从隐藏状态state1到state2效果时,三个模板状态的勾选。模板如果要选择的状态为显示状态,则同时勾选“显示面板(如果隐藏)”和“展开/收起部件”,模板如果要选择的状态为隐藏状态,则只需勾选“展开/收起部件”。对于该页面内出现的面板都要进行状态设置



6、将三个动态模板折叠起来


7、发布预览效果即可



注意事项:
每个动态模板都要进行勾选“调整大小以适应内容”,否则有可能出现动态模板重叠的现象。
相关软件:
相关文章
- axure怎么制作弹出框效果?想要给网页实现一个弹出框的效果,该怎么设计这个原型呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-10-26
- axure RP7.0怎么制作60秒倒计时效果?我们经常使用axure设计网页原型,该怎么使用axure制作网页倒计时60秒的效果呢?请看下文详细介绍,需要的朋友可以参考下2016-10-26
- 想设计一个网页原型,该怎么设计呢?下面我们就来看看使用Axure设计图片轮番播放效果的网页原型的教程,很简单,需要的朋友可以参考下2016-10-23
- axure怎么绘制流程图中的箭头?axure绘制流程图需要使用箭头连接,该怎么绘制箭头呢?下面我们就来看看使用axure给流程图添加箭头的教程,需要的朋友可以参考下2016-09-30
axure动态面板怎么用? Axure动态面板制作页面弹出层的教程
axure动态面板怎么用?像制作一个弹出的网页,这时候我们就可以使用axure来设计,下面我们就来看看Axure动态面板制作页面弹出层的教程,需要的朋友可以参考下2016-09-23- axure rp 8.0怎么制作幻灯片效果的网页原型?很多网站上都可以看到图片类似幻灯片一样播放,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-09-12
- Axure设计的原型怎么一键生成网站结构图?Axure中设计好的网站原型怎么生成网站结构图呢?下面我们就来看看Axure生成网站结构物的教程,需要的朋友可以参考下2016-09-01
- Axure下载的外部部件怎么导入?Axure中绘制网页原型的时候,为了让网页效果更好,该怎么导入已经下载好的部件呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-08-30
- Axure RP 8怎么创建母板?Axure RP 8中像制作一个常用的模版,该怎么制作呢?下面我们就来看看Axure创建母板的详细教程,很简单,需要的朋友可以参考下2016-08-19
- Axure RP 8怎么制作一幅一年四季变化图?Axure经常制作网页原型,该怎么制作一幅司机风景图呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-08-18



最新评论