Entfernen Sie Schatten aus der Symbolleiste, wenn die Navigation Schublade ist Offen - Material-Design-support-Bibliothek

Ich die Umsetzung Material-Design in meine app mit einem navigation drawer. Unter all den unterschiedlichen Implementierungen des Nav. Schublade und Symbolleiste mit Material-Design (finden Sie in diesem Beitrag); I gewählt haben, halten Sie das app-Gefühl ähnlich wie die ICS/Halo-design und der Nav-Drawer slide-out unter der Symbolleiste. Das problem ist, dass die Symbolleiste blendet mit dem Schatten, wie der rest der Aktivität, wenn die nav-Schublade geöffnet ist. Wie würde ich die Symbolleiste abdunkelt? Wenn Sie sehen, dass das Bild in dem post den ich oben gelinkt habe ich mich nach #6, 3 oder 5, aber meiner sieht eher aus wie #9 jetzt.

Beispiel (aus post oben):

Was ich nach (keine Schatten auf der Symbolleiste):

Was ich derzeit bekommen (Symbolleiste verdunkelt, wenn nav Schublade geöffnet ist):

Entfernen Sie Schatten aus der Symbolleiste, wenn die Navigation Schublade ist Offen - Material-Design-support-Bibliothek

Hier ist der code für meine Haupttätigkeit XML:

<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
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"
tools:context="com.funkhaus.navdrawer.app.MainActivity">

<!-- As the main content view, the view below consumes the entire
     space available using match_parent in both dimensions. -->
<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- We use a Toolbar so that our drawer can be displayed
         in front of the action bar; Added for Material Design -->
    <android.support.v7.widget.Toolbar
        android:id="@+id/my_awesome_toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:background="?attr/colorPrimary" />

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="?attr/actionBarSize" />

</FrameLayout>

<fragment android:id="@+id/navigation_drawer"
    android:layout_width="@dimen/navigation_drawer_width"
    android:layout_height="match_parent"
    android:layout_marginTop="?attr/actionBarSize"
    android:fitsSystemWindows="true"
    android:layout_gravity="start"
    android:name="com.funkhaus.brewwerks.NavigationDrawerFragment" />

Der Bemerkenswerte Teil ist, dass die <FrameLayout> mit der ID 'container' ist, wo alle meine Fragmente sind aufgeblasen, und seine marginTop wurde eingestellt, um die Höhe der Symbolleiste, so dass seine Inhalte werden unterhalb der Symbolleiste. Ebenso die Navigation Schublade fragment hat auch seine marginTop auf die Höhe der Symbolleiste, so dass es gleitet unter ihm.

Setzen Sie die Symbolleiste außerhalb der DrawerLayout.
Von meinem Verständnis der <DrawerLayout> muss der root-Ansicht, wenn Sie mit dem Navigations Schublade
Die Wurzel von Ihrem Inhalt, ja. Nicht die Wurzel Ihrer Symbolleiste.
Danke @alanv, lassen Sie mich wissen, wenn meine gepostete Antwort scheint vernünftig

InformationsquelleAutor Flash | 2014-10-30

android material-design

Dank @alanv ich mein Problem behoben.

Mein post oben zeigt meine activity_main.xml code; ich habe es vereinfacht, um das entfernen der Symbolleiste Ansicht und entfernen der marginTop Formatierung:

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="com.funkhaus.navdrawer.app.MainActivity">

<!-- As the main content view, the view below consumes the entire
     space available using match_parent in both dimensions. -->
    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <fragment android:id="@+id/navigation_drawer"
        android:layout_width="@dimen/navigation_drawer_width"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        android:layout_gravity="start"
        android:name="com.funkhaus.brewwerks.NavigationDrawerFragment" />

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

Erstellte ich eine toolbar.xml, die ich jetzt setContentView() auf meiner Haupttätigkeit, der <include>'s die activity_main.xml oben:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical">
    <!-- We use a Toolbar so that our drawer can be displayed
             in front of the action bar; Added for Material Design -->
    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/my_awesome_toolbar"
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:minHeight="?attr/actionBarSize"
        android:background="?attr/colorPrimary" />

    <include android:id="@+id/drawer_layout" layout="@layout/activity_main" />

</LinearLayout>

Schließlich in meine Tätigkeit ist onCreate() ich setContentView() auf die toolbar.xml:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    setContentView(R.layout.toolbar);
    //Rest of code here....

Die ActionBar wird noch unterstützt, warum nicht nutzen Sie statt? Es verhält sich genau so.
Vielen Dank! @Funk
Auch wenn wir uns alle wissentlich die Gestaltung der Navigations-Schublade gegen die aktualisierte Material-Design-Richtlinien, hier ist ein link zu den aktualisierten lieben: google.com/design/spec/patterns/navigation-drawer.html

InformationsquelleAutor Flash

You do it in the same xml like this, This is for underlying toolbar navigation like play store app design




  <FrameLayout 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:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.ccas.roadsideconnect.BaseFragmentActivity">
    <android.support.v4.widget.DrawerLayout

        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        >


        <FrameLayout
            android:id="@+id/main_fragment_container"
            android:layout_marginTop="?attr/actionBarSize"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />



        <FrameLayout android:id="@+id/navigation_drawer"
            android:layout_width="@dimen/navigation_drawer_width"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            tools:layout="@layout/fragment_navigation_drawer" />
    </android.support.v4.widget.DrawerLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@drawable/img_actionbar_white_sm"
                android:gravity="top"
                android:minHeight="58.0dip"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
                />
        </LinearLayout>

    </FrameLayout>

Den code unten ist für die darüberliegenden Symbolleiste navigation wie Google Mail APP-design.

<FrameLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.ccas.roadsideconnect.BaseFragmentActivity">
<android.support.v4.widget.DrawerLayout

    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <FrameLayout
        android:id="@+id/main_fragment_container"
        android:layout_marginTop="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@drawable/img_actionbar_white_sm"
            android:gravity="top"
            android:minHeight="58.0dip"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
            />
    </LinearLayout>

    <FrameLayout android:id="@+id/navigation_drawer"
        android:layout_width="@dimen/navigation_drawer_width"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        tools:layout="@layout/fragment_navigation_drawer" />
</android.support.v4.widget.DrawerLayout>

</FrameLayout>

InformationsquelleAutor Vivek Elangovan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.