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设计软件中的内联框架设置
  • 热门搜索
    防火防电手抄报 有关于环保的手抄报 创卫手抄报图片 初二历史手抄报 关于三字经的手抄报 卫生健康手抄报 安全方面的手抄报 手抄报的格式 绿色环保手抄报资料 有关于元宵节的手抄报