青铜修炼手册:Axure左侧点击按钮,右边显示相关内容

一、前言

嗨 大家好。今天我在画原型的时候遇到了题目说的那个问题,然后在查了相关的资料之后找到比较好的方法,而且我觉得这个交互方式是比较常见和重要的,所以想在这里做个分享,废话不多说,马上开始吧。

 

二、实现步骤

1.首先现在画布左侧添加3个矩形原件,大小为150*400,画布右侧也添加一个矩形原件,大小为500*400,如下图所示:

2.为画布左侧三个矩形分别填写红色、蓝色、绿色的字样,并且为字体填充相应的颜色,如图所示:

3.选中右侧矩形,再点击右键选择转换为动态面板:

4.再鼠标点击右键选择“管理面板状态”,添加面板名称为“主内容”,修改State1状态为“红色”,再点击“+”号添加两个状态分别为“蓝色”和“绿色”

扫描二维码关注公众号,回复: 2415981 查看本文章

5.双击概要菜单状态状态名为“红色”的面板进入里面,并把背景填充为红色

6.另外“蓝色”和“绿色”两个面板也实行步骤5相同的操作,效果如下:

7.回到主页面,点击红色矩形,添加交互方式,选择“鼠标点击时->设置面板状态->选择主内容面板->选择状态为红色->点击确认”,步骤如下:

8.其余蓝色和绿色矩形框也实行步骤7红色框的操作,然后点击浏览就能成功了,

   原型效果查看地址:https://qlk1zl.axshare.com

  原型rp文件下载地址:https://download.csdn.net/download/qq_27884377/10563664

猜你喜欢

转载自blog.csdn.net/qq_27884377/article/details/81203537
今日推荐