【Axure10】交互功能-交互动作-元件动作

交互功能-交互动作-元件动作

image

显示隐藏

控制元件的是否可见属性

  • 目标:控制的元件。

  • 显示:元件可见。

  • 隐藏:元件不可见。

  • 切换:切换当前元件的可见状态(可见-不可见-可见)。

  • 动画:控制变化的交互方向动画。。

  • 毫秒:整个动画持续的时长(1000毫秒=1秒)。

  • 效果:

  • 灯箱效果、弹出效果:交互的效果。

  • 遮罩效果:在元件显示范围外,全部填充遮罩的颜色。

  • 推动元件:推动下方的元件(注:推送元件的效果在于可以很好的展示页面的布局)。

  • 置于顶层:将元件移动在最顶层(防止其他元件遮挡显示效果)。

image

设置面板状态

控制动态面板的交互显示。

  • 目标:控制的元件(目标元件必须是动态面板)。

  • 状态:当前属于动态面板中的哪一个。

  • 进入动画:动态面板进入时的交互动画。

  • None:无、逐渐、向右滑动、向左滑动、向上滑动、向下滑动、向右翻转、向左翻转、向上翻转、向下翻转。

  • 退出动画:动态面板退出时的交互动画。

  • 如果隐藏则显示:当动态面板原始的状态为隐藏时,加载时是否显示。勾选显示。

  • 推动和拉动元件:推动、拉动元件(注:推动、拉动元件的效果在于可以很好的展示页面的布局)。

  • 摇摆、线性、缓慢进入、缓慢退出、缓进缓出、弹跳、弹性

image

设置文本

设置文字的显示。所有可设置文字的元件均可进行设置。

image

设置图片

设置图片的显示。

  • 属性:

  • 图片:选择一张本地图片上传。

  • 值:

  • 可以选择中继器中的赋值,配合中继器效果可以在中继器中设置为导入图片。然后通过赋值给元件,到达一些特有效果,例如:商品列表等等。

  • 可以选着图片地址,例如OSS图片地址。

  • 更多选项

  • 设置鼠标悬停图片:当鼠标悬停在图片时,展示对应的图片,同时具有图片的属性设置(图片或值)。

  • 设置鼠标按下图片:当鼠标按下时,展示对应的图片,同时具有图片的属性设置(图片或值)。

  • 设置选中图片:当前图片元件选中时,展示对应的图片,同时具有图片的属性设置(图片或值)。

  • 设置禁用图片:当前图片元件禁用时,展示对应的图片,同时具有图片的属性设置(图片或值)。

image

设置选中

设置元件状态为选中状态。可以进行选中与非选中状态切换。

  • 选中需配合已设定的元件选中效果进行使用。通过设置选中进行元件不同状态的交互。

[图片上传失败...(image-568f66-1625374305654)]

设置列表选中项

设置存在选项列表中的某一个选项。

  • 在存在下拉列表、列表框时,可以触发设置列表选中项。
image

启用/禁用

设置元件(元件组)的启用与禁用状态。

元件禁用后,可编辑属性的元件将不可编辑。

image

禁用举例:下拉列表禁用后,将不可进行下拉选择。

image

移动

设置元件(元件组)的移动

  • 到达:使元件移动到达某个固定位置(此位置是一个绝对位置),例如:元件起始坐标为(50、50),设定达到坐标(100、100),此时的移动就是元件到达(100、100)的位置。

  • 经过:使元件移动到达某个相对位置,例如:元件起始坐标为(50、50),设定达到坐标(100、100),此时的移动就是元件到达(150、150)的位置。

  • 移动需要指定元件的X坐标和Y坐标。同时坐标支持函数赋值。

  • 轨道:有直线、逆时针弧线和,三种类型。可以满足简单的加载移动效果。

  • 直线

  • 顺时针弧线

  • 逆时针弧线

  • 边界:边界可以理解为给移动的元件给定一个可以移动的范围。

  • 边界分为四个方向:左侧、右侧、顶部、底部。

  • 边界的比较分为:≥大于等于)、>(大于)、<(小于)、≤(小于等于)。

  • 只支持具体的值,也支持函数赋值。

image

Axure10新特性

可以对整体范围内元件进行移动操作。

  • 所有元件在此下方:移动所有位于当前操作元件下方的内容。
  • 所有元件在此右侧:移动所有位于当前操作操作元件右方的内容。
image

旋转

设置元件(元件组)的旋转

  • 旋转:

  • 顺时针旋转:元件旋转方向按照顺时钟的方向旋转。

  • 逆时针旋转:元件旋转方向按照逆时钟的方向旋转。

  • 方式

  • 到达:使元件旋转绝对角度。例如:元件起始角度为30°,设定达到100°,元件旋转后的角度就为100°。

  • 经过:使元件旋转相对角度。例如:元件起始角度为30°,设定进过100°,元件旋转后的角度就为130°。

  • 旋转需要指定元件旋转角度。同时角度支持函数赋值(360°一圈)。

  • 动画:无(none)、摇摆、线性、缓慢进入、缓慢退出、缓进缓出、弹跳、弹性。

  • 动画时常:整个旋转周期所有的时常(结和动画使用)。注:1000毫秒等于1秒。

  • 偏移和锚点

  • 偏移:可偏移的位置

  • 锚点:设定以什么为中心点旋转(共有9个点供选择、左上、上中、右上、左中、中心、右中、左下、中下、右下)。选择不同的锚点,旋转出的样式不同,常用的基本为中心旋转。

image

设置尺寸(大小)

设置元件的尺寸大小

  • 适合于触发元件的大小调整,例如鼠标移入放大。

  • 设置尺寸需要指定元件高度和宽度。同时高度和宽度支持函数赋值。

  • 动画:无(none)、摇摆、线性、缓慢进入、缓慢退出、缓进缓出、弹跳、弹性。

  • 动画时常:整个旋转周期所有的时常(结和动画使用)。注:1000毫秒等于1秒。

  • 锚点:设定放大的方向(共有9个点供选择、左上、上中、右上、左中、中心、右中、左下、中下、右下)。

image

置于顶层/底层

将元件置于顶层或者底层,通过元件的层级关系,利用Axure加载渲染的特性实现部分效果。

  • 通常用的比较多的是置于顶层,这样有以利于元件的充分显示(不考虑元件概要中的元件排序)。
image

设置不透明度

设置元件的不透明度

  • 通过设置元件的不透明度实现一些场景交互效果。
  • 设置动画可以实现不透明度调整加载效果。
image

获取焦点

设置元件获取焦点。当元件获取焦点后,可以结合交互事件中的获取焦点、失去焦点进行交互处理。

同时获取焦点可以触发元件设置的焦点形状属性样式。

  • 同时焦点是一个暂存(为什么说是暂存:焦点会随着操作而消失,所以这个暂存状态可以帮助我们完成一些其他交互无法达到的效果。)例如一些点击选中,可以设置获取焦点是选中,失去焦点是切换为未选中,这样就可以达到一些微小的视觉效果。
image

展开、折叠树节点

设置树类型元件的节点展开与折叠控制。此处只能作用与树类型元件。

image
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容