仿京东首页沉浸式图片以及状态栏变色

这个效果搞了三个小时,有一种淡淡的忧伤 先看下效果


仿京东首页沉浸式图片以及状态栏变色_第1张图片





网上这方面的案例特别的少

思路很重要,说下实现的过程:

step1:

 布局什么的就不说了,首先在Mainactivity实现沉浸式状态栏

    public static void setWindowImmersiveState(Activity activity) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            Window window = activity.getWindow();
            window.setFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS, WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        }
        activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
    }

布局加上fitsystemWindow =true


step2 ;

这样我们实现了图片居于顶部,但是头部控件需要位于状态栏下方

只需要计算下状态栏的高度

设置padding属性

public static int getWindowStateHeight(Context context) {
        int statusBarHeight1 = -1;
        int resourceId = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
         
            statusBarHeight1 = context.getResources().getDimensionPixelSize(resourceId);
        }
        return statusBarHeight1;
    }

step3 滑动监听 需要重写scrollview对其作出监听事件

监听y的偏移量 去设置背景透明度


传送门 戳我


你可能感兴趣的:(安卓)