模糊搜索框
接下来要演示的是如何在Axure中做一个jd搜索商品的搜索框。
具体如下所示：
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
======================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
然后把不透明度变为0
=========================================================
文章图片
=========================================================
右键矩形框，再点击“顺序”，再点击“置于顶层”。
=========================================================
接下来就可以看看执行效果了，然后发现我需要把提示的文字用一个矩形框围着，并且刚初始化页面的时候要把提示文字的动态面板隐藏好。
=========================================================
文章图片
========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
接下来要搞定的是输入文字后有提示。
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
接下来要解决的是，点击提示内容，把提示的文字搬到输入框中。
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
文章图片
=========================================================
这个时候我们来运行一下，发现并不能够选到提示的文字，我们接着需要做如下处理。
=========================================================
首先选中输入框，删掉失去焦点的事件，然后再加入一个矩形的背景，如下图所示：
【Axure的简单操作（模糊搜索）】
文章图片
推荐阅读
- 交互设计|隐藏在背后的交互设计
- 交互设计|移动应用“快”体验设计方法
- 微软|水滴宣布完成D轮2.3亿美元融资，AI与大数据是未来投入重点
- 区块链|赛场竞技（捕获交易之美 |链捕手）
- 交互设计|Axure的简单操作（倒计时使用变量）