1.导入一张幸运转盘的图片在Axure PR 8 中,调整它一定的大小,宽:460,高:460,这里不用填充颜色,如图所示:

2.绘制一个圆形和一个三角形,圆形颜色可填充其他颜色。三角形填充蓝色。调整大小,放入转盘中间,将绿色部分覆盖。在加上一句话即可。

3.将圆形和三角形以及文字组合在一起,给组合标注为指针。设置交互效果,鼠标单击时中的旋转,右边勾选小方框内的转盘图片,旋转为相对位置,角度里面的插入变量为:[[Math.random()*1000+360]],锚点为中心,动画:缓进缓出,设置秒数为20000毫秒,或则是25000毫秒,确定之后,运行看效果,自行设置。

动态卡设置:
1.放入一张图片,设置大小宽:200,高:200;在图片中间部分,写上一段话。设置为白色字体。

2.不透明度为30%,并且设置隐藏。

3.选中图片点交互效果中的鼠标移出时,设置隐藏,动画为线性,时间为300毫秒。

4.在次点击已经设置好的交互效果,去设置尺寸,选中动态面板下面的图片点击确定,宽:376,高:259;锚点:中心,动画为线性,时间为300毫秒,这些都是可以自己去设置的,想实现什么的效果,去设置就好了。运行看效果。

Axure RP 8幸运转盘和动态卡相关推荐

  1. Axure RP使用攻略--动态面板的用途(8)

    写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解. 关于动态面板 动态面板是axure原 ...

  2. Axure RP 动态面板介绍

    开发工具与关键技术:Axure RP and 快速原型设计 作者:天狼 撰写时间:2021.1.13 1.关于动态面板作用: a. 是容器. b. 有动效. c. 限制显示区域. d. 可拖动. e. ...

  3. axure内联框架和动态面板_解读Axure RP 9新功能:内联编辑动态面板

    一直以来,动态面板小部件是Axure RP的一个定义功能.在版本4中引入的动态面板是容器,允许用户构建从图像轮播到粘性导航标题到可拖动页面元素的所有内容. Axure RP 9的主要目标之一是使这些功 ...

  4. 1.4_17 Axure RP 9 for mac 高保真原型图 - 案例16 【动态面板-滚动条6】手动制作滚动条

    相关链接 目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标  1. 了解 手动制作滚动条 的原理  2. 掌握 鼠标悬停 在本案例中的用法 一.成品效果 Axure ...

  5. axure pr动态可视化元件库在哪有_在Axure RP中快速创建可视化统计图,加载图表元件库 Axhub Charts...

    Axhub Charts是基于Echarts和Antv的图表元件库,主要是应用在Axure原型设计 下载 Axhub Charts 元件库rplib文件 : 点击下载使用Axhub Charts元件库 ...

  6. 1.4_16 Axure RP 9 for mac 高保真原型图 - 案例15 【动态面板-滚动条5】深色模式 - 按钮效果升级

    相关链接 目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标  1. 了解 元件库,会使用元件库中的成品进行改造  2. 掌握 在 概要 模块的使用技巧 一.成品效果 ...

  7. 1.4_15 Axure RP 9 for mac 高保真原型图 - 案例14 【动态面板-滚动条4】深色模式 - 图层处理

    相关链接 目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标  1. 了解 深色模式 的实现原理  2. 掌握 在 概要 模块中,显示/隐藏 对象  3. 掌握 置于顶 ...

  8. 1.4_9 Axure RP 9 for mac 高保真原型图 - 案例8 【动态面板】浏览、翻页、回弹

    相关链接 目录 Axure中文学习网 AxureShop AxureShop-QA 案例目标  1. 了解 手机端app 浏览的实现原理  2. 掌握 回弹效果 的交互配置方式  3. 掌握 动态面板 ...

  9. 软件原型设计工具Axure RP安装教程

    http://www.axure.us/1896/ Axure RP是产品经理必备的原型制作工具,因为很多同学是新手,在这里整理一下axure7.0的下载.安装和汉化流程,希望能够帮到大家. Axur ...

最新文章

  1. 【python】使用python脚本将LFW数据中1672组同一个人多张照片拷贝出来
  2. 量子通信产业化初试,中国筹建千亿级国家实验室
  3. sku属性组合小例子
  4. iOS之深入解析如何编写自己的CocoaPods插件
  5. 关闭 进程_关闭一个进程 锐龙CPU骤然降温22.5!
  6. 配置mysql使其允许外部ip进行登录
  7. linux module_init
  8. 白盒测试 | 用例设计方法之条件覆盖
  9. 1.5 编程基础之循环控制 29 数字反转
  10. 源码0501-07-GCD的基本使用
  11. sqlserver2000换成mysql_MS SQL Server2000转换成MySQL
  12. 雪景特效制作软件JixiPix Snow Daze for Mac
  13. layui框架引入TP教程
  14. 2019年 武汉理工大学计算机考研经验分享
  15. 制作业信息化为什么难施行?
  16. 全世界最高级最好的操作系统,人人都可以用
  17. Keras多层感知器模型对IMDB进行情感分析
  18. 牛客寒假基础集训营 | Day1 G-eli和字符串
  19. Spring warmth
  20. Tomcat启用SSL导致Firefox出现“安全连接失败”错误的解决方法

热门文章

  1. JPA查询——setResultTransformer过期替换
  2. linux下安装epel源
  3. python线程启动和暂停_threading之线程的开始,暂停和退出
  4. Linux memwatch 的使用
  5. Python之多进程与多线程
  6. java可以编写siri_揭秘Siri,苹果发布论文阐释语音助手设计想法
  7. 如何解决打开U盘时遇到提示:请将磁盘插入驱动器
  8. 【GO】vscode下安装go-outliner等go语言插件extension失败:no log
  9. STM32通用定时器基本原理
  10. Java 中 Gson的使用