web-dev-qa-db-ja.com

新しいNavigationViewをステータスバースクリムでNiceで再生するにはどうすればよいですか？

私はグーグルの新しいデザインサポートライブラリで遊んでいます、そしてそれは爆発です！ナビゲーションビューでは少し困惑しています。私が読んだすべてのことは、NavigationViewはそれ自体で透明なスクリムを処理するのに十分賢いと言っています。 （ Android-developers 投稿、1つ、スクリムを検索）。とにかく、私がそれをやろうとすると、次の結果が得られます：

Transparent Scrim

これは素晴らしいことです。まさに私が欲しいもの。 1つを除いて。引き出しを閉じると、スクリムは醜い濃い灰色になり、primaryColorDarkではありません。 。 。

enter image description here

これが私のレイアウトです：

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

<Android.support.design.widget.CoordinatorLayout
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:fitsSystemWindows="true">

    <LinearLayout
        Android:id="@+id/linear_layout"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:orientation="vertical">

        <include layout="@layout/toolbar" />

        <fragment
            Android:id="@+id/fragment"
            Android:name="com.gmail.rixx.justin.envelopebudget.HomeFragment"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            tools:layout="@layout/fragment_home" />

    </LinearLayout>

    <Android.support.design.widget.FloatingActionButton
        Android:id="@+id/fab"
        Android:layout_height="wrap_content"
        Android:layout_width="wrap_content"
        Android:layout_gravity="end|bottom"
        Android:layout_margin="@dimen/fab_margin"
        app:backgroundTint="@color/accent"
        Android:src="@drawable/ic_add_white_24dp" />

</Android.support.design.widget.CoordinatorLayout>

<Android.support.design.widget.NavigationView
    Android:layout_width="wrap_content"
    Android:layout_height="match_parent"
    Android:layout_gravity="start"
    app:headerLayout="@layout/drawer_header"
    app:menu="@menu/drawer" />

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

アクティビティコード：

public class Home extends ActionBarActivity {

    private Toolbar mToolbar;
    private DrawerLayout mDrawerLayout;
    private Context mContext = this;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home);

        setUpToolbar();
        setUpNavDrawer();

        findViewById(R.id.fab).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startActivity(new Intent(mContext, NewTransactionActivity.class));
            }
        });
    }

    private void setUpToolbar() {
        mToolbar = (Toolbar) findViewById(R.id.toolbar);
        if (mToolbar != null) {
            setSupportActionBar(mToolbar);
        }
    }

    private void setUpNavDrawer() {
        if (mToolbar != null) {
            mDrawerLayout = (DrawerLayout)     findViewById(R.id.drawer_layout);

            getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            mToolbar.setNavigationIcon(R.drawable.ic_menu_white_24dp);
            mToolbar.setNavigationOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mDrawerLayout.openDrawer(GravityCompat.START);
                }
            });
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_home, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

そしてv21 /スタイル：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="AppTheme.Base">
        <item name="Android:colorPrimary">@color/primary</item>
        <item name="Android:colorPrimaryDark">@color/primary_dark</item>
        <item name="Android:colorAccent">@color/accent</item>
        <item name="Android:textColorPrimary">@color/primary_text</item>
        <item name="Android:textColorSecondary">@color/secondary_text</item>

        <item name="Android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="Android:statusBarColor">@Android:color/transparent</item>

    </style>
</resources>

github でChris BanesのCheeseSquareアプリをモデルにしましたが、希望する動作が得られません。

V21/stylesからwindowDrawsSystemBarBackgroundsとstatusBarColorを削除しようとしましたが、適切な色が表示されますが、ステータスバーが透明になりません。

enter image description here

助けていただければ幸いです。これは新しいものなので、私たちは皆学んでいることを知っています。

読んでくれてありがとう！

-ジャスティン

androidmaterial-designandroid-design-libraryandroiddesignsupport
16
justinrixx

これにさらに数時間苦労し、コードをチーズスクエアアプリと十分に比較した後、次のことがわかりました。DrawerLayoutには属性Android:fitsSystemWindows="true"が必要であり、NavigationViewは次のようになります。まあ、しかしCoordinatorLayoutはすべきではありません。これらの変更を行うと、機能しました。

すべてに感謝します、そしてうまくいけば、これは誰かに役立つでしょう！

レイアウトの私のコードを見ることができます ここ 。

-ジャスティン

25
justinrixx

これをnavigationViewに設定しますAndroid:fitsSystemWindows="false"

14
Sỹ Phạm

あなたチェックする必要があります新しいSDKの例

実際には、Coordinatorlayoutの下に描画するactivityでstatusbarを使用しており、そのレイアウトに異なるテーマがあります。ルートレイアウトstatusbarがない他のアクティビティに透明なCoordinatorlayoutを配置すると、色のない白いstatusbarが表示されるためです。

1
Ioane Sharvadze

スタイルファイルでAppCompatテーマを親として使用してみてください...

 <style name="AppTheme" parent="Base.Theme.AppCompat">

お役に立てば幸いです。

0
Moinkhan