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

一、前言

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

 

二、实现步骤

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

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

 

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

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

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

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

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

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

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

  原型rp文件下载地址：https://download.youkuaiyun.com/download/qq_27884377/10563664

                        想了解更多Axure资讯，赶快下方扫码加入【Axure修炼手册】微信公众号吧！！！