Axure学习日志之如何制作高保真输入框（焦点事件）

随鸭鸭打开今天的Axure！

为什么叫入门，因为也不敢说多高保真的输入框了，就是文本框好看一点，有一点交互吧。

如图所示，先来一个矩形包着一个文本框，不是很美观，调整一下。

全选两个元件，对齐方式，左右居中，上下居中

顺便隐藏一下文本框的边框，右键，隐藏边框

在样式中也可以调整一下矩形的圆角，会美观许多

ok现在我们先捋一下思路
现在外面矩形我们给他命名一个wai，里面的文本框我们命名一个nei
一外一内
大体思路如下

准备两个状态的wai
选中状态红色

禁用状态绿色

设置点击矩形wai获取文本框nei的焦点

设置文本框nei的获取焦点事件

进行调试


绿色获得焦点，红色失去焦点。

搞定
最后说一下，其实有点绕，为什么要选中红色而禁用绿色呢，因为我们要达到的效果是用户点击文本框然后进行闪烁图标，边框变色，获得焦点，失去焦点的时候提醒用户，然后边框变红。

如果相反设置的话，即先选中再禁用，则无法连续响应。

大家试着理解一下。今天鸭鸭的更新到此结束!