axure轮播图点击切换（axure 里怎么做点击跳到另一页）

本文目录

• axure 里怎么做点击跳到另一页
• Axure之实现图片自动循环切换效果
• Axure怎么利用下拉列表实现形状的切换
• 基于Axure RP8实现的一些简单交互
• 如何使用AxureRP制作Banner图切换效果
• Axure制作鼠标悬停图片切换效果
• Axure9动态面板（图片轮播）
• axure怎样做图片自动轮播比如下面3个tab，tab换一个时，图片也跟着自动跟换一张

axure 里怎么做点击跳到另一页

三种：
1. 如果是你自己的axure页面，可以直接用"Create Link...", 如图：

2. 如果是外在链接，可以加一个OnClick,点击时打开页面就行了，这样也可以选择如何打开，如图：

3. 如果你要点击的是文字链接，那么可以选择你要的文字，然后如图加链接：

Axure之实现图片自动循环切换效果

【男女的思维的确是不同，最近和老婆商量锻炼的事，因为我们俩都胖了，要开始锻炼。我第一个想到的是，安排在什么时间比较好；而她率先下单买了套运动服。昨天已经送到~~~】

axure如何实现图片自动循环切换效果???

1）添加动作中，选择【设置面板状态】，在配置动作中，依次按照下面图片中的箭头，选择状态：Next，勾选【向后循环】，【循环间隔2000毫秒】，单个状态耗时2000毫秒后切换等等，最后点击确定。

解释下：添加这些case的目的是，图片切换时，下面的小圆心的样式也可以跟着切换。只有这个目的。

来自 格雷戈·莫顿森《三杯茶》

【一只猴子，肚子被树枝划伤，流了很多血。它见到一个猴子就扒开伤口说，你看我的伤口好痛。每个看见它伤口的猴子都安慰它，告诉它不同的治疗方法。它就继续给朋友们看伤口听取意见，后来它感染死掉了。一个老猴子说，它是自己把自己弄死的。痛，说一次就痛一次，不如自己默默愈合。启发：你若不坚强，懦弱给谁看~~~】

【1】 AxureRP8实战手册-案例12（动态面板：自动图片切换）

如果有带给你一丝丝小快乐，就让快乐继续传递下去，欢迎点赞、顶、欢迎留下宝贵的意见、多谢支持！

Axure怎么利用下拉列表实现形状的切换

下拉列表作为我们在Axure中经常使用的一个操作，我们想要使用下拉列表切来换图形，具体应该怎么实现呢？不要着急，接下来小编就给大家带来这方面的详细内容，感兴趣的小伙伴们可千万不要错过了哦。
打开Axure文档，增加一个Page并命名为下拉列表：图形切换。
将元件库中的下拉列表元件拖入区。
双击下拉列表元件，弹出框，新增四个选项。
新增一个子Page，命名为方角矩形，增加下拉列表元件和方角矩形图形。
其他三个图形类似操作。
设置下拉列表中各选项对应的交互情形。
点击预览按钮，选择不同的项就展示不同的图形。

基于Axure RP8实现的一些简单交互

如何实现如下图所示点击a,b,c三个按钮实现上方图片的切换

（1）首先我们先放置三个矩形框建立整体布局

（2）在大的矩形框上面放置动态面板，这是实现图片切换的重要条件（实现banner轮播同样需要这一步骤），本次例子是实现三张图的切换，所以再增加两个状态，点击右下角动态面板点击加号添加状态，如下图所示操作

（3）添加完三个状态后，为每个状态添加一张图片，例如双击state1进入面板状态state1，然后添加自己需要的图片，如下图操作，state2，state3操作同上

（3）接下来我们再来设置a,b,c三个切换键，为了使页面加载完a切换键就是黄色并且点击任意切换键该切换键会显示黄色，我们来进行如下操作：设置a键，将属性框下的选中勾中（为了实现页面加载完a键就显示为黄色），然后点击鼠标按下设置事件，设置填充颜色，点击确定，设置完成。b,c键除了不勾选中外，剩下的和a键操作相同。

（4）接下来实现点击三个按键后图片进行切换功能，还是先设置a键，在右边属性栏交互事件里双击鼠标单击时进入事件，如下图，点击设置选中，将abc三个矩形选中，a为true，其他两个为false（设置b键b为true，设置c时c为true其余为false），设置完后再设置面板状态，具体操作如下图，在a键设置下，选择状态为state1，进入动画退出动画按自己的喜好选择，bc键设置下选择状态分别为state2，state3

（5）通过以下设置，这个交互事件设置也就完成了，按下F5可以进入网页查看设置后的效果。

         感谢查看，如有错误和意见请大家多多指点！

如何使用AxureRP制作Banner图切换效果

工具/原料

Axure

RP

7.0

雅虎Banner图3—5张

方法/步骤

选择3—5张尺寸大小一致的广告图。这里选取5张雅虎的首页Banner为例。放在材料库中。

打开Axure

RP

7.0,拖动一个动态面板在工作区中。动态面板大小与广告图大小一致。调节动态面板位置。

双击动态面板，取动态面板名“banner图”,添加动态面板状态，state1,state2...state5。

双击state1,进入状态页，拖动一个Image元件到状态1中，双击选择对应的banner图。选择自动调整图片大小。然后调整图片位置为X：0，Y：0。

在state2—state5状态中重复state1中的操作。然后双击Home页面，我们会看到界面效果如下

拖动5个Image元件到Home页，放置在动态面板“banner图”下面。大小：W:110,H：110。

双击第一个Image元件，选择大图一，并调整大小与Image大小一致。后面的Image元件重复第一个元件的操作。对应大图二——大图五。操作完效果如下。

选中第一个Image元件（添过图的），添加交互：鼠标移入时

——

设置动态面板

——

banner

——

State1。

第二到第5个Image元件重复步骤8的操作。对应banner面板的State2到State。

生成原型，发布，查看效果！

Axure制作鼠标悬停图片切换效果

1、新建Axure Pr项目，取名“Axure制作鼠标悬停图片切换效果”。
2、找一个网站首页获取所需素材，以下素材来自新浪首页，图片大小360*272px。

3、从控件苦Widgets拖拽一个动态面板控件Danamic Panel到Home首页，取名“鼠标悬停”，并通过“+”号添加三个状态，分别取名为图片、专栏、热点（状态数量与鼠标悬停效果图片数量对应）。

4、设置动态面板“鼠标悬停”的大小为360*272px。可以通过标题栏的坐标设置，也可以鼠标拉拽动态面板框。
5、在Home页选中动态面板“鼠标悬停”，在右下角Widget Manager栏分别双击图片、专栏、热点三个状态。
6、分别双击图片、专栏、热点状态进入状态页，分别将获取的素材图片添加到状态中。直接将图片从文件夹拖拽到状态页，也可以通过Widgets控件栏拖拽一个Image控件到状态页，然后再添加图片。
7、回到Home首页，从Widgets控件栏拖拽三个Hot Spot热点控件，分别覆盖图片、专栏、热点三个鼠标悬停区域。并分别为三个Hot Spot热点控件取名为图片、专栏、热点。
8、分别为三个Hot Spot热点控件取名为图片、专栏、热点设置鼠标悬停事件，从Interactions栏分别为热点控件添加OnMouseEnter或者OnMouseHover事件，事件设置操作为Set Panel State为热点对应的状态。此外，可以自行设置状态切换方式Animate In 和Animate Out。
9、按F5执行查看效果
如需源文件及素材留言评论找我获取。
如需素材包及rp文件，留言联系作者获取。

Axure9动态面板（图片轮播）

1、导入图片文件夹（可做可不做）
2、从元件库拖出一个动态面板，并设置大小
3、双击动态面板内部，进入状态页面
4、给动态面板添加状态，单击每个状态并每个状态内的内容
5、完成点击关闭退出
6、从元件库中拖出前进后退两个icon
7、选中向右的icon - 新建交互样式 - 单击时 - 设置面板状态 - 目标 - 状态

      向左的同理。
8、点击轮播效果完成。
9、设置页面载入时自动开始轮播，选中动态面板 - 新建交互样式 - 载入时 - 设置面板状态
10、页面载入自动轮播效果设置完成
注意：自动轮播过程中如果点击左右切换按键，自动轮播会停止，如需继续自动轮播，要在设置动态面板左右按键交互事件时，为按键多添加一个自动循环事件。

axure怎样做图片自动轮播比如下面3个tab，tab换一个时，图片也跟着自动跟换一张

把图片做成动态面板，设置tab点击时上一张图片move，hide

；下一张图片move，show。