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

怎么使用axure制作多选框且有全选效果的图片,怎么使用axure制作多选框且有全选效果的文件

2022-12-06 13:41:20设计知识0人已围观

简介  怎么使用axure制作多选框且有全选效果的图片,怎么使用axure制作多选框且有全选效果的文件  python如何用Axure做多选框,有全选的效果?很多网站都有多选框功能,不仅可以实现单选,还可以实现多选和全选

  怎么使用axure制作多选框且有全选效果的图片,怎么使用axure制作多选框且有全选效果的文件

  python如何用Axure做多选框,有全选的效果?很多网站都有多选框功能,不仅可以实现单选,还可以实现多选和全选。那么在Axure中,如何实现呢?跟小六一起来看看吧。

  不详细?可以点击观看【Axure RP免费试用视频教程】

  

工具/软件

 

  硬件型号:神舟神舟神舟Z7-DA7NP

  版本:Windows7

  所需软件:Axure RP

  

方法/步骤

 

  

第1步

 

  打开Axure原型工具。今天我们就来教大家使用Axure制作具有全选效果的多选框,如下图所示。

  

第2步

 

  首先将所需组件从组件库中拖动到文本中,如下图所示。

  

第3步

 

  然后通过调整组件的样式和大小,形成了复选框的效果,如下图所示。

  

第4步

 

  同样的方法,我们制作所有的复选框按钮和其他复选框,并给每个复选框命名,如下图所示。

  

第5步

 

  接下来,为每个复选框添加交互事件,如下图所示。

  

第6步

 

  最后,交互事件被赋予所有选择,如下图所示。

  当前位置所有的工作都准备好了,可以完成了。F5预览效果,如下图所示。

  

第7步

 

  对于“如何用Axure制作多选框,并具有全选的效果?”相信朋友们都认真看完了。如果过程中遇到问题,可以再读一遍。学习不是一蹴而就的,需要我们长期的练习。如果你觉得文章不错,可以继续关注自学。

Tags: 设计知识  

很赞哦! ()

随机图文

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

本栏推荐