MAC下Axure 8 实现全选/复选框

1. 增加多个复选框

拖动三个或更多复选框到页面,这里以3个为例。为了简便,分别命名为1、2、3。

2. 实现全选操作

选中第一个复选框1,增加鼠标单击时或英文版OnClick用例,然后点击添加条件添加if 选中状态于 1 == true或者if 选中状态于 This == true后确定。

然后在该条件下设置选中,在右侧选择复选框23的值为true。到此可以预览全选效果了。

3. 取消全选操作

实现逻辑和全选选中一样,具体操作略有不同,在添加用例时直接在鼠标单击时用例上双击,会自动弹出else if的条件,继续通过添加条件来增加if 选中状态于 This == false条件。

添加后继续设置选中即可。

4. 略拓展

此方法其实可以同样适用与其他按钮图片、等元件,看自己需求去探索即可,Axure的强大不止于此。

配一个GIF看看

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 10,082评论 0 11
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,188评论 19 139
  • 今日所学:《完全写作指南》[美]劳拉·布朗 一、确定目标 写作是思维的表达方式,要明确该写作的重点,比如应聘时的简...
    磐石yy阅读 1,337评论 0 0
  • 安装express时出现npm can't find package.json警告 试试 npminstall -...
    阿吖嗄阅读 1,612评论 0 0
  • 我想分享一个故事,关于一个石雕工匠祖孙三代人对石雕匠心精神以及他们之间的情感,故事是由孙子向我描述的…… 我本是先...
    家有茶室阅读 3,247评论 0 2

友情链接更多精彩内容