带导航抽屉的自定义ActionBar

时间:2013-11-16 12:57:47

标签: android android-actionbar custom-view navigation-drawer

如何使用NavigationDrawer和ActionBar创建CustomView。像这样: enter image description here

请提出任何想法,建议和解决方案

1 个答案:

答案 0 :(得分:3)

以下代码显示了如何更改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中的ActionItem,您可以使用以下代码:例如。 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);
        }
    }