Axure监听器之文本监听器

引言：

在Axure的使用过程中，我们经常需要知道一个变量的值是否改变，以及改变时怎么处理。

原理：

我们需要利用文本框组件的“文本改变时”交互。

教程：

• 一、首选我们先拖出一个文本框（Text Field）：

• 二、新建一个“文本改变时（TEXT CHANGED）”交互：

在此交互里面的操作就可做为变量改变时的监听器，加入条件判断就可以进一步实现更高级的功能。

应用：

文本监听器的一个最简单的应用是在显示密码框上，在Axure里，我们不能直接修改<INPUT>标签的TYPE属性，所在一般是用两个文本框的动态面板来实现的。

按照以下结构拖出组件：

这个叫做password的动态面板有两个状态，一个是默认的密码状态（passwordState），一个是显示明文状态（textState），下面是列表显示的文字描述：

• password
  • 默认的密码状态passwordState
    • 显示密码按钮
      1. 点击时交互：面板切换到textState状态
         
    • 密码文本框
      • Input Type:Password
        1. 文本改变时交互：如果动态面板在passwordState状态，将Input Type:Text的内容设置为[[This.Text]]
           
• 显示明文状态textState
  • 隐藏密码按钮
    1. 点击时交互：面板切换到password状态
       
  • 明文文本框Input Type:Text
    1. 文本改变时交互：如果动态面板在textState状态，将Input Type:Password的内容设置为[[This.Text]]
       

如果我们就实现了两个文本框的数据同步。

如果觉得我的教程做的不错呢，欢迎关注、收藏、转发、捐赠，谢谢。

原文链接：Axure监听器之文本监听器

转载请注明：最InのAxure » Axure监听器之文本监听器