您现在的位置是:首页 > 设计知识设计知识

如何利用axure按钮控制图片显示隐藏图层,如何利用axure按钮控制图片显示隐藏内容

2022-12-20 15:12:57设计知识0人已围观

简介  如何利用axure按钮控制图片显示隐藏图层,如何利用axure按钮控制图片显示隐藏内容  有时候python系统为了吸引用户,需要添加动态元素

  如何利用axure按钮控制图片显示隐藏图层,如何利用axure按钮控制图片显示隐藏内容

  有时候python系统为了吸引用户,需要添加动态元素。比如一张图片可以动态显示或隐藏,给用户一种震撼感和美感,让用户更有兴趣深度使用系统。下面的例子用来说明通过按钮控制图片显示和隐藏的方法。操作如下所示:

  “Axure RP”还有你不知道的地方。单击此处了解更多关于“Axure RP”课程的信息。

  

工具/软件

 

  硬件型号:联想ThinkPad P14s

  版本:Windows7

  所需软件:Axure RP

  

方法/步骤

 

  

第1步

 

  在原有基础上新建一个page1页面,双击打开page1,如下图所示:

  

第2步

 

  在“基本元素”中拖动一个图片元素到画布上,设置宽度为400,高度为200,如下图所示:

  

第3步

 

  再次找到“基本组件”中的“主按钮”,拖动两个到画布上,修改显示内容为“隐藏”和“显示”,如下图所示:

  

第4步

 

  导入外部图片,调整图片的宽度和高度,使其与图片元素的宽度和高度一致,如下图所示:

  

第5步

 

  选择“隐藏”按钮,编辑用例,设置隐藏动画和时间,如下图所示:

  

第6步

 

  选择“显示”按钮,编辑用例,设置隐藏动画和时间,设置后预览静态页面,如下图所示:

  

注意/提示

 

  好了,这个小滑分享给你“如何使用Axure按钮控制图片显示和隐藏?”就是这样。如果正好对你有用,记得喜欢!这个网站将继续分享更多实用的内容,以及相关的学习课程。有需要的朋友可以赶紧支持自学!

Tags: 设计知识  

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐