Axure RP中文网站 > 新手入门 > Axure RP怎么设置tab切换效果Axure RP怎么设置载入时自动3秒跳过
Axure RP怎么设置tab切换效果Axure RP怎么设置载入时自动3秒跳过
发布时间:2025/10/23 11:39:35

品牌型号:联想ThinkBook

系统:Windows11

软件版本:Axure RP 9

用Axure RP做原型设计的时候,加上各种互动效果,做出来的原型就跟真的APP或者网页差不多,给客户展示的时候也更方便。tab切换和自动跳过就是很常见的互动特效,学会这两个技能可以让你在使用Axure RP做原型的时候更加得心应手。今天就来给大家介绍Axure RP怎么设置tab切换效果,Axure RP怎么设置载入时自动3秒跳过的详细内容。

一、Axure RP怎么设置tab切换效果

在实现高保真原型的时候经常需要点击导航可以切换不同的页面,接下来给大家分享tab页签导航的实现过程。

1、从元件库拖2个文本标签至画布中作为tab导航(想要几个导航就拖几个文本标签,本文将用2个导航做演示),再拖一个矩形作为导航背景框以及一个动态面板(动态面板中包含两个状态,分页放置一个图形元件和矩形元件,代表不同的页面)。

添加元件
图1:添加元件

2、按住键盘上的Shift键再用鼠标点击两个文本标签,这样可以同时选中去添加“鼠标悬停”和“元件选中”的交互样式。可以鼠标悬停上去设置字体颜色发生变化,选中元件时填充色发生变化,具体的交互需求根据个人设计而定。

设置鼠标悬停/元件选中交互
图2:设置鼠标悬停/元件选中交互

3、接下来就可以给tab导航添加切换的交互动作,选中第一个文本标签,添加“鼠标单击时动态面板状态为State1”。选中第二个文本标签添加 “鼠标单击时动态面板状态为State2”的交互事件。

设置切换效果
图3:设置切换效果

4、回到Axure主界面,点击右上角的预览查看切换效果,如果对交互效果不满意可以重新设置。

预览效果
图4:预览效果

二、Axure RP怎么设置载入时自动3秒跳过

有一些特定的页面(如欢迎页、引导页)需要设置载入时等待片刻自动跳入到下个页面,在Axure RP原型中也可以轻松实现,下面就一起来看看操作步骤。

1、如果想给自动跳过的内容单独圈个区域,就拖一个动态面板到画布上,调好大小位置,把内容都放进去。如果不需要,直接对页面上的组件进行操作也可以。

调整欢迎页位置
图5:调整欢迎页位置

2、选中调整好的欢迎页或者其他页面,在右侧的交互页面新建“载入时隐藏”的交互,并设置隐藏的时间。1000毫秒等于1秒钟,这里将时间设置为3000毫秒就是等待3秒后该页面会隐藏(相当于3秒后跳过这个页面)。

设置隐藏交互
图6:设置隐藏交互

3、同样是回到主界面预览效果,效果如下。

载入时3秒跳过
图7:载入时3秒跳过

以上就是Axure RP怎么设置tab切换效果,Axure RP怎么设置载入时自动3秒跳过的详细介绍。按照上面的步骤,tab切换和自动跳过都能轻松实现。在用Axure RP做原型的时候,可以根据实际需求灵活运用交互功能让原型作品更具交互性。

135 2431 0251