一、前言
嗨 大家好。今天我在画原型的时候遇到了题目说的那个问题,然后在查了相关的资料之后找到比较好的方法,而且我觉得这个交互方式是比较常见和重要的,所以想在这里做个分享,废话不多说,马上开始吧。
二、实现步骤
1.首先现在画布左侧添加3个矩形原件,大小为150*400,画布右侧也添加一个矩形原件,大小为500*400,如下图所示:
2.为画布左侧三个矩形分别填写红色、蓝色、绿色的字样,并且为字体填充相应的颜色,如图所示:
3.选中右侧矩形,再点击右键选择转换为动态面板:
4.再鼠标点击右键选择“管理面板状态”,添加面板名称为“主内容”,修改State1状态为“红色”,再点击“+”号添加两个状态分别为“蓝色”和“绿色”
5.双击概要菜单状态状态名为“红色”的面板进入里面,并把背景填充为红色
6.另外“蓝色”和“绿色”两个面板也实行步骤5相同的操作,效果如下:
7.回到主页面,点击红色矩形,添加交互方式,选择“鼠标点击时->设置面板状态->选择主内容面板->选择状态为红色->点击确认”,步骤如下:
8.其余蓝色和绿色矩形框也实行步骤7红色框的操作,然后点击浏览就能成功了,
原型效果查看地址:https://qlk1zl.axshare.com
原型rp文件下载地址:https://download.csdn.net/download/qq_27884377/10563664