【问题标题】:Navigation drawer (menudrawer) Android 5 (lollipop) style导航抽屉(menudrawer)Android 5(棒棒糖)风格
【发布时间】:2014-10-17 20:54:29
【问题描述】:

我在我的项目中使用 menudrawer 库(这个:https://github.com/SimonVT/android-menudrawer)。

我正在更新我的应用以兼容 API21 (Android 5 Lollipop) 和 Material Design。当您将此库与 API21 一起使用时,menudrawer 图标看起来很糟糕。

我想实现您可以在新的 Play 商店中看到的转换(新的 menudrawer 图标转换为箭头)。

最好的方法是什么?这个库可以吗?我目前考虑的唯一解决方案是自定义可绘制。但也许我可以通过某种方式使用原生可绘制对象?

【问题讨论】:

  • 为什么不使用 Android 5.0 SDK 中的 appcompat-v7 库?它内置了这个动画。
  • @alanv 但要使用 appcompat-v7 你的意思是 - 从我的项目中删除 menudrawer 并使用本机?目前这是有问题的。
  • 我的意思是使用支持库中的 DrawerLayout。看起来 menudrawer 提供了完全相同的功能,但 DrawerLayout 旨在工作 ActionBarDrawerToggle (这就是提供此动画的功能)。
  • @alanv 我已经在 Android Studio 中使用 NagivationDrawer 检查了 DrawerLayout - 向导项目(目标 API 为 21)。而且图标也是一样的——dropbox.com/s/piwpruzpk65ld4f/…(N5截图,昨天的L)
  • 我在使用支持库中的默认 DrawerLayout 时看到了同样的情况。

标签: android drawable navigation-drawer android-5.0-lollipop


【解决方案1】:

好的。我花了几个小时使用新的 API,我认为对我来说最好的方法是将我的抽屉从 lib 重写为原生 DrawerLayout。

但也许这对有类似问题的人有用。我已经使用 DrawerLayout 创建了测试项目(Android Studio -> 使用 menudrawer 的新项目)。

然后我看到了同样的问题。错误的图标。如果您想查看适用于 Android 5.0 的精美动画和精美图标,请确保您使用的是:

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

注意 v7。默认情况下,Fragment 类具有 v4 导入,然后您将看不到好的图标。

另一件事。更改为 v7 后,您需要将 ActionBarDrawerToggle 函数修复为新的构造函数。就是这样。您会看到新的抽屉图标。

【讨论】:

  • ActionBarDrawerToggle v4 版本已弃用。见developer.android.com/reference/android/support/v4/app/…
  • @adek - 这甚至适用于运行 android api level 10 的设备,是吗?还是我们需要为这些api级别中的过渡效果单独编码?
  • @Rat-a-tat-a-tatRatatouille 好问题。我读到它应该适用于 API10。我目前正在使用 14+。
  • 非常感谢。我尽一切努力使图标正确,但没有任何效果。然后我看到了这个,瞧!你为我节省了很多压力时间。
  • 有关更改为新构造函数的确切说明,请参阅stackoverflow.com/a/26440168/937715
【解决方案2】:

首先,确保您更新到最新的 SDK。在 Android Studio 中创建新项目,然后在您的 buid.gradle 中添加 appcompat-v7.21.0.+ 和 appcompat-v4.21.0.+ 库作为 gradle 依赖项。

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

在您的 color.xml 文件中添加 primaryColor 和 primarycolorDark。

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

在您的 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>

您的 activity_my.xml 布局文件如下所示:

<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>

您的 toolbar.xml 布局文件如下所示:

<?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>

您的 MyActivity.java 如下所示: 此处您的活动必须扩展 ActionBarActivity 并将您的工具栏设置为支持操作栏。

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);
}
}

在 values-21 文件夹中为 android lollipop 创建 style.xml 文件

<?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>

在旧版本的值文件夹中创建你的 style.xml 文件,然后是 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>

您的 AndroidManifest.xml 如下所示:

<?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>

仅供参考: 你可以从这里下载完整的源代码click here

【讨论】:

    【解决方案3】:

    查看 Android 团队于 2015 年 5 月发布的新棒棒糖组件。

    Design Support Library

    Blog on Design Support Library

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-03-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-27
      • 1970-01-01
      相关资源
      最近更新 更多