Axure入门设计——模糊设计（步骤）

最新推荐文章于 2025-06-17 15:03:06 发布
最新推荐文章于 2025-06-17 15:03:06 发布
阅读量6.8k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 交互设计 文章标签： axure 交互设计 搜索
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/she_rryn/article/details/47032213
本文介绍了如何使用Axure设计一个京东商品搜索框，重点讲解了模糊搜索功能的实现步骤，帮助初学者掌握交互设计中的搜索组件制作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

模糊搜索框

        接下来要演示的是如何在Axure中做一个jd搜索商品的搜索框。

具体如下所示：

最低0.47元/天 解锁文章

200万优质内容无限畅学
Axure从入门到精通：全面掌握原型设计核心技能
邓邓子的博客
06-19 1627
本文是一篇 Axure 全攻略文章，旨在帮助读者全面掌握这款专业原型设计工具。文章从 Axure 的基础概念与应用场景切入，详细解析其功能界面，包括基本功能、样式工具栏、元件库和母板等内容。同时，深入介绍主要元件使用、交互动效实现方法，分享动态面板、交互样式、视频嵌入等实战技巧。还针对预览、软件运行等常见问题给出解决方法，助力读者从入门到精通，高效完成原型设计工作。
axure 设置背景虚化_摄影“一招鲜”，拍摄背景干净、主体突出的照片
weixin_39719729的博客
12-02 636
拍摄背景干净的照片，最简单的方式莫过于寻找简洁的拍摄背景(如墙壁)，或者人为营造出干净的背景(如背景布)。但要是拍摄背景本身就是杂乱，那该如何让背景更简洁、突出拍摄主体呢？那便是摄影“一招鲜”——浅景深！景深，即主体前后的清晰范围，浅景深说明主体前后的清晰范围小，前景背景容易虚化模糊。在拍摄杂乱背景画面时，利用浅景深拍摄出背景干净、主题突出的照片是非常有效的方式。而营造浅景深的方式有三种：大光圈、...
【Axure学习】（二）Axure遮罩层
always_littlesun的专栏
08-27 8745
遮罩层实现方案： 1. 在网站上面加一层动态面板，大小和网站相同。 2. 在该层上面再加一个动态面板（登陆框）， 3. 当点击登陆框的关闭按钮时，遮罩层和登录框都隐藏。（回到主页面） 4. 这两个动态面板初始都设为隐藏状态，当点击主页面的【登陆】按钮时，再弹出该登录框。
一个毛玻璃（高斯模糊）效果
04-05
作者SmartDengg，源码RxBlur，在Android设备上,实现一个毛玻璃（高斯模糊）效果总是让人很棘手，不仅要考虑视觉效果，还要在性能和代码实现的复杂度上做出权衡。 这里归纳和总结了几种实现方案(PS: GitHub + StackOverflow + DIY)，并且用RxJava进行封装，方便以流的形式处理图片的加载和操作。
Axure中继器使用
最新发布
xxs_qaq的博客
06-17 706
文章讲解如何使用axure动态添加行、删除、模糊搜索，利用中继器实现简单数据交互操作
axure 设置背景虚化_Axure如何做背景虚化？
weixin_36282704的博客
01-17 5484
回答：虚化背景的照片能够突出主体，使人的视觉重点自然地吸引到所要表现的主体上，以增强照片的艺术感染力，在拍摄时可以通过使用大光圈、长焦距、靠近被摄主体等措施来实现虚化背景的效果。不过对消费级数码相机来说，其CCD面积和镜头物理口径较小、最大光圈不够因而景深较大，在拍摄人像或者特写的时候，往往无法达到想要表达的背景虚化效果，此时我们可以使用PS来做后期处理。首先我们的普通数码的微距功能，也可以拍背景...
Axure实现简单模糊搜索的功能的方式
热门推荐
Coolstuz的博客
10-04 1万+
功能如图：实现模糊搜索，输入关键字进行搜索！ 可用于实际临摹中： 在之前临摹了一下PC端的“钉钉”应用。发现这个功能挺好用的 1.元件需求 一个文本框、一个中继器、一个动态面板加三个动态面板状态state1、state2、state3 可以给动态面板的里各个状态随意添加添加内容 2.交互 给中继器添加词库，并将中继器隐藏 1.点进中继器，对中继器里自带的矩形设置交互 （即单击中继器里的内...
Android 实现高斯模糊的几种方式
Afanbaby的博客
09-22 4263
最近在搞图片的显示，做了一个高斯模糊的效果，使用的是gitgub上写好的效果， https://github.com/qiujuer/ImageBlurring 效果图如下，1. （1）xml文件：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/
axure设计模糊搜索小控件
qq_17749127的博客
11-30 353
1个文本输入框，用来输入文字进行模糊搜索，两个矩形，一个装下拉选项，一个装选中下拉选项后标签。 1、功能：模糊搜索 文本输入框添加文本改变时事件，设置隐藏下拉选项2、下拉选项3，显示下拉选项1，设置隐藏下拉选项1、2，显示下拉选项3，同理设置文字为下拉选项2 2、选中下拉选项显示√ 在3个下拉选项后分别添加√，隐藏，将下拉选项1、2、3添加点击事件， ...
Axure入门设计——倒计时设计
博客
07-24 721
Axure倒计时        本内容介绍使用函数和动态图层来实现倒计时，其主要思路是不断使动态图层进行隐藏/显示并使用隐藏/显示的触发事件，例如：当触发隐藏事件的时候延迟一秒后把文本的值减一并把再使图层显示，一旦显示马上又回到隐藏状态便可实现倒计时功能。 主要流程如下：
Axure入门案例系列——进阶轮播图.docx
05-30
Axure 入门案例系列——进阶轮播图 Axure 软件是一款功能强大且易于使用的原型设计工具。通过本教程，我们将学习如何使用 Axure 创建一个进阶轮播图，掌握基本的软件使用和元件交互事件。下面是教程的详细信息： ...
Axure入门案例系列——手机端滚动选择器.docx
05-30
Axure 入门案例系列——手机端滚动选择器 本文是 Axure 入门案例系列中的一篇，旨在指导读者学习 Axure 软件的使用，特别是手机端滚动选择器的实现。通过本教程，读者将学习到进阶的动态面板使用、基础函数应用和...
AxurePro实现遮罩层效果实现
07-11
使用AxurePro8版本实现网站管理功能中常用的遮罩层效果。
Axure教程——模糊搜索（中继器 ）
weixin_43516258的博客
07-01 3052
本文介绍的是用Axure中的中继器制作模糊搜索
【Axure高保真原型】马赛克效果
mushe93的博客
04-10 625
今天和大家分享动态画出马赛克效果的原型模板，鼠标按着左键拖动，可以在对应位置拖出马赛克，具体效果可以观看下方视频或者打开预览地址体验。
axure 设置背景虚化_Axure函数系列｜使用字符串函数实现模糊搜索效果
weixin_39565777的博客
01-17 460
继续本系列Axure函数教程，上一篇文章主要给大家分享了Slice、Concat、Math.floor等字符串处理函数的使用，本篇文章将结合中继器给大家讲解IndexOf函数的使用。案例效果，见下图：描述：在搜索框输入关键词时，显示关键词列表，列表中的关键词文字中包含输入的关键词文字；鼠标单击列表中的关键词时，将该关键词填入搜索框；鼠标单击页面其他区域时，隐藏关键词列表。元件准备：文本框(用于输入...
高斯模糊效果的简单实现
Lu_Ca的博客
03-23 2340
这里简单介绍一下高斯模糊效果.这里介绍的是coreImage,原理很简单就是抓取现在当前的image,然后设置高斯模糊. 首先是获取当前的image:(两种方法) 方法一: - (UIImage *)snapshot:(UIView *)view {     UIGraphicsBeginImageContextWithOptions(view.bounds.size, 
【Axure视频教程】制马赛克效果
mushe93的博客
12-18 411
今天教大家在Axure制作马赛克效果的原型模板~~~
截屏并高斯模糊
Lu_Ca的博客
08-05 1395
//截屏获得当前的image - (UIImage *)imageOfView:(UIView *)view {     UIGraphicsBeginImageContext(view.bounds.size); //currentView 当前的view          [view.layer renderInContext:UIGraphicsGetCurrent
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值