Android仿京东搜索框渐变效果
程序员文章站
2022-10-13 09:44:48
在许多app中,有的搜索框是一直固定的,有的呢,附加了很多的效果,就比如京东
好吧,谁让京东那么厉害呢,不说了,开始高仿!
原理:就是自定义scrollview实现...
在许多app中,有的搜索框是一直固定的,有的呢,附加了很多的效果,就比如京东
好吧,谁让京东那么厉害呢,不说了,开始高仿!
原理:就是自定义scrollview实现对滑动高度的监听而已,如此实现对搜索框的渐变
先贴上我的自定义scrollview
//自定义scrollview public class customview extends scrollview { public interface scrollviewlistener { void onscrollchanged(customview customview, int x, int y, int oldx, int oldy); } private scrollviewlistener scrollviewlistener = null; public customview(context context) { super(context); } public customview(context context, attributeset attrs, int defstyle) { super(context, attrs, defstyle); } public customview(context context, attributeset attrs) { super(context, attrs); } public void setscrollviewlistener(scrollviewlistener scrollviewlistener) { this.scrollviewlistener = scrollviewlistener; } @override protected void onscrollchanged(int x, int y, int oldx, int oldy) { super.onscrollchanged(x, y, oldx, oldy); if (scrollviewlistener != null) { scrollviewlistener.onscrollchanged(this, x, y, oldx, oldy); } } }
好了,接下来就直接在逻辑代码中调用就行了!
@override public void onviewcreated(view view, @nullable bundle savedinstancestate) { super.onviewcreated(view, savedinstancestate); //搜索框在布局最上面 line.bringtofront(); mscrollview.setscrollviewlistener(new customview.scrollviewlistener() { @override public void onscrollchanged(customview customview, int x, int y, int oldx, int oldy) { if (y <= 0) { line.setbackgroundcolor(color.argb((int) 0, 227, 29, 26));//agb由相关工具获得,或者美工提供 } else if (y > 0 && y <= imageheight) { //获取scrollview向下滑动图片消失的比例 float scale = (float) y / imageheight; //更加这个比例,让标题颜色由浅入深 float alpha = (255 * scale); // 只是layout背景透明 line.setbackgroundcolor(color.argb((int) alpha, 255, 255, 255)); } } });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
推荐阅读
-
Android 之BottomsheetDialogFragment仿抖音评论底部弹出对话框效果(实例代码)
-
Android 之BottomsheetDialogFragment仿抖音评论底部弹出对话框效果(实例代码)
-
Android 仿京东商城底部布局的选择效果(Selector 选择器的实现)
-
基于JS实现仿京东搜索栏随滑动透明度渐变效果
-
Android仿京东顶部搜索框滑动伸缩动画效果
-
Android仿京东快报无限轮播效果
-
Android仿京东搜索框渐变效果
-
Android自定义view仿iOS弹出框效果
-
Android仿简书动态searchview搜索栏效果
-
Android 滑动Scrollview标题栏渐变效果(仿京东toolbar)