AxureRP 设置图片文字，旋转，尺寸，等待，其他，触发
开发工具与关键技术：Axure RP and 快速原型设计
作者：天狼
撰写时间：2020.1.14
设置图片，设置文字
1.关于图片的选中和文字的改变，设置动作在快速原型设计中也十分常见，但是应该是挺简单的我们用一个例子来详细理解一下吧！
2.一个简单的例子：
First：拖动一个较大的图片至画布命名为（Large drawing），拖动一个三级标题命名为（character），拖动三个较小的图片，设置尺寸一样，分别命名为（one，two，three）。
注意：命名一般都是用英语译文，避免别人看不懂，或者未知bug，推荐命名规范。
将他们位置如下图拍好。
Second：给三个小图片一个组，命名为group，分别设置交互样式，注意是（选中样式）给他们一个不同颜色的边框，这样看起来会美观一点。
Third：动作编辑：选中one>>鼠标单击时>>设置选中>>选中one，默认是值，true，这样选中就做好了。
设置图片>>选中Large drawing>>导入我们one的大尺寸图>>确定
设置文本>>选中character>>设置文本为：富文本，然后把图片的描述，写上去就可以了。
Fourth：将one设置好的动作，复制给2和三，改变选中状态，图片展示，文字就行了
旋转
1.关于旋转，我们在超市应该都見过，就是简单的幸运转盘抽奖，看起来十分的有趣，而旋转也是我们必须要掌握的，甲方爸爸，想要这样的效果！
2.一个简单的实例：
First：拖动一个照片，载入我们抽奖的背景照片，如果您没有也可以自己在Axure里面自己设计一个圆形的图片，或者参考百度，记得要注意版权哦！
Second：拖动一个圆形编辑：点我！一个三角形，把他们的样式调整好（尺寸，颜色，位置）这里可以自定义，把他们组合起来反正做一个类似指针的的东西，参考照片即可！
Third：编辑动作：选中三角形和圆形组合>>鼠标单击时>>旋转>>选中我们转盘图片>>旋转：相对位置>>
角度：[[Math.random()1000+360]] 具体操作方法：单击FX进入编辑值，插入变量或者函数，插入前记得把之前的默认值0给删除，在搜索框搜索ra,就能看见random（），点击它，将1000+360写在里面
确定。
其他，动画：欢进缓出，锚点：中心，时间：1000毫秒，可以自定义。
如图：我们就能得到一个luck turntable case（幸运转盘案例）。
设置尺寸
1.刚刚接触Axure的时候，做的那些大的图片，都是不能全屏幕展示的，让我有一些抓狂，要知道在web前端开发这样的网页根本不能说是合格的，看上去特别别扭，用户体验极差。所以尺寸就变得很重要。
2.具体操作方法：在页面就能找到我们，页面载入时，点击进入编辑动作，设置尺寸，宽度高度用函数去表达，[[Window.width]]，[[Window.height]]。这样就行了。
3.一个简单的例子：
First：拖动图片，随意载入一个图片。
Second：编辑动作：主页面找到页面载入时>>设置尺寸>>选中图片>>设置函数，点击插入函数，搜索框打window。就可以看见函数名称了，点击。宽度（width），高度（height）。自己摸索着来吧！
不知道你们有没有发现有一个，窗口尺寸改变时的动作，他的作用就是在你窗口改变的时候也可以全屏幕展示照片，操作方法和前面的，页面载入时设置的是一样的。
等待，其他，触发
1.等待顾名思义，让动作等待几秒钟然后开始工作。也可以自己完成其他需求。根据功能加油干吧！
2.做一个等待3秒，然后打开百度的案例：
如图：把矩形和按钮做出来，然后选中按钮按照图二设置动作就能实现了，超级简单！
3.其他：把文字做一个弹窗的模式，显示出来，十分有意思。
4.随意的做一个按钮，编辑动作，鼠标单击时，其他，在输入框输入你想要的文字就行了！
5.触发：
小案例：实现原理：设置全局变量为10，鼠标单击时显示全局变量0，等待一秒后。设置全局变量-1，然后触发单击事件，就会形成一个循环。
慢慢摸索吧！少年！！！
本文章只代表个人观点，我们不保证内容的正确性，版权所有，保留一切权利—天狼
AxureRP 设置图片文字，旋转，尺寸，等待，其他，触发相关推荐
- html如何设置图片循环旋转动画效果,如何使用css3实现图片自动旋转的特效(完整代码)...
在介绍如何使用css3实现旋转图片特效的基础上,重点介绍了具体的步骤.这篇论文内容紧凑,希望大家能有所收获. 在浏览网页的过程中,你会遇到一种特殊的效果,叫做图片旋转:不同的图片会根据时间的变化在同一 ...
- word默认文字环绕方式是什么_在Word 2010文档中设置图片文字环绕方式
默认情况下,插入到Word 2010文档中的图片作为字符插入到Word 2010文档中,其位置随着其他字符的改变而改变,用户不能自由移动图片.而通过为图片设置文字环绕方式,则可以自由移动图片的位置,操 ...
- MATLAB设置图片输出的尺寸大小与字体（适用科研论文）
在发表学术论文的时候,往往对图片格式有一定的要求.通常使用eps格式的图片,并对图片的尺寸也有要求. 这里以输出图片要求 字体 为 Time New Romance,宽度 为 3.5in ,分辨率为3 ...
- csdn设置图片居中和尺寸
1) csdn方法(参考)  #pic_ ...
- html如何设置图片循环旋转动画效果,纯CSS3实现图片无限旋转加载动画特效
纯 CSS3 实现 loading... 动画加载效果,需要一张透明的 png 图片,代码如下: HTML: CSS: /*动画效果*/ #loading-img { display: block; ...
- android edittext hint文字居中,自定义EditText设置图片文字居中
JAVA 自定义类继承EditText or AppCompatEditText import android.content.Context; import android.graphics.Pai ...
- 【CSS】记踩坑-图片3D旋转设置景深perspective
在练习CSS3图片3D旋转的时候,为了使图片更有旋转的立体效果,设置了景深,但发现图片的旋转角度发生了偏移. 设置景深之前: CSS <style>div{margin-top: 200p ...
- css图片跟文字居中,css 图片文字垂直居中
先来看张图片 相信很多css新手遇到过这种问题,就是当图片和文本显示在一行的时候,效果很奇葩,文字和图片没法对齐, 这时我们需要做的是: 1,先给块级元素设置 display: inline-bloc ...
- word 图片文字环绕
要想实现,下图所示的排列方式: 双击图片,设置图片文字环绕方式为 四周型 然后有个其它布局选项,可以设置文字与图像边距
最新文章
- 【ACM】杭电OJ 1789（Doing Homework again）
- Measuring Similarity between Clusters (Clusters 之间相似度的测量)【未完待续】
- 弯道极限超车、击败人类顶级玩家，索尼AI赛车手登上Nature封面
- 多种数据DELPHI备份方式（源码）
- HTTP协议之响应头Date与Age
- spring servlet 扩展undertow
- list的exc_集合框架
- blob没权限 ie_vuerouter 源码和动态路由权限分配
- 如何卸载bytefence anti-malware
- 妈妈别哭，我去了天堂[组图]【值得你去看，值得你去深思】
- python 调用 C++ code
- LINUX设备驱动模型之class
- cad文字宽度因子_字体宽度因子改不了 cad宽度因子无法修改
- 网络层笔记六、硬件地址与IP地址
- Spark 应用开发程序
- 服务器ras6000系列,再看IBM System x M3系列服务器的RAS特性
- SPA（单页面应用）
- （winform）winform 通过 PictureBox添加图片的四种方法。
- Javaweb企业员工信息管理系统
- 行业应用 | 大数据对新闻传播的影响 大数据