显示与隐藏

显示与隐藏

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Axure RP8

撰写时间：2021/7/18

1.拉出一个矩形，设置大小为758*606，颜色为淡紫色

 

2.拉出文本标签，打上“显示与隐藏”，字体大小为20，加粗效果，字体颜色为白色

 

3.拉出图片，双击选择自己喜欢的图片，设置大小为174*128，把备注改成xt1

 

4.接下3张图片是复制xt1，然后选择不同的图片，再把备注分别改为xt2，xt3，xt4

 

5.然后复制xt1，设置大小为467*382，把备注改成dt1

 

6.接下的dt2，dt3，dt4都是按照上一步骤完成（备注分别改成dt2，dt3，dt4）

 

7.选中4张大图，勾选隐藏

 

8.选中xt1，双击鼠标单击时，点击显示，勾选dt1，动画设置为向右滑动，勾选置于顶层

 

9.选中xt2，双击鼠标单击时，点击显示，勾选dt2，动画设置为向左翻转，勾选置于顶层

 

10.选中xt3，双击鼠标单击时，点击显示，勾选dt3，动画设置为向左滑动，勾选置于顶层

 

11.选中xt4，双击鼠标单击时，点击显示，勾选dt4，动画设置为向上翻转，勾选置于顶层

 

12.选中dt1，双击鼠标单击时，点击隐藏，勾选dt1，动画设置为向左滑动

 

13.选中dt2，双击鼠标单击时，点击隐藏，勾选dt2，动画设置为向右翻转

 

14.选中dt3，双击鼠标单击时，点击隐藏，勾选dt3，动画设置为向右滑动

 

15.选中dt4，双击鼠标单击时，点击隐藏，勾选dt5，动画设置为向下翻转

 

显示与隐藏案例就完成了