【Axure高保真原型】高亮搜索文字效果

最新推荐文章于 2023-10-25 11:27:51 发布
最新推荐文章于 2023-10-25 11:27:51 发布
阅读量270 收藏
点赞数
分类专栏： 原型 产品经理 axure 文章标签： Axure 原型 产品经理 交互
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mushe93/article/details/129284304
版权
原型 同时被 3 个专栏收录
260 篇文章 16 订阅
订阅专栏
axure
259 篇文章 24 订阅
订阅专栏
产品经理
123 篇文章 7 订阅
订阅专栏

今天和大家分享高亮搜索文字效果的原型模板，可以在输入框里输入文字进行对文本段落进行搜索，红色高亮回显搜索的文字。这个模板使用也简单，文本段落里填写对应的内容，预览时既可以自动生成高亮搜索的交互，具体效果可以观看下方视频或者打开预览地址体验

【原型效果】

【Axure高保真原型】高亮搜索文字效果

【原型预览及下载地址】

http://axhub.im/ax9/14308caa8d2f07ce/#g=1&p=搜索高亮效果

 

梓贤Vigo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
axure实现搜索功能_用Axure实验搜索原型
weixin_33717595的博客
12-30 1818
这个十月，一直在边学Axure边做原型，发现中继器特别好玩，我用做的APP的一个使用中继器做的一个搜索功能谈谈我的学习用中继器制作筛选，使用函数变量制作关键字变色整个步骤关键有两步：第一步，我们要通过中继器制作好我们所需的数据库，让用户可以搜索到；我们使用中继器进行编辑，就是希望能够通过中继器所带有的筛选功能可以对我们所需要的信息进行筛选。这里的信息可以随便编辑，我在这里用歌手名来进行数据库展示。...
【Axure教程】段落文字搜索（高亮搜索）
mushe93的博客
03-17 615
今天教大家制作快速定位并标记段落文字的原型模板~~~
产品原型设计软件KEY
07-14
Balsamiq.Mockups.v2.0.19.Incl.Keymaker-EMBRACE
axure9实用操作实现索引列表鼠标点击其中一项高亮显示
点燃火柴的博客
06-05 2663
1.需求说明 实现索引列表鼠标点击其中一项高亮显示 如以上两图，当鼠标点击索引列表中某一项时，该行进行高亮显示，点击另外一行时，高亮行进行切换 2.实现步骤 创建两个不同颜色内容相同的图层，位置相同，如下概要视图，"数字"与"选中数字"内容和位置都一样，其中"选中数字"的颜色为蓝色高亮，"数字"的颜色为默认灰色，两个图层是重叠的， "数字"在"选中数字"的上方 给"数字"下成员"数字1"添加交互事件，如下图，给"数字1"添加3个交互事件 a.“鼠标按下-置于顶层” 交互事件，将"数字"置于顶层,
axure rp web元件ku_Web后台产品的表单页规范
weixin_39658966的博客
11-22 217
网页端PM需要了解常见表单页的相关规范，作者根据多年的经验总结出了通用逻辑和文档规范。希望对你有所启发。表单页通常由多种输入组件和提交按钮组成。输入组件通常包含输入框、下拉列表框、单选框、复选框等等。接下来分别介绍他们的逻辑规范和应用场景。相关规范以Axure原型的方式整理到网址https://5d2myh.axshare.com一、输入组件规范填写表单主要考虑的是输入组件的规范，常见的...
Axure自动设置高亮交互
XiaoXiaoYunXing的博客
04-30 2046
Axure自动设置高亮交互废话不多说，如何设置为自动，默认高亮呢 简单介绍一下：在制作完成Axure原型，发布之后，进行交互操作，Axure支持手动设置，把具有交互的按钮、热区设置为高亮，但是这样每次手动操作一下会很麻烦（若没有此需求，忽略就行了），如下图 废话不多说，如何设置为自动，默认高亮呢 发布的原型文件夹\resources\scripts\axure 找到：init.temp.js C...
Axure基础详解三：输入框的运用
最新发布
太空背包客的博客
10-25 695
输入框的运用场景与交互状态的使用。
Axure实现简单模糊搜索的功能的方式
Coolstuz的博客
10-04 8486
功能如图：实现模糊搜索，输入关键字进行搜索！ 可用于实际临摹中： 在之前临摹了一下PC端的“钉钉”应用。发现这个功能挺好用的 1.元件需求 一个文本框、一个中继器、一个动态面板加三个动态面板状态state1、state2、state3 可以给动态面板的里各个状态随意添加添加内容 2.交互 给中继器添加词库，并将中继器隐藏 1.点进中继器，对中继器里自带的矩形设置交互 （即单击中继器里的内...
jQuery和CSS3炫酷高级搜索框设计效果
04-25
jQuery和CSS3炫酷高级搜索框设计效果
高级搜索 - 小笔记
伊特
05-09 114
记笔记 百度搜某个博客中的内容： LSTM site:blog.csdn.net LSTM site:www.cnblogs.com LSTM site:www.jianshu.com google更高级一些，可以搜索我自己的博客，也就是下一级目录 python site:blog.csdn.net/qq_326324545 ...
Axure微信高保真原型设计.zip
05-04
资源包含微信所有的图标、Axure源码。设计内容包含微信基本的交互功能，聊天，查看好友，刷朋友圈，个人信息查看等
菜谱app Axure高保真原型设计
01-13
移动应用前端交互设计课程设计，需要的自取
Axure高保真原型登录注册.rp
03-24
Axure高保真原型登录注册.rp
Axure高保真原型模板+元件库+图标库icon+动效设计.zip
07-06
【OMINI.BASS】方圆资讯APP高保真原型v1.0（资讯、高保真、交互）.rp 【OMINI.BASS】一整套黑白简约风格的自适应框架（登录、一级、二级、三级菜单可配置）.rp 解决：动态面板拖拽时，无法点击操作的问题.rp 聊叭.rp...
Axure天猫商城高保真原型模板-可编辑（web端）
07-06
仿天猫购物商城高保真原型 在线演示 仿天猫商城高保真原型，现版本V0.3测试版发布，持续更新中 • V0.3测试版发布 优化之前页面内容，新增列表页。 本原型含有多种交互功能展示，利于初学者学习。 基本还原天猫...
Axure9 怎么设置文本框提示文字以及字体大小与颜色
热门推荐
慢谈人生
09-14 1万+
1.选中文本框，如下图，点击右侧“交互”，在点击箭头指向的小按钮，即可设置提示文字！ 2.选中文本框，如下图，点击右侧“交互”，在点击箭头指向的:hint，即可设置提示文字大小与颜色！ ...
qdialog隐藏关闭按钮_1分钟get新技能，用好这一个动作，控制弹框的显示与隐藏...
weixin_39535287的博客
12-18 685
前言今天和大家聊一聊如何利用Axure实现弹框的显示与隐藏。在学习制作弹框交互之前，我们先了解下常见的弹框有哪几种。通常互联网产品的弹框有三种：提示弹框、模态弹框、toast弹框。提示类弹框主要向用户展示一些提示信息，或者需要用户进行一些确认操作；模态弹框需要用户处理事务，用户需要输入信息执行操作；toast弹框则是一种轻量级的提示，用户只需要知晓即可，无需进行任何操作，通常toast提示的信息比...
axurerRP9 实现点击按钮出现提示内容
qq_35073010的博客
08-16 1753
axurerRP9 实现点击按钮出现提示内容
如何将输入的内容通过点击按钮显示在下方textview里并改变其颜色_如何在APP原型上写需求？让你的需求简洁易懂...
weixin_39757739的博客
11-27 161
你有没有过这样的经历——辛辛苦苦写了半天的文档， 结果开发一眼没看，做需求的时候又把文档里的内容问了一遍？如果不巧你也有这样的经历，那么在APP原型上写需求这招，或许能帮你解决这个问题。为什么要把需求直接写在原型上？没有开发愿意看臃杂的需求文档，包括直接写在原型上的。便捷高效方便版本迭代如何在APP原型上写需求？首先将APP经常需要写需求的点罗列出来，并分析其属性，精炼出书写字段模板。直接上图：以...
axure制作日历高保真原型
05-16
Axure是一款优秀的原型设计工具，可以用来制作各种高保真原型，包括日历高保真原型。下面详细介绍如何使用Axure制作日历高保真原型。 第一步，打开Axure，创建一个新的原型文件。 第二步，选择合适的画布大小，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梓贤Vigo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值