android 京东搜索功能,Android仿京东搜索框渐变效果

在许多APP中,有的搜索框是一直固定的,有的呢,附加了很多的效果,就比如京东

9094e0eabf6e05d562624057a6344848.gif

好吧,谁让京东那么厉害呢,不说了,开始高仿!

原理:就是自定义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));

}

}

});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持找一找教程网。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值