axure交互怎么做(axure8交互)

Axure原型最小化交互怎么做

虽然不太理解你的问题，不过还是按我自己的理解尝试回答一下

效果：

实现：

把第一张图那整个页面放到动态面板1里面；

另外做一个像第二张图最小化之后的样子，组合2，放在动态面板外；

点击最小化按钮，隐藏动态面板1并显示组合2；

点击最大化按钮，隐藏组合2并显示动态面板1。

如何用Axure快速制作APP交互原型

目前比较好的解决办法是：

下载Axure

2.如果是给itouch或者iPhone用的，比较好办，直接用320×480的分辨率画好辅助线，然后画原型

3.按F5生成原型的时候，在“Mobile/Device”选项中可以设置适配移动设备的特殊原型

4.设置说明见下图：（页面大小显示我的这个设置是按320×480的大小，默认不缩放）

5.用你的移动设备访问你生成的原型链接（如本地服务器，或Dropbox托管）6.把该页面创建一个桌面快捷方式7.完成（有icon，有闪屏）

另：想做鼠标动作或者复杂的页面交互比较麻烦，不推荐，尽量简洁。

Axure交互怎么做

背景置底，然后再在上面放一个动态面板。在动态面板里放你滑屏的内容。

PS：动态面板是一个很强大的东西，很多效果都需要用这个来实现。动态面板的位置如下图所示：

有不懂的再问，希望能帮到你。

【Axure10】交互功能-启用情形

进行交互事件的命名，在命名后，存在多个交互事件在预览与展示是可以展示对应的交互名称。方便快速选择交互逻辑。

命名可以方便进行部分交互事件的后期修改定位。

设置的所有的条件全部满足时，才会触发交互动作。

只需设置所有的条件满足其中一个就会会触发交互动作。

设置一些前置条件。通过设置条件来对交互动作进行约束。

设置对应的用于对比的类型。

值（text Value）

变量值

变量值长度

元件文字

焦点元件文字（焦点元件上的文字）

元件文字长度（元件值长度）

选中状态（选中项值）

禁用状态值

错误状态值

面板状态

元件可见性

按下的键

指针（光标）

元件范围

自适应范围

与类型进行关联，选择类型中的元件、公共变量、选项等。

此处的对应条件与类型挂钩，不同类型中可选项不同。

目前对比条件包含：==、!=、< 、>、<=、>=、包含、不包含、是、不是等。

在部分类型中，对应条件只能选择是与不是（例如：禁用状态、选中状态）。

类型与之对比参数。设置项与类型相同。

结果类型对应的状态、值等参数。

新增新的条件。

删除当前选中的条件。

一些常用的条件对比，可以快速的进行复用，提高效率。

设置完成的条件，会集中展示在本区域。方便快速查看，梳理。

条件本身就是一些逻辑的判断对比，在制作原型引用条件时，最好先梳理相关流程关系，然后进行添加对应的条件。

axure交互怎么做(axure8交互)

Axure RP 9基础教程（八）-交互按钮 （Interactive Button）设置

在进行原型的交互设计的时候，按钮的变化是比较常见的。比如，默认按钮是什么颜色？鼠标悬停于按钮上是什么样式，鼠标选中按钮时发生什么变化？这些都是我们需要对按钮进行设置的。

1、鼠标悬停样式效果

选中按钮部件，然后点击 交互窗口 中的 鼠标悬停交互样式 。

在出现的设置中，设置需要的样式即可，如果默认内容中没有显示你想要

设置的样式，请点击“+更多样式选项”，展示更多的样式选项进行设置。

点击 确定 按钮保存操作。

2、鼠标按下样式效果

看看上面的图片，可以看到，我们打开了按钮的交互样式设置窗口，可以设置“鼠标悬停”、“鼠标按下”、“选中”、“禁用”和“获取焦点”时的交互样式。

当然这个进入的方法，就是第一种的方式。

我们也可以在在按钮部件选中状态下，点击交互窗口中的“ 新建交互” 按钮，拉到弹出的列表底部，选择 鼠标按下 交互样式即可。

在出现的 鼠标按下 设置中，设置样式即可。

点击 确定 按钮保存操作。

3、选中样式效果

a 、给按钮添加交互样式

选中按钮部件，点击交互面板中的 新建交互 按钮，在弹出的列表底部，选择 选中 交互样式。

在出现的 选中 区域中，设置样式属性。

点击确定按钮保存操作。

b 、将按钮设置为选中状态

在按钮选中状态下，再次点击 新建交互 ，选择 单击时 事件，然后选择 设置选中 动作。

在 目标 下拉列表中选择 当前部件 。

保持 设置 下拉列表中的 值 不变，然后在 为 下拉列表中选择 切换 。

点击 确定 按钮保存操作。

4、禁用样式效果

设置禁用效果与设置选中效果的做法几乎一样，唯一不同的是，添加的动作。选中效果选择的是“设置选中”动作，禁用样式效果选择的是 启用 / 禁用 动作。

这是交互按钮的样式设置，跟之前的版本在设置上存在一些不同，比如设置的入口。比如Axure8可以直接看到交互样式设置的所有名称，点击之后就直接设置即可。但Axure 9不能直接看到设置的样式名称，需要做其他的点击过后，才能看到，这是大家需要注意的。

axure 如何选取图片某区域进行交互？

当使用者对网页进行某些人机介面的操作时，就会对网页触发一个事件(Event)。例如，一个按钮的OnClick 触发事件，打开工具

2

从左侧元件库中拖拽按钮到页面

3

点击工具界面右侧的onclick 按钮，在弹出的页面中设置

4

在链接选项菜单中选择在当前窗口打开链接 然后选择页面3，点击确定，添加事件后，按钮左上角会 出现一个黄色小图标用来标识已经添加的事件

END

添加链接交换

拖拽左侧元件库中的文本元件到右侧界面中

编辑文本字体，然后给文本字体设置蓝色

点击右侧的 添加用例....快速链接

在弹出的编辑框中选择要连接到的页面，然后点击确定

5

连接的文本也会出现黄色小图标，代表连接事件已经添加成功了

axure交互原型图怎么做？

打开Axure8(axure7也一样)，默认是新创建的项目，找到 “动态面板”元件，如下图：

拖动元件到工作区，按照图指示的任意一个地方给动态面板命名：测试面板

双击动态面板元件，出现状态state1,双击进入到state1的编辑：

拖放一个图像元件到state1内，双击并找到准备的图片（红旗），这样第一个状态就编辑好了。

下面编辑第二个状态，注意看图，在右下方的 “概要”栏目内 找到state1右键“复制状态”，这样里面的元件大小、位置不会发生改变。复制成功后为便于下面的交互用例，将状态分别命名为：红旗、蓝旗。

然后点击蓝旗状态，将图片替换。

以上步骤完成后，开始编辑交互用例。双击红旗图片，出现如下图所示的交互用例，找到：鼠标单击时，并双击出现用例编辑面板。

选择 元件-->设置面板状态 ，然后按照图示选中 “测试面板”，并为其设置选择状态为：蓝旗。同时设定动画效果。

红旗状态编辑完成后，点击确定，按照下图所示在 case1下邮件复制用例，并粘贴到蓝旗状态下。然后按上一步的操作，将蓝旗点击是的选择状态设置为：红旗。

最后F5预览，并点击图像测试效果