养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何利用Axure RP 8设置勾选复选框填写文本框

时间:2024-10-22 18:38:22

AxureRP8中元件库有一类元竭惮蚕斗件:复选框,复选框可以进行多选。这里设计一个多选框控制文本框内容显示,勾选罨傺烙窑后将其内容显示在文本框里;如果取消勾选,则清除文本框中的内容。下面利用一个实例说明复选框控制文本框显示,操作如下:

如何利用Axure RP 8设置勾选复选框填写文本框

工具/原料

AxureRP8

截图工具

浏览器

图片工具

方法/步骤

1、第一步,双击打开AxureRP8原型设计软件,拖四个复选框到画布中,依次放在画布上,控遄咿湫幼制位置,如下图所示:

如何利用Axure RP 8设置勾选复选框填写文本框

2、第二步,修改四个复选框显示的内容,分别为足球、篮球、网球和乒乓球,如下图所示:

如何利用Axure RP 8设置勾选复选框填写文本框

3、第三步,在四个复选框下方添加一个文本框,宽度和四个复选框总宽度一致,两端对齐,如下图所示:

如何利用Axure RP 8设置勾选复选框填写文本框

4、第四步,选择“足球”复选框,找到属性设置,双击“选中时”添加用例,如下图所示:

如何利用Axure RP 8设置勾选复选框填写文本框

5、第五步,设置完毕后,四个复选框分别有序号,代表添加用例成功,分别从1到4,如下图所示:

如何利用Axure RP 8设置勾选复选框填写文本框

6、第六步,预览该原型页面,选择“网球”选项,这时文本框显示“网球”,如下图所示:

如何利用Axure RP 8设置勾选复选框填写文本框

© 一点知识