android - 在 Android 的 DrawerLayout 中设置状态栏颜色

Question

我想在我的自定义 DrawerLayout 中设置状态栏颜色，就像默认抽屉导航一样。它工作完美，但 DraweeLayout 应该在状态栏后面并且状态栏颜色应该是自定义的。下面是我的 v21\style。

<resources>
<style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:statusBarColor">@color/orange</item>
</style>

这里是activity_main.xml

    <android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="false">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:orientation="vertical"
        >
        <android.support.v7.widget.Toolbar
            android:id="@+id/my_awesome_toolbar"
            android:layout_height="80dp"
            android:layout_width="match_parent"
            android:minHeight="?attr/actionBarSize"
            android:background="@color/orange"
            android:fitsSystemWindows="true"
            />
    </LinearLayout>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <LinearLayout
            android:id="@+id/llFirst"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:background="@color/orange"
            android:layout_marginTop="25dp"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/imgMenu"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_gravity="center"
                android:src="@drawable/menu" />
        </LinearLayout>
    </FrameLayout>

    <ExpandableListView
        android:id="@+id/lvLeft"
        android:layout_width="280dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@color/white"
        android:choiceMode="singleChoice"
        android:dividerHeight="0dp"
        />    
</android.support.v4.widget.DrawerLayout>

这是我的 MainActivity。

    public class MainActivity extends Activity implements View.OnClickListener, ExpandableListView.OnChildClickListener {

    private MyAdapter drawerLayoutAdapter;
    private DrawerLayout drawer_layout;
    private ImageView imgMenu;
    private ArrayList<String> alTemp;
    private ArrayList<MyModel> arrayList;
    private ExpandableListView expandbleLis;

    private Activity activity;

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        setId();
        setListner();
        setSliderColor();
        slideMenu();
        loadArraylist();
        drawerLayoutAdapter = new MyAdapter(MainActivity.this, arrayList);
        expandbleLis.setAdapter(drawerLayoutAdapter);
        expandbleLis.setOnChildClickListener(this);
    }

    private void setListner()
    {
        imgMenu.setOnClickListener(this);

        // it is used to close all child view on expandable listview and show only one childview at a time.
        expandbleLis.setOnGroupExpandListener(new ExpandableListView.OnGroupExpandListener() {
            int previousGroup = -1;

            @Override
            public void onGroupExpand(int groupPosition) {
                if(groupPosition != previousGroup)
                    expandbleLis.collapseGroup(previousGroup);
                previousGroup = groupPosition;
            }
        });
    }
    private void loadArraylist()
    {

        arrayList = new ArrayList<MyModel>();
        alTemp = new ArrayList<>();

        //here we have pur zero position blank because on zero position we will be put profile picture layout.
        arrayList.add(new MyModel("", 0, alTemp));

        alTemp = new ArrayList<>();
        alTemp.add("My Profile");
        arrayList.add(new MyModel("Profile", R.drawable.profile, alTemp));

        alTemp = new ArrayList<>();
        alTemp.add("My Transaction");

        arrayList.add(new MyModel("Transaction History", R.drawable.transaction, alTemp));

        alTemp = new ArrayList<>();
        alTemp.add("My Setting");
        arrayList.add(new MyModel("Setting", R.drawable.setting, alTemp));

        alTemp = new ArrayList<>();
        alTemp.add("Logout");
        arrayList.add(new MyModel("Log out", R.drawable.logout, alTemp));
    }


    private void slideMenu()
    {
        try
        {
            DrawerLayout.LayoutParams layoutParams = (DrawerLayout.LayoutParams) expandbleLis.getLayoutParams();
            expandbleLis.setLayoutParams(layoutParams);
            expandbleLis.setAdapter(drawerLayoutAdapter);

            if (drawer_layout.isDrawerOpen(expandbleLis))
            {
                drawer_layout.closeDrawer(expandbleLis);
            }

            expandbleLis.setOnItemClickListener(new AdapterView.OnItemClickListener() {
                @Override
                public void onItemClick(AdapterView<?> parent, View view, final int pos, long id)
                {
                    drawer_layout.setDrawerListener(new DrawerLayout.SimpleDrawerListener() {
                        @Override
                        public void onDrawerClosed(View drawerView)
                        {
                            super.onDrawerClosed(drawerView);

                        }
                    });
                    drawer_layout.closeDrawer(expandbleLis);
                    displayView(pos);
                }
            });
        } catch (Exception e)
        {
            e.printStackTrace();
        }
    }

    private void displayView(final int positionTitle)
    {
        try
        {
            closeDrawer();
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run()
                {
                    switch (positionTitle)
                    {
                        case 0:
                            break;

                        case 1:
                            break;

                        case 2:
                            break;
                    }
                }
            }, 200);
        } catch (Exception e)
        {
            e.printStackTrace();
        }
    }

    private void setId()
    {
        try
        {
            drawer_layout = (DrawerLayout) findViewById(R.id.drawer_layout);
            imgMenu = (ImageView) findViewById(R.id.imgMenu);

            // below is for expandable listview.
            expandbleLis = (ExpandableListView) findViewById(R.id.lvLeft);
            expandbleLis.setDividerHeight(1);
            expandbleLis.setGroupIndicator(null);   // it is used to hide expandable list symbol.
            expandbleLis.setClickable(true);

        } catch (Exception e)
        {
            e.printStackTrace();
        }
    }


    public void openDrawer()
    {
        try
        {
            expandbleLis.invalidateViews();
            drawer_layout.openDrawer(expandbleLis);
        } catch (Exception e)
        {
            e.printStackTrace();
        }
    }

    private void closeDrawer()
    {
        try
        {
            if (drawer_layout.isDrawerOpen(expandbleLis))
            {
                drawer_layout.closeDrawer(expandbleLis);
            }
        } catch (Exception e)
        {
            e.printStackTrace();
        }
    }


    @Override
    public void onClick(View v)
    {
        switch (v.getId())
        {
            case R.id.imgMenu:

                openDrawer();

                break;
        }
    }

    @Override
    public boolean onChildClick(ExpandableListView parent, View v,
                                int groupPosition, int childPosition, long id)
    {
        Toast.makeText(MainActivity.this, "Clicked On Child",
                Toast.LENGTH_SHORT).show();
        return true;
    }
}

实际上我想实现自定义抽屉布局，其中状态栏颜色应该是自定义的，抽屉布局应该在半透明的状态栏后面。在这里，我附上了图片，我想同样实现。我几乎尝试了所有解决方案，但没有得到任何正确的结果，所以请帮我解决这个问题。提前致谢。

Answer 1

我认为您正在寻找 ScrimInsetsFrameLayout。

这是自定义 ScrimInsetsFrameLayout 类，您可以使用它来实现这种行为

ScrimInsetsFrameLayout.java

public class ScrimInsetsFrameLayout extends FrameLayout {
    private Drawable mInsetForeground;

    private Rect mInsets;
    private Rect mTempRect = new Rect();
    private OnInsetsCallback mOnInsetsCallback;

    public ScrimInsetsFrameLayout(Context context) {
        super(context);
        init(context, null, 0);
    }

    public ScrimInsetsFrameLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs, 0);
    }

    public ScrimInsetsFrameLayout(Context context, AttributeSet attrs,
            int defStyle) {
        super(context, attrs, defStyle);
        init(context, attrs, defStyle);
    }

    private void init(Context context, AttributeSet attrs, int defStyle) {
        final TypedArray a = context.obtainStyledAttributes(attrs,
                R.styleable.ScrimInsetsView, defStyle, 0);
        if (a == null) {
            return;
        }
        mInsetForeground = a
                .getDrawable(R.styleable.ScrimInsetsView_insetForeground1);
        a.recycle();

        setWillNotDraw(true);
    }

    @Override
    protected boolean fitSystemWindows(Rect insets) {
        mInsets = new Rect(insets);
        setWillNotDraw(mInsetForeground == null);
        ViewCompat.postInvalidateOnAnimation(this);
        if (mOnInsetsCallback != null) {
            mOnInsetsCallback.onInsetsChanged(insets);
        }
        return true; // consume insets
    }

    @Override
    public void draw(Canvas canvas) {
        super.draw(canvas);

        int width = getWidth();
        int height = getHeight();
        if (mInsets != null && mInsetForeground != null) {
            int sc = canvas.save();
            canvas.translate(getScrollX(), getScrollY());

            // Top
            mTempRect.set(0, 0, width, mInsets.top);
            mInsetForeground.setBounds(mTempRect);
            mInsetForeground.draw(canvas);

            // Bottom
            mTempRect.set(0, height - mInsets.bottom, width, height);
            mInsetForeground.setBounds(mTempRect);
            mInsetForeground.draw(canvas);

            // Left
            mTempRect
                    .set(0, mInsets.top, mInsets.left, height - mInsets.bottom);
            mInsetForeground.setBounds(mTempRect);
            mInsetForeground.draw(canvas);

            // Right
            mTempRect.set(width - mInsets.right, mInsets.top, width, height
                    - mInsets.bottom);
            mInsetForeground.setBounds(mTempRect);
            mInsetForeground.draw(canvas);

            canvas.restoreToCount(sc);
        }
    }

    @Override
    protected void onAttachedToWindow() {
        super.onAttachedToWindow();
        if (mInsetForeground != null) {
            mInsetForeground.setCallback(this);
        }
    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        if (mInsetForeground != null) {
            mInsetForeground.setCallback(null);
        }
    }

    public void setOnInsetsCallback(OnInsetsCallback onInsetsCallback) {
        mOnInsetsCallback = onInsetsCallback;
    }

    public static interface OnInsetsCallback {
        public void onInsetsChanged(Rect insets);
    }
}

现在关于这个类的使用。

->activity_main.xml

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true" >

    <RelativeLayout
        android:id="@+id/frame_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true" >

        <include
            android:id="@+id/toolbar_headers"
            layout="@layout/toolbar_header"
            android:visibility="invisible" />
    </RelativeLayout>

    <yourpackagename.ScrimInsetsFrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:layout_marginRight="-8dp"
        android:elevation="8dp"
        android:fitsSystemWindows="true"
        app:insetForeground1="#4000" >

        <!-- this would be your custom drawer layout -->
        <include
            android:id="@+id/drawar_layout"
            layout="@layout/drawar_layout" />
    </bhagyagold.com.extraclasses.ScrimInsetsFrameLayout>

</android.support.v4.widget.DrawerLayout>

这里的 impotent 标签是 android:fitsSystemWindows 在所有 View 中仔细检查它。

->java部分

最后用这个布局打开或关闭你的抽屉。

例如

mLayout = (ScrimInsetsFrameLayout) findViewById(R.id.container);
mDrawerLayout.closeDrawer(mLayout);

-> styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light">
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">colorPrimaryDark</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
        <item name="android:windowContentTransitions">true</item>
        <item name="android:windowAllowEnterTransitionOverlap">true</item>
        <item name="android:windowAllowReturnTransitionOverlap">true</item>
        <item name="android:windowSharedElementEnterTransition">@android:transition/move</item>
        <item name="android:windowSharedElementExitTransition">@android:transition/move</item>
        <item name="windowNoTitle">true</item>
    </style>

编辑:

-> attrs.xml

<resources>

    <declare-styleable name="ScrimInsetsView">
        <attr name="insetForeground1" format="reference|color" />
    </declare-styleable>

</resources>

快乐的编码..