axure怎么设计鼠标展开折叠效果?
发布时间：2017-11-01 17:15:55 作者：佚名 
我要评论
我要评论axure怎么设计鼠标展开折叠效果？axure中想要绘制一个可以折叠展开功能的原型，该怎么设计呢？下面我们就来看看axure制作折叠效果的教程，需要的朋友可以参考下
Axure中可以制作很多效果，想要制作一个折叠效果，该怎么制作呢？下面我们就来看看详细的教程。
1、从左侧部件库中拖拉2个矩形，按照个人设定的样式，直接用鼠标拖拉调整好；然后复制矩形——选中要复制的内容，按住ctrl键，将光标移至矩形处变成一个双十字箭头（可移动标志）后，按住鼠标往旁边拉动，即复制成功。这里以复制两个后的三个为例。
2、为便于区分，分别给三个色块填充上不同的颜色，并给六个矩形分别命名，还可分别输入文字加强识别。
3、将下面的三个内容框矩形设为隐藏：选中要隐藏的部件，点击勾选“hidden”；接着，把绿色部分移到黄色标题栏下面，遮住绿色隐藏部分，粉红色类推，变成图中的左侧堆叠形态。
4、点击黄标题栏——双击右侧“鼠标点击时”添加用例——选择左侧“显示/隐藏”部件——右侧配置动作中，勾选黄标题栏——可见性中选择“切换”——勾选“推/拉部件”，方向选择“下方”，点击确定（亦可跟随图示按步骤进行）。
接着，对绿标题栏、粉红标题栏进行同样的操作。标题栏设置完成后，点击演示键，即可查看效果。
以上就是axure中折叠效果的制作方法，希望大家喜欢，请继续关注脚本之家。
相关推荐：
相关文章
Axure怎么给图片增加点击事件？Axure中想要给图片添加鼠标单击事件，如果鼠标单击图片返回主页，该怎么实现这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-11-01
axure怎么调整字间距？axure中想要调节文字的行间距，该怎么调节呢？下面我们就来看看axure字间距的设置方法，需要的朋友可以参考下2017-09-30
axure团队项目怎么获取? axure获取并打开团队项目的方法
axure团队项目怎么获取？axure做项目的时候，想要获取团队项目，该怎么获取呢？下面我们就来看看axure获取并打开团队项目的方法，需要的朋友可以参考下2017-09-28
axure怎么设计一个倒计时效果的模型？axure中设计网页圆形很简单，今天我们就来看看使用axure设置一个倒计时效果的教程，需要的朋友可以参考下2017-09-28
axure网页原型怎么预览和生成原型文件？axure中设计好的文件原型想要预览并生成，该怎么预览呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-09-25
axure原型无法签出怎么办? axure不能签出的解决办法
axure原型无法签出怎么办、？axure中设计网页原型很方便，设计完成以后发现无法签出，该怎么办呢？下面我们就来看看axure不能签出的解决办法，需要的朋友可以参考下2017-09-24
Axure怎么新建元件库？想要把常用的组件制作一个元件，放到自己的元件库中，该怎么操作呢？下面我们就来看看Axure元件库的使用方法，需要的朋友可以参考下2017-09-13
axure中的单元格怎么合并？axure制作的网页原型中插入了表格，想要将表格中的单元格合并呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-09-08
axure8怎么给网页制作Tabpage页效果？axure8中想要给网页设计一个tab标签效果，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-29
Axure RP8怎么设计倒计时获取短信验证码效果？经常能见到带有短信验证的网页，该怎么设计出这个交互效果呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-08-25
最新评论