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设计软件中的内联框架设置
  • 热门搜索
    笨拙的意思 琳的意思 什么是金婚 调侃是什么意思 池上古诗的意思翻译 狗喝水什么意思 巴基斯坦用什么货币 ot是什么意思 得瑟什么意思 刚怀孕要吃什么