时下流行布局,布局深入到状态栏,滑动标题栏渐变和状态栏字体颜色改变

首先感谢博主的这篇文章高仿美团APP页面滑动标题栏渐变效果
在这先放一下我的效果
在这里插入图片描述


这里收一下我和博主的不同

  1. 这里我用了nestScrollView代替了scrollView
  2. 增加了仿网易云音乐歌单界面的布局
  3. 增加了改变标题栏和状态栏字体颜色
  4. 这里使用了腾讯团队开源的QMUI

源代码已经上传了github–点击跳转
代码注释比较详细

//1、设置状态栏透明,是内容区域可以渗透到状态栏下(首个子布局添加android:fitsSystemWindows="true")
//并增加android:paddingTop="@dimen/dp_25",因为大多数手机状态栏高度是25dp,这样状态栏字体和标题栏字体就不会重叠
QMUIStatusBarHelper.translucent(this);
//2.通过视图树获取需要滑动的距离(在此距离状态由完全透明逐渐变为完全不透明)
final ViewTreeObserver viewTreeObserver = frame_flag.getViewTreeObserver();
viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
    @Override
    public void onGlobalLayout() {
        if (viewTreeObserver.isAlive()) {
            viewTreeObserver.removeOnGlobalLayoutListener(this);
        }
        //这是一个临界点,像上滑至此临界点过程中标题栏透明度主键改变,至此临界点完全不透明
        //向下滑至此列节点是,透明度逐渐大,直至完全透明
        mHeight = frame_case.getHeight() - frame_flag.getHeight() - ll_common_title.getHeight();
        scroll_view_detail.setCallbacks(TranStatusActivity.this);//滑动监听,实时获取滑动的距离
    }
});
public void onScrollChanged(int x, int y, int oldx, int oldy) {
    //向上滑和向下滑在这个范围之内都需要改变透明度
    float alpha = 0f;
    if (y > 0 && y < mHeight) {
        float scale = (float) y / mHeight;//算出滑动距离比
        alpha = (255 * scale);//得到透明度
        ll_common_title.setBackgroundColor(Color.argb((int) alpha, 255, 255, 255));
    }
    if (y >= mHeight && alpha <= 255) {
        //矫正计算的误差,防止滑动过快,在滑动距离大于mHeight后,透明度百分比没有达到100%
        ll_common_title.setBackgroundColor(Color.argb(255, 255, 255, 255));
    }
    if (oldy - y < 0) {
        //向上滑
        if (y >= (3 * mHeight) / 6) {//这个距离是实验出来的大概的距离,可自行调整
            //向上滑的距离大于次距离是改变标题栏图标颜色和字体颜色,改变状态栏图标颜色
            iv_return.setImageResource(R.mipmap.return_icon);
            tv_title.setTextColor(TranStatusActivity.this.getResources().getColor(R.color.black));
            QMUIStatusBarHelper.setStatusBarLightMode(TranStatusActivity.this);//深色字体
        }
    } else {
        //向下滑
        if (y <= (3 * mHeight) / 6) {
            //向下滑的距离小 于次距离是改变标题栏图标颜色和字体颜色,改变状态栏图标颜色
            iv_return.setImageResource(R.mipmap.return_icon_1);
            tv_title.setTextColor(TranStatusActivity.this.getResources().getColor(R.color.white));
            QMUIStatusBarHelper.setStatusBarDarkMode(TranStatusActivity.this);//深色字体
        }
        if (y <= 0) {
            //标题栏处于最顶部
            ll_common_title.setBackgroundColor(Color.argb(0, 255, 255, 255));
        }
    }
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值