Axure如何制作提示搜索框效果

 时间:2024-10-11 18:37:19

1、准备一个【搜索框图片】和一个【文本框】元件,如图

Axure如何制作提示搜索框效果

2、将【文本框】移动到搜索框内,并勾选文本框的【隐藏边框】功能,如图

Axure如何制作提示搜索框效果

3、在文本框中输入提示语【请输入商品名称】并将文本文字调整为灰色,如图

Axure如何制作提示搜索框效果

4、选择文本框的交互动作【获取焦点时】,如图

Axure如何制作提示搜索框效果

5、设置获取焦点时的用例为【将当前元件文本值设置为空】,如图

Axure如何制作提示搜索框效果

6、预览效果,当文本框获得焦点时,提示文字消失。提示框效果完成。如图

Axure如何制作提示搜索框效果
  • 使用Axure如何实现左右滑动切换的效果?
  • 如何利用Axure RP 8设计注册界面
  • axure中如何设置鼠标按下时矩形变色效果制作
  • 怎样在Axure项目中导入另一个项目的页面功能
  • 如何利用Axure RP 8设计软件中的内联框架设置
  • 热门搜索
    猕猴桃怎么去皮 cpu风扇怎么拆 晚上睡不着怎么回事 手刹怎么用 谢谢日语怎么说 大写的一怎么写 口红怎么涂 微波炉怎么使用 增幅怎么算 晚霜怎么用