今天继续跟大家分享Axure中的常用设计技巧。文本框是比较常用的元件，但是Axure中的文本框样式单一，如果想要做出效果比较好的原型，还是需要我们自己动手进行一番设计。今天就叫大家非常简单的方法来实现文本框的交互样式。
工具/原料
Axure
方法/步骤
1
首先打开Axure，拖入一个矩形。由于Axure中自带的文本框不是很好看，所以我们通过矩形来调整样式。
2
设置矩形的样式，如图所示。将矩形的边框设置为灰色，也就是非选中状态的颜色，然后设置矩形的圆角半径为20，这个值可以根据需要自行设置。
3
拖入一个文本框，调整大小使其正好在矩形内，并设置文本框的边框为隐藏。
5
选中文本框，设置获取焦点时的交互动作。双击获取焦点时，然后选择选中--选择矩形，单击确定按钮。
6
选择文本框，设置失去焦点时的交互动作。双击失去焦点时，选择取消选中--选择矩形，单击确定，如图所示。
7
设置完成以后单击预览，单击文本框，你会发现颜色发生了变化，点击外侧任意区域，文本框恢复原来的颜色。
上一篇：V-RAY制作焦散效果