Tiroir de navigation ( menudrawer ) Android 5 ( sucette ) de style

? adek @ | Original: StackOverFlow

Je utilise la bibliothèque de menudrawer dans mon projet (celui-ci : https://github.com/SimonVT/android-menudrawer ) .

Je met à jour mon application pour être compatible avec API21 ( Android 5 Lollipop ) et des documents de conception . Lorsque vous utilisez cette bibliothèque API21 menudrawer icône semble mauvais.

Je veux atteindre transition que vous pouvez voir dans le nouveau Play Store ( nouvelle menudrawer icône transition à la flèche ) .

Tiroir de navigation ( menudrawer ) Android 5 ( sucette ) de style

Quelle est la meilleure façon de le faire ? Est-il possible avec cette bibliothèque ? La seule solution que je pense en ce moment est étirable personnalisé. Mais peut-être que je peux utiliser natif étirable une certaine façon?



Top 5 Respuesta

1adek @

D'ACCORD. Je ai passé quelques heures avec la nouvelle API et je pense que le meilleur pour moi, il sera réécrire mon tiroir de lib DrawerLayout natif .

Mais peut-être que ce sera utile pour quelqu'un avec le même problème . Je ai créé projet de test avec DrawerLayout ( Android Studio - > Nouveau projet avec menudrawer ) .

Et puis je ai vu le même problème . Mauvais icône. Si vous voulez voir l'animation de fantaisie et de bonne icône pour Android 5.0 assurez-vous que vous utilisez :

import android.support.**v7**.app.ActionBarDrawerToggle;

Prenez note sur v7 . Par classe de Fragment de défaut a v4 importation et alors vous ne verrez pas bonne icône.

Une autre chose . Après avoir changé à V7 vous devez corriger ActionBarDrawerToggle fonction nouveau constructeur . Et ce est tout . Vous verrez nouvelle icône de tiroir.



2nirav kalola @

Tout d'abord, assurez-vous de mettre à jour à la dernière SDK . Créer un nouveau projet dans Android en studio, puis ajouter appcompat - v7.21.0 . + Et appcompat - v4.21.0 . + Bibliothèques de votre buid.gradle que la dépendance gradle .

compile 'com.android.support:appcompat-v7:21.0.2'
compile 'com.android.support:support-v4:21.0.2'

Ajouter primaryColor et primarycolorDark dans votre fichier color.xml .

<resources>
<color name="primaryColor">#2196F3</color>
<color name="primaryColorDark">#0D47A1</color>
</resources>

Ajouter tiroir près valeur d'ouverture / de chaîne dans votre fichier strings.xml .

<resources>
<string name="app_name">Lollipop Drawer</string>
<string name="action_settings">Settings</string>
<string name="drawer_open">open</string>
<string name="drawer_close">close</string>
</resources>

Votre fichier activity_my.xml de mise en page ressemble à ceci:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:orientation="vertical"
android:layout_height="match_parent"
tools:context=".MainActivity">

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


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

    <!-- activity view -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:background="#fff"
        android:layout_height="match_parent">

        <TextView
            android:layout_centerInParent="true"
            android:layout_width="wrap_content"
            android:textColor="#000"
            android:text="Activity Content"
            android:layout_height="wrap_content" />
    </RelativeLayout>

    <!-- navigation drawer -->
    <RelativeLayout
        android:layout_gravity="left|start"
        android:layout_width="match_parent"
        android:background="#fff"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/left_drawer"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="#eee"
            android:background="#fff"
            android:dividerHeight="1dp" />
    </RelativeLayout>

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

</LinearLayout>

Votre fichier toolbar.xml de mise en page ressemble à ceci:

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

</android.support.v7.widget.Toolbar>

Votre MyActivity.java ressemble à ceci: Voici votre must de l'activité se étend ActionBarActivity et réglez votre barre d'outils de support actionbar .

import android.content.res.Configuration;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MyActivity extends ActionBarActivity {

private Toolbar toolbar;
private DrawerLayout drawerLayout;
private ActionBarDrawerToggle drawerToggle;
private ListView leftDrawerList;
private ArrayAdapter<String> navigationDrawerAdapter;
private String[] leftSliderData = {"Home", "Android", "Sitemap", "About", "Contact Me"};

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_my);
    nitView();
    if (toolbar != null) {
        toolbar.setTitle("Navigation Drawer");
        setSupportActionBar(toolbar);
    }
    initDrawer();
}

private void nitView() {
    leftDrawerList = (ListView) findViewById(R.id.left_drawer);
    toolbar = (Toolbar) findViewById(R.id.toolbar);
    drawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);
    navigationDrawerAdapter=new ArrayAdapter<String>( MyActivity.this, android.R.layout.simple_list_item_1, leftSliderData);
    leftDrawerList.setAdapter(navigationDrawerAdapter);
}

private void initDrawer() {

    drawerToggle = new ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.drawer_open, R.string.drawer_close) {

        @Override
        public void onDrawerClosed(View drawerView) {
            super.onDrawerClosed(drawerView);

        }

        @Override
        public void onDrawerOpened(View drawerView) {
            super.onDrawerOpened(drawerView);

        }
    };
    drawerLayout.setDrawerListener(drawerToggle);
}

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

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

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.my, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int id = item.getItemId();
    if (id == R.id.action_settings) {
        return true;
    }
    if (drawerToggle.onOptionsItemSelected(item)) {
        return true;
    }
    return super.onOptionsItemSelected(item);
}
}

Créer un fichier de style.xml des valeurs - 21 dossier pour sucette android

<?xml version="1.0" encoding="utf-8"?>
<resources>

<style name="myAppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/primaryColor</item>
    <item name="colorPrimaryDark">@color/primaryColorDark</item>
    <item name="android:statusBarColor">@color/primaryColorDark</item>

    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

<style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@android:color/black</item>
</style>

</resources>

Créer votre fichier style.xml des valeurs dossier pour les anciennes versions de sucettes puis android

<resources>

<style name="myAppTheme" parent="Theme.AppCompat.Light">
    <item name="colorPrimary">@color/primaryColor</item>
    <item name="colorPrimaryDark">@color/primaryColorDark</item>
    <item name="android:windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

<style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@android:color/black</item>
</style>

</resources>

Votre AndroidManifest.xml est ressemble à ceci:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="nkdroid.com.lollipopdrawer" >

<application
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/myAppTheme" >
    <activity
        android:name=".MyActivity"
        android:label="@string/app_name" >
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

</manifest>

Pour référence : vous pouvez télécharger le code source complet d'ici : http://www.nkdroid.com/2014/11/Android-Lollipop-Navigation-Drawer-Example-Using-Appcompat-21.html

3azetaguionbajo @

Android 5.0 style de navigation Tiroir avec hamburgers animée :  https://github.com/03lafaye/LollipopDrawerToggle

Je ai testé la plupart du code publié comme réponse pour cette question et rien de tout cela est aussi clair que cela.