Axure如何设置文本框选中效果?Axure如何实现文本框选中的效果?

Axure通常被UI设计师用来制作产品原型设计,同时还具有支持多人协作设计和版本控制管理的特点 。本文小编来教大家如何在Axure软件中实现文本框选中的效果 。

Axure如何设置文本框选中效果?Axure如何实现文本框选中的效果?

文章插图
1、首先我们需要在电脑中双击打开Axure应用程序,新建画布,进入到工作区域中去 。
2、创建文本框
【Axure如何设置文本框选中效果?Axure如何实现文本框选中的效果?】· 在界面左侧有一个元件库,需要从基础元件列表中选择一个矩形元件形状,点击拖动到右侧的页面中去 。
· 在样式选项中点击“可见性”选项,调出设置窗口,根据实际需求将四个角都选择为“圆角”样式,圆角弧度数值根据效果调整即可 。
· 接着在右侧的面板中点击选中效果,在样式面板中选择圆角矩形的边框颜色 。
· 将矩形元件的边框设置为灰色非选中的状态,再从右上角的功能区中点击进入到“样式”设置栏中,找到下方的“角”选项并点击 。
· 从组合控件一栏中选择“文本框”拖入到页面中,右击文本框执行“设为隐藏”命令 。
· 打开交互样式设置面板,从中勾选“线段颜色”,将矩形的边框颜色设置为其他颜色 。

3、添加交互动作
· 添加“获取焦点时”用例,在用例编辑窗口中,展开“设置选中”一项,从中点击“选中”命令 。
· 勾选配置动作一栏中的“矩形”选项,点击确定 。
4、点击【预览】选项,即可看到点击文本框时颜色发生变化的效果 。
以上就是关于如何在Axure软件中设置文本框选中效果的方法 。学习掌握创建文本框控件以及添加交互用例的方法,即可快速制作出文本框被选中的效果 。

    推荐阅读