原件准备1动态面板一个包含两个状态每个状态里面都有一个文本框两个个矩形一个复选框按钮

第一步1从AXURE软件的工具栏拖出一个输入框并生成动态面板2将动态面板命名为密码输入框3在动态面板中复制一个输入

工具/原料

AxureRP8

截图工具

浏览器

方法/步骤1:

第一步，双击AxureRP8设计软件，查看页面显示的效果，如下图所示：

方法/步骤2:

第二步，拖动一个文本标签和文本框到画布上，修改文本标签显示的内容，如下图所示：

方法/步骤3:

第三步，选中文本框鼠标右键编辑文本，设置内容为1234567890，如下图所示：

方法/步骤4:

第四步，分别拖动一个按钮和一个主要按钮到画布上，修改内容为隐藏和显示，如下图所示：

方法/步骤5:

第五步，选中隐藏按钮，点击鼠标单击时编辑用例，如下图所示：

方法/步骤6:

第六步，选中显示按钮，点击鼠标单击时编辑用例，设置文本框显示的内容，如下图所示：

注意事项

基本元件1从元件库拖出一个输入框生成动态面板并命名2准备两张图片作为切换状态的按钮并分别命名为密码可见和密码不可见自己画了

打开AxureRP8设计软件在元件库中找到图片元件拖曳到编辑区域设置图片元件宽度为400高度为200如下图所示

密码隐藏Axure自带的文本输入框可以实现方法是在属性里将类型设置为quot密码quot2密码显示需要动一些手脚在文本框

注意如何设置变量

打开AxureRP8设计软件在元件库中找到图片元件拖曳到编辑区域设置图片元件宽度为400高度为200如下图所示