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

来源:互联网 发布:iphone照片拷贝到mac 编辑:程序博客网 时间:2024/06/15 15:10

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






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

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

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的偏移量 去设置背景透明度


传送门 戳我


阅读全文
0 0
原创粉丝点击