带有 NavigationDrawer 的 CustomActionBar

Question

如何使用 NavigationDrawer 和 CustomView 创建 ActionBar。像这样：

请有任何想法、建议和解决方案

Answer 1

下面的代码展示了如何改变ActionBar的颜色和文本、潜文本颜色。将此文件放在 values/ 文件夹中，并将其命名为 theme.xml

<!-- the theme applied to the application or activity -->
<style name="CustomActionBarTheme" parent="@style/Theme.AppCompat.Light.DarkActionBar">
    <item name="android:actionBarStyle">@style/MyActionBar</item>

    <!-- Support library compatibility -->
    <item name="actionBarStyle">@style/MyActionBar</item>
</style>

<!-- ActionBar styles -->
<style name="MyActionBar" parent="@style/Widget.AppCompat.Light.ActionBar.Solid.Inverse">
    <item name="android:background">@color/actionBarBG</item>
    <item name="android:backgroundSplit">@color/actionBarBG</item>
    <item name="android:subtitleTextStyle">@style/Theme.TitleTextStyle</item>
    <!-- Support library compatibility -->
    <item name="background">@color/actionBarBG</item>
</style>

<!-- STYLE TO CHAGE THE TITLE COLOR OF ACTION BAR -->
<style name="Theme.TitleTextStyle" parent="@android:style/Widget.TextView">
    <item name="android:textColor">#BDD6E0</item>
</style>

在您的清单中，在活动标签中应用如下活动：

android:theme="@style/CustomActionBarTheme" 

对于 ActionBar 中的 ActionItems，您可以使用以下代码：例如。 action_items.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:yourapp="http://schemas.android.com/apk/res-auto" >

    <item
        android:id="@+id/action_home"
        android:icon="@drawable/action_home"
        android:showAsAction="ifRoom"
        android:title="@string/home"
        yourapp:showAsAction="ifRoom"/>

    <item
        android:id="@+id/action_logout"
        android:icon="@drawable/action_logout"
        android:showAsAction="ifRoom"
        yourapp:showAsAction="ifRoom"
        android:title="@string/logout"/>

</menu>

将此 XML 文件放在 /Menu 文件夹中。

然后在活动中：

@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.action_items, menu);

        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Take appropriate action for each action item click
        switch (item.getItemId()) {
        case R.id.action_home:
            Intent intent = new Intent(this, CustomerMenuActivity.class);
            intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
            startActivity(intent);
            return true;
        case R.id.action_logout:
            // location found
            Intent intent2 = new Intent(this, LoginActivity.class);
            intent2.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
            startActivity(intent2);
            return true;
        default:
            return super.onOptionsItemSelected(item);
        }
    }