时间:2021-05-22
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 8中怎么制作复选框?
axure怎么制作复选框的全选和反选?
Axure RP 8怎么利用按钮控制单选框和复选框?
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
Axure中默认的单选框和复选框并不好看,想要修改单选框和复选框的样式,该怎么修改呢?下面我们就来看看详细的教程。软件名称:原型设计工具AxureRPPro8.
HTML5单选框、复选框、下拉菜单、文本域单选框的实例代码,代码如下所示:1单选框代码:效果:复选框2复选框代码:篮球足球羽毛球唱歌画画敲代码阅读效果;下拉菜单
本文实例讲述了js实现iPhone界面风格的单选框和复选框按钮。分享给大家供大家参考。具体如下:这里使用JS美化仿iPhone风格的单选框和复选框按钮效果,使用
AxureRP8设计软件,有按钮元件、复选框按钮元件和单选按钮元件。这样一个场景:有四个复选框按钮,四个单选按钮,四个按钮,分别点击按钮选中对应的复选框和单选按
取下拉菜单选中项的文本;获取和设置下拉菜单的值;清空下拉菜单;给下列菜单添加元素;取单选框值;单选或复选按钮的选择;取复选框值;判断单选或复选框是否被选中;元素