首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter实战 | 从 0 搭建「网易云音乐」APP(九、搜索页面、底部播放控制

| 从 0 搭建「网易云音乐」APP(五、播放功能逻辑)6.Flutter实战 | 从 0 搭建「网易云音乐」APP(六、歌词(一))7.Flutter实战 | 从 0 搭建「网易云音乐」APP(七、...歌词(二))8.Flutter实战 | 从 0 搭建「网易云音乐」APP(八、我的页面) 本篇为第九篇,在这里我们会搭建「搜索页面、底部播放控制」。...搜索搜索结果页 0. 写在前面 上一周一直没更新代码与文章,是因为公司公费去厦门旅游来着,所以好好放松了一周。...搜索页 话不多说,接着就来我们的搜索页,先看一下图,然后梳理一下需求: 1.历史记录(无历史记录的时候不显示)2.热搜榜 1....搜索结果页 搜索结果页其实是和「搜索页」在一起的,由搜索状态控制: _isSearching ?

2.5K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    音乐搜索器 – 多站合一音乐搜索解决方案

    文章目录[隐藏] 源码介绍 源码预览 常见问题 免责声明 源码介绍 多站合一音乐搜索解决方案,支持搜索试听以下网站音乐: 网易云音乐 QQ音乐 酷狗音乐 酷我音乐 虾米音乐 百度音乐 一听音乐...播放器显示 Error happens ╥﹏╥ 音乐链接为空 1. 音乐需要付费才能收听 2. 版权限制,外站无法获取 3. 服务器 IP 所在地不在源站允许的区域 4....音乐下架了,链接被去除 音乐链接不为空 1. 当前 IP 所在地因版权限制而无法播放 2. 音乐格式浏览器无法正常解析 3....本站音频文件来自各网站接口,本站不会修改任何音频文件 音频版权来自各网站,本站只提供数据查询服务,不提供任何音频存储和贩卖服务 本项目代码仅供学习交流,不得用于商业用途,如有侵犯与代码贡献人员无关 文件名称:音乐搜索器...本文链接:https://www.xy586.top/7712.html 转载请注明文章来源:行云博客 » 音乐搜索器 – 多站合一音乐搜索解决方案

    3.9K51

    IOS开发之-搜索UISearchController详解

    上篇文章说了搜索两种实现方法,建议大家使用UISearchController。今天我在写项目的时候,在搜索结果实现点击效果出现一点小问题。发现昨天写的不够全面,在这里做一些补充。..._searchController.searchResultsUpdater= self; 3设置属性 //设置UISearchController的显示属性,以下3个属性默认为YES //搜索时...,背景变暗色 _searchController.dimsBackgroundDuringPresentation = NO; //搜索时,背景变模糊 _searchController.obscuresBackgroundDuringPresentation...= NO; //隐藏导航_searchController.hidesNavigationBarDuringPresentation = NO; 4实现代理 - (void)willPresentSearchController...updateSearchResultsForSearchController:(UISearchController *)searchController; 注意点: 1、如果你希望在同一个视图中显示搜索结果

    2K100

    腾讯音乐知识图谱搜索实践

    [腾讯音乐知识图谱搜索实践] 导读:近几年来,图数据在计算机领域得到了广泛的应用。...为了让我们的搜索更加智能化,腾讯音乐也借助了知识图谱。...今天和大家分享下腾讯音乐在图谱检索与业务实践方面的探索,主要包括以下几大部分: 音乐知识图谱介绍 图数据库选型 项目架构介绍 知识图谱搜索功能应用举例 总结与展望 音乐知识图谱介绍 首先和大家介绍下音乐知识图谱的相关知识...音乐知识图谱的应用场景 [腾讯音乐知识图谱搜索实践] (1) 复杂搜索需求实现 音乐知识图谱不仅可以做简单的搜索,还可以实现复杂搜索需求。...[腾讯音乐知识图谱搜索实践] 从上图看到综合性能测试数据。

    1.3K20

    iOS开发-搜索UISearchBar和UISearchController

    最近项目中用到了搜索,所以在网上搜了一些相关的资料学习了一下,现在记录一下,iOS中的搜索实现起来相对简单一点,网上也有很多参考资料,不过靠谱的不是很多,很多都是iOS 8.0之前的实现,iOS...1 UISearchBar和UIDisplayController实现搜索 是网上最常见的也算是最简单的,也有使用Searh Bar Search Display Controller的控件的,本文就简单的使用...Search Bar和UITableView实现搜索Demo的,最上面的就是搜索,之前的就是TableView: ?...为了实现搜索需要声明委托 UISearchBarDelegate , UISearchDisplayDelegate,其中搜索主要使用的就是UISearchDisplayDelegate,具体代码实现过程...(BOOL)searchBarShouldEndEditing:(UISearchBar *)searchBar{ NSLog(@"搜索End"); return YES;} 搜索时过滤数据

    2.4K70

    Human Interface Guidelines —— 搜索(Search Bars)

    自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚 搜索...Search Bars Search bar允许用户在大量数据中通过在一个区域中输入文本来进行搜索搜索可以单独显示,也可以在navigation bar或内容视图中显示。...·使用navigation bar而不是文本区域来实现搜索。 文本区域没有人们期望的标准搜索栏外观。 ·启用清除按钮。 大多数搜索都包含一个清除按钮,用于删除该区域的内容。 ·适当时启用取消按钮。...大多数专用搜索包含一个立即终止搜索的“取消”按钮。 ? 左:清除按钮    右:取消按钮 ·如有必要,请在navigation bar中展示提示和上下文。...Navigation bar的区域可以包含占位符文本,如“搜索服装,鞋子和配件”或简单地“搜索”——作为正在搜索的上下文的提醒。 带有适当标点符号的简洁单线提示也可以直接出现在搜索上方以提供指导。

    1.2K80

    替代 Windows 10 任务搜索框,让搜索更方便!

    Everything 是一款优秀的文件名搜索工具,它可以非常非常快速的帮你找到想要的文件,只需要搜索文件名即可。...EverythingToolbar 则是一款适用于 Windows 10 的搜索框工具,它能够直接在任务使用 Everything 搜索,非常方便。...解压缩后,运行 install.cmd,就完成了安装,然后就可以在任务右键,依次选择 工具 > Everything Toolbar 即可。如没有这个选项,多试几次即可,或者刷新一下。...注意事项: 初次让Everything Toolbar显示在任务它默认会显示在靠近通知区域的左侧(右侧),并只有一个搜索图标(放大镜),取消锁定任务(右键点击任务,取消勾选锁定任务),拖动图标前面将它拉长即可显示搜索框...显示搜索框在搜索框上点击右键,可以选择匹配方式,默认不匹配路径、大小写等,在这里还可以开启正则表达式搜索,更改搜索结果的排序方式。 右键菜单在搜索结果上方,我们可以让它仅显示文件、文件夹。

    2.1K20

    网站建设的搜索怎么设置 设计搜索框应当注意什么

    大多数网站的搜索功能都是通过设置搜索来实现的,大家可以在搜索中输入关键词,迅速找到想要获得的资讯或服务。那么网站建设的搜索怎么设置? 网站建设的搜索怎么设置 网站建设的搜索怎么设置?...建设者首先要根据网页的整体布局,在合适的部位添加搜索框。在设计网页服务内容时,点击加号,便能在网页添加搜索框。另外,搜索框的位置是可以拖动的,建设者可以根据自身喜好将搜索放在合适的位置。...搜索框建设完毕后,建设者应当设置一个超链接,将搜索框的搜索功能与网站数据进行连接,这样就实现了通过搜索捕捉关键信息的过程。网站提供的服务不同,网页设计的风格不同,搜索的装饰也有所不同。...有些网页的搜索较长,并辅以放大镜的标志,而有些网页的搜索则较短,具体如何设计由设计者根据网页布局来决定。...设计搜索框应当注意什么 为了给用户提供更便捷的服务,建设者在设计搜索框时,应当将搜索放在整个网页较为显眼的位置,最好是网页最上方或正中间。

    1.5K30

    可以伸缩的搜索,模仿华为应用市场

    影响比较深刻的就有华为应用市场的搜索(同样,简书的搜索也是类似的)。 而今天,就是带你来实现华为应用市场那样的搜索。 我们先放上我们实现的效果图吧: demo效果图 怎么样,想不想学?...首先,在搜索还未打开时,先确定半径 R ,然后假设一个变量 offset 用来动态改变搜索的宽度。...在调用 invalidate() 进行重绘,达到动态增加搜索宽度的效果。反之,关闭搜索也是同理的。 那么下面就用代码来实现它咯!...attrs 关于自定义的属性,我们可以想到的有搜索的背景颜色、搜索的位置(左或右)、搜索的状态(打开或关闭)等。具体的可以查看下面的 attrs.xml 。根据英文应该能知道对应属性的作用了。...,然后是搜索的图标,最后是搜索的提示文字。

    54230
    领券