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

工具/原料

  • Axure RP 8
  • 截图工具
  • 浏览器
  • 图片工具

方法/步骤

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

    END

注意事项

  • 注意Axure RP 8设计软件控制输入框和按钮事件方法
  • 注意设置文本内容和切换输入框内容
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。