如何利用Axure RP 8软件按钮控制图片显示隐藏
浏览量:1969
时间:2024-07-23 07:41:58
作者:采采
有时系统为了吸引用户,需要添加动态元素进去。比如说,一副图片可以动态地显示或隐藏,给用户以震撼感和美感,让用户更有兴趣深入使用系统。
下面利用一个实例说明按钮控制图片显示和隐藏的方法,操作如下:
第一步:新建页面
在原有基础上,新建page1页面,并双击打开。
第二步:添加图片元件
在“基本元件”里拖动一个图片元件到画布上,设置宽度为400,高度为200。
第三步:添加按钮元件
再在“基本元件”里找到“主要按钮”,拖动两个到画布上,分别修改显示内容为“隐藏”和“显示”。
第四步:导入外部图片
导入一张外部图片,并调整其宽度和高度,使其与图片元件的尺寸一致。
第五步:设置隐藏动画
选中“隐藏”按钮,编辑用例,设置隐藏动画和时间,以实现点击该按钮后图片隐藏。
第六步:设置显示动画
选中“显示”按钮,编辑用例,设置显示动画和时间,以实现点击该按钮后图片显示出来。
设置完毕后,预览该静态页面,即可看到通过按钮控制图片的显示和隐藏效果。
这样,通过Axure RP 8软件的功能,我们可以轻松实现按钮控制图片的显示和隐藏,提升系统的用户体验和用户参与度。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。