在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
Axure RP 8中自带了图片元件,导入图片后可以调整样式显示。添加按钮,控制图片显示和隐藏。下面利用一个实例说明按钮控制图片显示和隐藏的用法,操作如下: 1、打开Axure RP 8设计软件,在元件库中找到图片元件,拖曳到编辑区域,设置图片元件宽度为400,高度为200,如下图所示: 2、选中图片元件,导入图片,并设置图片宽度为400、高度为200,如下图所示: 3、在图片下方添加两个按钮,分别为显示、隐藏,用于控制图片显示和隐藏,如下图所示: 4、选中“显示”按钮,添加鼠标单击时用例, 可见性:显示 动画:逐渐 时间:2000毫秒 置于顶层 更多选项:弹出效果 如下图所示: 5、选中“隐藏”按钮,添加鼠标单击时用例, 可见性:隐藏 动画:逐渐 时间:2000毫秒 拉动元件 方向:下方 动画:摇摆 时间:2000毫秒 如下图所示: 6、设置显示和隐藏按钮鼠标单击事件,两个按钮出现了数字1和2,这代表按钮绑定了用例,如下图所示: 7、预览该原型页面,单击“隐藏”按钮,图片隐藏消失,如下图所示: 注意事项: 注意添加显示和隐藏图片用例 注意合理导入图片 相关推荐: Axure RP Pro 7.0怎么制作图片轮播按钮控制效果? |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论