当前位置: 首页 > article >正文

Axure PR 9 旋转效果 设计交互


大家好,我是大明同学。

这期内容,我们将学习Axure中的旋转效果设计与交互技巧。

旋转

创建旋转效果所需的元件

1.打开一个新的 RP 文件并在画布上打开 Page 1。

2.在元件库中拖出一个按钮元件。

创建交互

创建按钮交互状态

1.选中按钮元件,在交互窗格点击新建交互,单击时,旋转 顺时针 经过 -90°线性 1000 毫秒。

预览交互

点击预览,每次点击按钮时,按钮会顺时针旋转90°

Axure 默认情况下,一般以元件的中心旋转,改变锚点可以改变旋转的中心。

预览交互

点击预览,每次点击按钮时,按钮会以左侧为中心顺时针旋转90° 。

接下来我们加上移动交互做一个圆球滚动的效果。

创建圆球效果所需的元件

1.在元件库中将圆形元件拖到画布中。

2.选中圆形元件,在样式窗格中将填充颜色设置为蓝色(#0052D9),添加线性和径向效果,线宽设为 0。

创建交互

创建圆球交互状态

1.选中圆球,在交互窗格中点击创建交互,载入时,启用情形判断

情形1:如果"[[This.x]]" <"[[Window.width-1500]]'意思是,圆形元件的X轴<窗口宽度并减去1500

旋转 当前(圆球)经过90° 线性 500毫秒。

等待 500毫秒 。

触发事件 当前(圆球)载入时。

2.点击画布空白区域,设置页面排列,向左侧排列。

预览交互

点击预览,圆球会向左旋转,到设置宽度停止旋转。

预览地址:https://15zwj7.axshare.com

好的,这期内容到这里就结束。

我是大明同学。

下期见。


http://www.kler.cn/a/523984.html

相关文章:

  • FreeRTOS学习 --- 动态任务创建和删除的详细过程
  • 大数据治理实战:架构、方法与最佳实践
  • 小程序-视图与逻辑
  • Linux 非阻塞IO
  • 【xcode 16.2】升级xcode后mac端flutter版的sentry报错
  • 图像处理之HSV颜色空间
  • C#System.Threading.Timer使用实例
  • 有限元分析学习——Anasys Workbanch第一阶段笔记梳理
  • 定西市建筑房屋轮廓数据shp格式gis无偏移坐标(字段有高度和楼层)内容测评
  • 【Samba】Ubuntu20.04 Windows 共享文件夹
  • 【Unity3D】实现2D角色/怪物死亡消散粒子效果
  • 基于STM32的智能家用温控器设计
  • Linux中page、buffer_head、bio的关系
  • 【Pandas】pandas Series count
  • UiAutomator的详细介绍
  • 网络工程师 (3)指令系统基础
  • CSS核心
  • 洛谷P1030 [NOIP2001 普及组] 求先序排列(c++)详解
  • PydanticAI应用实战
  • aerodrome交易所读合约分析
  • 模板泛化类如何卸载释放内存
  • 【反悔堆】【hard】力扣871. 最低加油次数
  • 最近遇到的一些 Android 小问题
  • 省级数字经济发展水平数据(2011-2022年)-社科数据
  • goframe 多语言国际化解决方案
  • 使用numpy自定义数据集 使用tensorflow框架实现逻辑回归并保存模型,然后保存模型后再加载模型进行预