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设计软件中的内联框架设置
  • 热门搜索
    bgm是什么意思 金鱼白点病怎么治 双离合是什么意思 沙漠皇帝怎么玩 紫金矿业股票怎么样 生活因你而火热 高血压如何快速降压 电脑如何进入安全模式 梦见牙掉了是什么意思 什么让生活更美好