`
weigang.gao
  • 浏览: 491737 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

Axure百度模糊查询功能

 
阅读更多

本文实现的效果是类似于百度等众多网站的模糊查询功能,如图所示

1.建立Axure,本文以百度为例,便于了解。

2.插入一个单行文本框,长度根据自己的需求设定,文本框后面插入按钮。

 

3.在文本框下面建立一个动态面板,命名为“搜索列表”,点击动态面板的state1,编辑state1,拖动矩形到state1里面,并在矩形中添加内容,然后设置矩形的边框为none。本文以“天”字为例。

 

4.开始设置动作交互,单击文本框,当在文本框输入“天”时显示动态面板。当在文本框中输入非“天”时隐藏动态面板。



5.编辑动态面板的state1状态,选中“天气预报”对其添加单击事件,例如单击“天气预报”时搜索列表自动隐藏,且文本框显示“天气预报”。


7.编辑动态面板的state1状态,分别编辑其他选项

 

8.回到【百度】页面,按F5预览原型


 

  • 大小: 9.8 KB
  • 大小: 18.8 KB
  • 大小: 8.1 KB
  • 大小: 76 KB
  • 大小: 44.4 KB
  • 大小: 87.3 KB
分享到:
评论

相关推荐

    axure模糊搜索.rp

    axure设计模糊搜索控件

    axure 8 视频教程 百度云

    在这个52课时的视频教程中,我们将深入学习Axure RP 8的各项功能和使用技巧。 1. **基本操作**:课程会涵盖Axure RP 8的基础界面布局,包括工作区、工具箱、资产库、页面结构等。用户将学习如何新建项目、设置项目...

    程矢Axure夜话图文教程中继器模糊搜索.pdf

    而“程矢Axure夜话图文教程中继器模糊搜索”这一教程则专门讲解了如何利用Axure中的中继器组件实现模糊搜索功能。通过本教程的学习,用户可以掌握一种高效的数据筛选方法,这对于提高原型的交互性和实用性具有重要...

    Axure9元件库大合集 Axure9元件库大合集 百度网盘下载 .txt

    Axure AxureRP9 Axure9 element Axure RP 9 元件库加载 Axure9元件库大合集 baidu网盘链接,杜绝无法下载 ,杜绝无法解压

    Axure 欢迎界面,验证码功能及其他

    Axure 欢迎界面,验证码功能及其他Axure 欢迎界面,验证码功能及其他Axure 欢迎界面,验证码功能及其他Axure 欢迎界面,验证码功能及其他Axure 欢迎界面,验证码功能及其他Axure 欢迎界面,验证码功能及其他Axure ...

    Axure 9 进阶与实战教程 axure教程 视频教程 原型

    本教程将深入讲解Axure 9的进阶功能,包括但不限于: 1. **动态面板**:动态面板是Axure中一个非常强大的组件,可以用来创建交互式的元素,如下拉菜单、滑块、折叠面板等。通过学习动态面板的使用,你可以创建更为...

    Axure最全元件库合集

    资源16G放在百度网盘上的下载后是一个txt文件,根据链接自己提取,值不值下载就知道了,大概有Axure安装包 、Axure安装教程、Axure最全的元件库合集、成品项目等。

    axure 实现模拟百度搜索 中继器实现列表,分页显示 全局模糊查询,被搜索的文本高亮显示

    axure 实现模拟百度搜索。利用中继器实现数据列表,分页显示数据。...实现模糊查询功能。用户输入关键字,匹配所有数据的相关值。 同时,实现了将被搜索的文本进行高亮显示。 对于有强迫症的人实现完美功能。

    百度移动端Axure交互模板v6.0 .zip

    《百度移动端Axure交互模板v6.0详解》 在当今快速发展的移动互联网时代,交互设计作为提升用户体验的关键环节,其重要性不言而喻。本文将深入探讨百度移动端Axure交互模板v6.0的核心内容,帮助设计师们更好地理解和...

    AxureRP基本功能介绍PPT教学课件.pptx

    Axure RP 基本功能介绍 Axure RP 是一款专业的原型设计工具,广泛应用于软件设计、交互设计、用户体验设计等领域。下面是 Axure RP 的基本功能介绍。 一、站点地图 站点地图是一个页面导航面板,在这里可以对所...

    Axure元件库大全

    Axure元件库大全是原型设计领域的一个重要资源集合,它为使用Axure RP这款交互原型设计工具的设计师提供了丰富的预设组件和控件。Axure RP是一款强大的原型设计软件,常用于快速创建线框图、原型和规格说明,广泛...

    Axure 资源库 Axure 资源库

    Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure 资源库Axure ...

    精选Axure原型设计模板-会员出品.zip

    3、App常用功能原型模板 菜单滚动切换交互.rp 点击对象显示文本示例.rp 放大镜.rp 公众号底栏.rp 星级评分插件-完美版(1).rp IOS键盘交互示例.rp IOS状态栏(1).rp 4、后台业务系统原型模板 Axure后台业务管理系统...

    Axure库(全套)

    在实际使用Axure的过程中,设计师还需要了解一些关键功能和技巧,例如: 1. **动态面板**:动态面板可以创建可交互的组件,如滑动菜单、折叠面板等,模拟真实应用的行为。 2. **页面链接和用例**:通过链接和用例,...

    axure原型元件库合集

    axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型元件库合集axure原型...

    axure浏览器插件插件

    axure浏览器插件axure浏览器插件axure浏览器插件axure浏览器插件axure浏览器插件axuraxure浏览器插axure浏览器插件axure浏览器插件axure浏览器插件axure浏览器插件axure浏览器插件axuraxure浏览器插件axure浏览器...

    axure常用功能

    本篇文章将深入探讨两个在Axure中常用的交互功能:带提示的文本框和拖拽效果。 首先,我们来看如何在Axure中实现带提示的文本框。这种功能在许多网页和应用中常见,其作用是向用户提供输入提示,当用户开始输入时,...

    Axure8交互原型 56套

    格式:RP格式(Axure软件) 产品经理全套文档模板 Axure8可以打开8、7版本制作 Axure9可以全部打开9、8、7版本制作 \APP-Keep健身【axure8 \APP-O2O订餐【axure8 \APP-O2O美食【axure8 \APP-O2O洗车【axure8 \APP-...

    Axure 手机地图组件库

    提供Axure工具用于手机原型设计的地图组件。包含图标、动态曲线等

    Axure9元件库大合集 Axure9元件库大合集 网盘下载 .txt

    Axure RP 9 元件库加载 Axure9元件库大合集 网盘链接,杜绝无法下载 ,杜绝无法解压

Global site tag (gtag.js) - Google Analytics