【Axure RP9基础】自制搜索框组合_axure搜索框

作者：花生_TL007 | 2024-02-18 20:19:38

踩

axure搜索框

当制作高保真原型时，为了交互效果，需要将搜索框做一个获取焦点的交互。
最终效果如下图,获取焦点底框变色，失去焦点恢复：
在这里插入图片描述

拖动一个矩形框，一个文本框，文本框放入矩形框内，略小与矩形框，调整对应的大小颜色，文本框取消线框。选中这两个元件，右键点击“组合”，起名搜索框组合，要养成起名的好习惯，方便以后查找元件。
拖动矩形框和文本框

选中外部的矩形框，点击右侧“交互栏”下方的“添加交互样式”，选择“元件选中的样式”，点击“更多样式选择”，选择“线段颜色”，挑选一个突出的颜色（这个颜色就是获取焦点时显示的颜色，需要突出，抓住眼球，与产品整体色调风格统一）

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/花生_TL007/article/detail/110300