其他

高仿哔哩哔哩客户端的SearchView

2017-07-05 三年二班王尼玛 达内Android培训

 Tips:

Android本月免费课程报名中,点击文末“阅读原文”快速抢!


之前使用哔哩哔哩客户端的时候觉得她的搜索效果非常的赞,最近刚好有时间准备学习尝试自己写一下。


话不多说,先看东西是吧



好了废话不多说正式开始:


1.首先分析一下我们解析获得的布局样式




观察之后发现B站实现这个效果是在主页面有单独的一个布局,也就是说这个列表其实是早就写好的。那么实际上这个效果就只有2个步骤1个就是首页的布局,2就是圆形的动画。


2.圆形动画的实现:

这个圆形动画就是5.0之后谷歌新加的ViewAnimationUtils.createCircularReveal





实现动画效果:


  • 隐藏



  • 显示



项目源代码:
https://github.com/didixyy/BilibiliSearchView


本文转载自大神「鸿洋」的公众微信号,侵删。

更多干货



学懂技术关键点,月薪3W,你也可以!


7月安卓免费课程报名中,名师答疑解惑,4天学做一个APP!

详情:7月Android免费训练营火热报名中

回复「姓名+微信号+城市」报名或点页面底部「阅读原文」报名。

回复「领取」免费下载安卓学习资料&工具&组件


各类干货和励志鸡血,更有各种好玩好看的资讯!

点击阅读原文报名Android免费课程

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存