Axure RP8 图片手风琴

注意看红色框，共有10个步骤，按顺序操作下去

1.打开Axure RP软件，在page1中，拖入动态面板（命名为“A1“）；其它为“A2、A3、A4”

2.在动态面板状态1内拖入图片，在图片上层放置与图片同尺寸的矩形，颜色设置为灰色（#D7D7D7）透明度为25%

3.在A1交互用例中选择鼠标“鼠标单击时”添加条件，选中“值”在变量内输入 [[LVAR1.width]]，(”LAVr1“为局部变量)，[[LVAR1.width]] > 500 (条件为：图片1的宽小于500)

4.添加移动选中当前原件Y: [[Window.height/2-当前元件高的2\1]]

5.添加移动选中当前原件“绝对位置，X：[[Window.width/2-当前元件宽的2\1]]

，动画任意，时间得大于500毫秒”隐藏其它图片

6.添加“等待”时间与“移动”动作中的时间一致

7.然后“设置尺寸”将原本的尺寸放大2倍

8.然后在“鼠标点击时”再次添加一个用例，在用例2中将其尺寸设置成原本的尺寸，等待与设置尺寸的时间一致，显示其它动态面板，最后在移动到原本的位置

9.然后在动态面板中的“鼠标移入时”添加用例，条件[LVAR1.width]] > 500 (条件为：图片1的宽小于500)，隐藏该动态面板内的效果矩形，动画为逐渐

10.“鼠标移出时”添加用例，条件[LVAR1.width]] > 500 (条件为：图片1的宽小于500)，显示隐藏该动态面板内的效果矩形，动画为逐渐

Axure RP8 图片手风琴相关推荐

Axure RP8 教程：基础元件
Axure小白的福利又来了,本教程包含基础元件的介绍和操作,通过对这部分的学习,就可以掌握Axure元件的基本使用方法. 希望大家边学边操作,学习效果更佳哦. Axure RP8 教程 :基础元件的使 ...
《Axure RP8 网站和APP原型制作从入门到精通》一2.7　交付
本节书摘来自异步社区<Axure RP8 网站和APP原型制作从入门到精通>一书中的第2章,第2.7节,作者金乌,更多章节内容可以访问云栖社区"异步社区"公众号查看 ...
AXURE RP8 - 实战手册网站和APP原型制作案例精粹
AXURE RP8 - 实战手册网站和APP原型制作案例精粹扫码时备注或说明中留下邮箱付款后如未回复请至https://shop135452397.taobao.com/ 联系店主 posted ...
Axure设置图片旋转交互
开发工具与关键技术:交互首先拖一个图片: 2.导入你想要旋转的图片: 3.选定图片,选择属性-鼠标单击时: 4.设置旋转,勾选当前元件,设置角度,这里选择45度: 5.设置好后,图片上会出现交互标志 ...
Axure RP8概要页面不见了
axure rp8和axure rp9的概要页面不是在同一个位置,如果在axure rp8中没有找到概要页面,如果需要显示概要页面,在视图>功能区将概要勾上即可哦~如图
Axure RP8（Win）安装程序及授权码
文献种类:专题技术总结文献开发工具与关键技术:Axure RP8 作者:张丽诗:年级:20级实验3班:撰写时间:2021年 4月28日文献编号: 归档时间: 年 ...
AXURE RP8实战手册(完整版)
下载地址:网盘下载内容介绍编辑本书是一本介绍使用Axure RP 8.0软件制作Web和App原型的图书,通过对基础操作和实战案例的讲解,帮助读者深入了解如何进行Web与App平台的产品原型开发 ...
Axure 点图片外区域即隐藏_AXURE教程：用中继器做一个手机版内容分享原型
本文仔细介绍了中继器制作手机版内容分享原型的步骤与注意要点,希望对你有所启发. hello,今天教大家如何用中继器做一个类似微博的内容分享原型,里面的内容从0-9张图片的格式都设置好了,我们只需要填写 ...
WPF实现图片手风琴动态切换效果
实现效果如下: 思路:利用WPF自带Expander控件实现点击展开折叠效果,上层采用ListBox来加载图片数据源. 参考博文:WPF 简易手风琴 (ListBox+Expander) 步骤: 1. ...

Axure RP8 图片手风琴

Axure RP8 图片手风琴相关推荐

最新文章

热门文章