Android 5.0 Material Design-Stil Navigation Schublade für KitKat

? nomongo @ | Original: StackOverFlow

Ich sehe, dass Android eingeführten neuen Navigations Schublade Icons, Schublade Symbol und Zurück-Pfeil -Symbol. Wie können wir, dass in Kitkat unterstützten Anwendungen. Siehe Googles neueste Version von Newsstand -App, die die neusten Navigations Schublade Icons und Animationen bietet . Wie können wir realisieren, dass ?

Ich habe versucht, die Einstellung minSDK bis 19 und complileSDK bis 21, aber es ist mit den alten Stil-Ikonen. Ist das Selbst umgesetzt?



Top 5 Antwort

1jpardogo @

Sie müssen die neue Toolbar im appcompat v21 und die neue ActionBarDrawerToggle, die in dieser Bibliothek zu nutzen.

Fügen Sie den gradle Abhängigkeit zu Ihren gradle Datei :

compile 'com.android.support:appcompat-v7:21.0.0'

Ihre activity_main.xml Layout würde so etwas aussehen:

<!--I use android:fitsSystemWindows because I am changing the color of the statusbar as well-->
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main_parent_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:fitsSystemWindows="true">

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

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!-- Main layout -->
        <FrameLayout
            android:id="@+id/main_fragment_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <!-- Nav drawer -->
        <fragment
            android:id="@+id/fragment_drawer"
            android:name="com.example.packagename.DrawerFragment"
            android:layout_width="@dimen/drawer_width"
            android:layout_height="match_parent"
            android:layout_gravity="left|start" />
    </android.support.v4.widget.DrawerLayout>
</LinearLayout>

Ihre Toolbar Layout würde so etwas aussehen:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary"/>

Ihre Tätigkeit muss vom erweitern:

ActionBarActivity

Wenn Sie Ihren Blick ( Schublade und Werkzeugleiste ) finden in der Tätigkeit des Satzes die Symbolleiste als Trägeraktionsleisteund stellen Sie die setDrawerListener :

setSupportActionBar(mToolbar);
mDrawerToggle= new ActionBarDrawerToggle(this, mDrawerLayout,mToolbar, R.string.app_name, R.string.app_name);
mDrawerLayout.setDrawerListener(mDrawerToggle);

Danach müssen Sie nur die Betreuung der Menüpunkte und drawerToogle Zustand nehmen :

 @Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = new MenuInflater(this);
    inflater.inflate(R.menu.menu_main,menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    if (mDrawerToggle.onOptionsItemSelected(item)) {
        return true;
    }
    return super.onOptionsItemSelected(item);
}

@Override
protected void onPostCreate(Bundle savedInstanceState) {
    super.onPostCreate(savedInstanceState);
    mDrawerToggle.syncState();
}

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
    mDrawerToggle.onConfigurationChanged(newConfig);
}

@Override
public void onBackPressed() {
    if(mDrawerLayout.isDrawerOpen(Gravity.START|Gravity.LEFT)){
        mDrawerLayout.closeDrawers();
        return;
    }
    super.onBackPressed();
}

Die Umsetzung ist das gleiche wie es war, bevor der Toolbar und Sie auf den Pfeil Animation gratis. Keine Kopfschmerzen . Weitere Informationen folgen:

http://developer.android.com/training/implementing-navigation/nav-drawer.html .

https://chris.banes.me/2014/10/17/appcompat-v21/

http://android-developers.blogspot.co.uk/2014/10/appcompat-v21-material-design-for-pre.html .

Wenn Sie die Schublade über die Symbolleiste und unter der Statusleiste angezeigt werden soll, finden Sie unter http://stackoverflow.com/questions/26440879/how-do-i-use-drawerlayout-to-display-over-the-actionbar-toolbar-and-under-the-st .

2Hitu @

kann diese Bibliothek haben Ihr Problem gelöst überprüfen Sie sie bitte https://github.com/ikimuhendis/LDrawer

3NeoKree @

Wenn Sie die echte Navigations Schublade mit Material Design-Stil wollen (definiert http://www.google.com/design/spec/components/lists.html#lists-specs ) Ich habe eine benutzerdefinierte Bibliothek, die genau das tun implementiert. Sie können es finden https://github.com/neokree/MaterialNavigationDrawer

4Zlatko @

Hier ist eine Beispielanwendung : https://github.com/Zlate87/material-navigation-drawer-example

5SSR @

Mittlerweile gibt es viele Bibliotheken, dass dies zu erreichen können .

Wahl 1 - https://github.com/neokree/MaterialNavigationDrawer

Others

https://github.com/HeinrichReimer/material-drawer https://github.com/kanytu/android-material-drawer-template https://github.com/balysv/material-menu https://github.com/ikimuhendis/LDrawer https://github.com/Zlate87/material-navigation-drawer-example