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

如何利用Axure RP 8软件设计输入框切换内容

时间:2024-09-30 07:18:07

AxureRP8设计软件元件库中惘度谋裆常见两种元件------输入框和按钮,可以根据按钮点击事件,控制输入框内部显示的内容,点击后切换到另外一个内容撅掏浑锌。输入框默认显示内容,点击按钮后切换到另外一个内容,这样可以将内容进行切换。下面利用一个实例说明按钮控制输入框显示的内容,操作如下:

如何利用Axure RP 8软件设计输入框切换内容

工具/原料

AxureRP8

截图工具

浏览器

图片工具

方法/步骤

1、第一步,打开AxureRP8软件,在元件库中找到输入框,拖一个到画布上,设置元件的名称僭轿魍儿为cat,调整输入框的宽度和高度,如下图所示:

如何利用Axure RP 8软件设计输入框切换内容

2、第二步,再次在元件库中找到按钮,拖一个到画布上并修改它的名称为catBtn,将按钮的宽度调私网褡爸整为输入框的宽度,如下图所示:

如何利用Axure RP 8软件设计输入框切换内容

3、第三步,选中输入框元件,鼠标右键选择“提示信息”,打开提示信息输入窗口,在元件提示输入内容后点击确定,如下图所示:

如何利用Axure RP 8软件设计输入框切换内容

4、第四步,光标选中输入框,输入内容为“波斯猫”,设置切换之后的内容,如下图所示:

如何利用Axure RP 8软件设计输入框切换内容

5、第五步,鼠标选中按钮,添加鼠标单击时用例;添加动作“设置文本”,勾选“cat”输入框设置值,选对元件,如下图所示:

如何利用Axure RP 8软件设计输入框切换内容

6、第六步,预览该模型界面,查看页面效果,单击“转换”按钮,这时输入框内容发生改变,说明操作成功了,如下图所示:

如何利用Axure RP 8软件设计输入框切换内容

© 一点知识