Axure RP中复选框实现单选效果的具体操作方法

时间:2019-01-15 14:25:13 作者: xzzj
axure rp
软件大小: 53.41 MB
更新时间: 2018-11-23 15:48:51
所属分类: 网络辅助
查看详情

 说起Axure RP相信大家应该都不陌生,不错你们了解Axure RP中复选框如何实现单选效果?下文就呈现了Axure RP中复选框实现单选效果的具体操作方法。 

 1、正常打开Axure RP工具,由于我日常办公使用的是Axure RP8.0汉化版,所以本文将以该版本为例进行截图说明,其他版本的操作可以借鉴。 

 2、新建一个空白页面,从左侧元件库中拖动3个复选框到空白页面,做为示例使用,实际过程中请根据自己的实际需求进行设计。 

 3、在页面编辑区对三个复选框的内容进行编辑,并对三个复选框分别进行命名,便于后续选中事件的定义。本例中分别对三个复选框命名为chb1、chb2、chb3 

 4、选中第一个复选框chb1,单击右侧属性中的选中用例,在弹出的对话框中,定义事件。 

 5、在弹出的用例编辑框中,双击“添加条件”按钮,如下图1所示,在弹出的对话框中设置条件,如下图2所示,条件要表达的意思是当chb1选中时。 

 6、在左侧动作中单击“取消选中”动作,然后在右侧中选择chb2,chb3元件,如下图所示,点击确定退出用例编辑窗口,这时候已经可以初步显示效果了,一旦选择了chb1,chb2和chb3就会被取消选中,仅针对chb1已经完成单选效果的设定了。 

 7、接下来针对chb2,chb3同样操作第四五六三步的动作,这样我们就完成了本次页面上所有复选框的单选事件了。 

 8、这时候点击预览,就可以在IE上看到效果了。 

 看完了以上为你们分享的Axure RP中复选框实现单选效果的具体操作方法,你们是不是都学会啦! 

相关推荐
抖音

热文推荐

  • 48小时热文
  • 每周热文

软件下载周排行

Axure RP中复选框实现单选效果的具体操作方法

立即下载

Axure RP