axure按钮切换颜色_Axure RP8:如何做出点击按钮切换页面效果?

本文详细介绍了如何使用Axure RP8制作点击按钮切换页面的交互效果。通过为按钮添加选中状态,设置动态面板并编辑其状态,以及编辑交互设置,实现了常见于Web和移动端的页面切换功能。操作包括按钮选中效果的添加,动态面板的创建和状态复制,以及交互事件的设置,最后通过编组按钮完成自然的页面过渡效果。
摘要由CSDN通过智能技术生成

原标题:Axure RP8:如何做出点击按钮切换页面效果?

如何利用Axure RP8做出点击按钮切换页面效果?一起来文中看看~

先来看一下页面的效果图:点击不同的按钮,切换不同的页面。(是web端和手机端都很常见的交互效果)

实现这一效果大致要分为三个步骤:

为按钮添加“选中”后的效果;

设置动态面板,并对其进行状态编辑;

通过对“鼠标单击”命令的编辑,完成交互设置。(其中一、二顺序谁先谁后都ok)

先来讲第一个步骤,为按钮添加“选中”状态的效果(我会对其分为几个小的步骤)。

搭建出一个类似的原型,根据按钮的数量对文件逐一进行命名(重新命名是为了方便后面的操作);

选中其中想要做变化的按钮,在鼠标状态中 单击“选中”(selected)选项,调出编辑器,对按钮颜色和字体颜色进行编辑,确定后,检查“选中”状态后的备注变化,标有备注信息说明操作成功。

对其他按钮分别进行 第 2 步的操作,这样为按钮添加效果的第一步就完成了。

接着,来说第二个步骤:设置动态面板(也就是需要做变化的页面)。

选中图片——右键 选择 “转为动态面板” 选项,这时右侧的图片文件会发生变化,转化为动态面板&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值