多语言展示
当前在线:197今日阅读:168今日分享:49

如何利用Axure RP实现易烊千玺图片的Tab切换

如何利用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文件

推荐信息