如何利用Axure易烊千玺图片的Tab切换
工具/原料
1
Axure RP
2
易烊千玺图片
方法/步骤
1
打开Axure RP【新建文件】
2
在左侧【元件库】中找到【矩形1】拖动到操作页面,在右侧【选择形状】中选择无下框矩形,并排复制2个,分别输入“易烊千玺”、“四字弟弟”、“大佬”
3
在左侧【元件库】中找到【动态面板】拖至上述矩形下方,创建动态面板
4
右单击【编辑】State1,从元件库拖入图片进行编辑
5
选中【易烊千玺(矩形)】编辑交互,设置【鼠标单击时】-【设置面板状态】-【Set(动态面板state to State1)】,【设置选中】,设置第一张图片为“真”,其他为“假”
6
保持选中【易烊千玺(矩形)】,进行【交互样式设置】-【选中】-【填充颜色】,选择红色
7
依次设置其他矩形框,使每个图框对应一张图片,并在【设置选中】时,设置对应图片为“真”,其他为“假”,按【Fn+F5】查看效果,生成RP文件
注意事项
1
打开Axure RP【新建文件】
2
在左侧【元件库】中找到【矩形1】拖动到操作页面,在右侧【选择形状】中选择无下框矩形,并排复制2个,分别输入“易烊千玺”、“四字弟弟”、“大佬”
3
在左侧【元件库】中找到【动态面板】拖至上述矩形下方,创建动态面板
4
右单击【编辑】State1,从元件库拖入图片进行编辑
5
选中【易烊千玺(矩形)】编辑交互,设置【鼠标单击时】-【设置面板状态】-【Set(动态面板state to State1)】,【设置选中】,设置第一张图片为“真”,其他为“假”
6
保持选中【易烊千玺(矩形)】,进行【交互样式设置】-【选中】-【填充颜色】,选择红色
7
依次设置其他矩形框,使每个图框对应一张图片,并在【设置选中】时,设置对应图片为“真”,其他为“假”,按【Fn+F5】查看效果,生成RP文件
上一篇:如何让兴趣反哺钱包
下一篇:摩托车防冻冷却液使用需注意事项