Axure RP中文网站 > 最新资讯 > Axure RP如何设置交互 Axure RP如何设置组件属性
Axure RP如何设置交互 Axure RP如何设置组件属性
发布时间:2024/12/15 15:19:09

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Axure PR 9

在Axure RP中,交互功能可以帮助我们提升原型的视觉效果和用户的沉浸体验,在与团队合作的过程中,交互效果也能够便于团队成员理解和维护。Axure RP也提供了强大的组件属性设置功能,可以调整组件的样式、行为和功能。以下为大家介绍Axure RP如何设置交互,Axure RP如何设置组件属性的相关内容。

一、Axure RP如何设置交互

在Axure RP中,交互功能是模拟用户行为和动态效果的核心。通过设置交互,可以让原型更贴近真实的使用场景。下面为大家演示一下Axure RP设置交互的操作步骤:

1、选择元件

在元件库中选中元件后,将其拖拽进入画布。在右侧“交互”面板位置,可以看到元件能够设定的交互事件。

交互设置面板
图1:交互设置面板

不同元件能够设置的交互事件类型是不同的,这是Axure RP本身设定好的、无法更改的部分。例如,动态面板元件的交互事件中可以对状态进行设定,文本框元件的交互事件中可以对文本输入的情况进行设定。我们需要在选择元件时结合使用目的及能够设置的事件类型进行挑选。如果想要选用某个事件而在交互列表中找不到时,可以首先检查是否错用了元件。

动态面板元件的交互设置面板
图2:动态面板元件的交互设置面板

2、添加交互

①方式一:点击 “新建交互” 按钮,选择触发事件。

以矩形元件为例,有三种类型的触发事件:鼠标、键盘、形状。触发的意思是执行了该操作时,它是后续动作的开启键。例如触发事件设置为“单击时”,指的是点击矩形元件时,开始执行交互动作。

触发事件设置
图3:触发事件设置

选择了一个触发事件后,Axure RP会自动关联出能够执行的动作,以“单击时”的触发事件为例,有链接动作和元件动作两种。常用的有,打开链接:选择目标页面或指定链接地址;状态切换:修改动态面板的状态;显示/隐藏:控制元件的显示或隐藏状态;设置文本:用于控制元件上的文字。

动作设置
图4:动作设置

选择一种动作后,Axure RP会自动弹出可供选择的后续选项,按需选择即可。对选项内容不理解的情况下,一般选用默认设定即可。以“打开链接”动作为例,可以选择链接到指定的页面或链接到URL及文件路径等。

打开链接动作的后续设置
图5:打开链接动作的后续设置

②方式二:双击打开交互编辑器。

方式二的设置逻辑和方式一是一样的,只是呈现方式不一样,在交互编辑器中可以看到该元件上绑定的所有交互事件。适合于交互较复杂的情况,可以快速批量操作。

交互编辑器
图6:交互编辑器

3、调试与预览

在完成了交互事件的设置后,可以看到元件上会多一个“闪电”的符号,用于区分没有绑定交互事件的元件。

在Axure RP本地是无法看到交互的,需要点击工具栏中的 “预览” 按钮。在预览下模式,通过点击设置好的交互,来测试是否按预期生效,确认逻辑无误。

闪电标识与预览入口
图7:闪电标识与预览入口

二、Axure RP如何设置组件属性

在 Axure RP中,组件属性的设置决定了原型设计的外观和功能表现。设置组件属性有两个步骤:

1、选择组件

在画布上选中需要设置属性的组件(如矩形、图片、文本框等)。确认组件选中后,右侧的 “样式” 面板会显示其可调整的属性。每种元件的样式面板会略有不同。如果不确定组件的类型或名称,可通过左侧的 “概要” 面板快速定位和确认。

样式面板
图8:样式面板

需要注意,要在“点击”选中元件(元件外有锚点提示)的情况下可以看到元件的样式设置面板。没有选中的情况下,看到的是整个画布页面的样式设置面板。

页面的样式面板
图9:页面的样式面板

2、调整属性

共有三类可以调整的属性:基础样式设置、文本属性、交互属性。基础样式设置可以对元件的大小与位置、边框与填充、圆角与阴影进行设定。文本属性部分可以选择字体样式、大小和颜色,调整对齐方式(左对齐、居中、右对齐)和文字间距。交互属性部分可以设置输入框的默认提示内容,指定文本框的输入内容类型(如文本、数字、邮箱等)。可以根据具体页面的设计需求进行设置。

样式面板全貌
图10:样式面板全貌

以上就是Axure RP如何设置交互,Axure RP如何设置组件属性的全部内容。可以在Axure RP中灵活设置交互和组件属性,使原型具备丰富的动态效果和适宜的外观控制。

 

 

读者也访问过这里:
135 2431 0251