如何更改ActionBar汉堡图标的颜色?

9

我正在使用来自安卓设计支持库的NavigationView和工具栏,一切都正常,但是我想知道如何使汉堡图标变暗(现在它是白色的)。另外,我想调整屏幕边缘到ActionBar标题的距离。那么我该怎么做呢?谢谢您的帮助。

我将主题设置为Theme.AppCompat.Light.NoActionBar。因此,我使用工具栏。以下是我的代码:

public class MainActivity extends AppCompatActivity {

//Defining Variables
private Toolbar toolbar;
private NavigationView navigationView;
private DrawerLayout drawerLayout;
ViewPager pager;
ViewPagerAdapter adapter;
SlidingTabLayout tabs;
CharSequence Titles[]={"Песни","Исполнители"};
int Numboftabs =2;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // Initializing Toolbar and setting it as the actionbar
    toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

并且还有xml:

<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="false"
tools:context=".MainActivity">

<LinearLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical"
    >
    <include
        android:id="@+id/toolbar"
        layout="@layout/tool_bar"
        />

    <ru.amdm.amdm.SlidingTabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="2dp"
        android:background="@color/ColorPrimary"/>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:foreground="?android:windowContentOverlay">

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"

            android:layout_height="match_parent"
            android:layout_width="match_parent"/>
    </FrameLayout>

</LinearLayout>

<android.support.design.widget.NavigationView
    android:id="@+id/navigation_view"
    android:layout_height="match_parent"
    android:layout_width="wrap_content"
    android:layout_gravity="start"
    app:headerLayout="@layout/header"
    app:menu="@menu/drawer"
    />


你是使用ActionBar还是ToolBar?请发布你当前的代码。 - hungryghost
@hungryghost 感谢您的编辑! - AlexKost
2个回答

10

要更改汉堡菜单图标,只需创建一个新图标(例如ic_my_dark_menu),然后将其指定给您的操作栏:

actionBar.setHomeAsUpIndicator(R.drawable.ic_my_dark_menu);

或者,如果您更愿意这样做,您可以给现有图标着色

Drawable drawable = ResourcesCompat.getDrawable(getResources(), R.drawable.ic_menu, null);
drawable = DrawableCompat.wrap(drawable);
DrawableCompat.setTint(drawable, Color.BLACK);
actionBar.setHomeAsUpIndicator(drawable);

要更改操作栏标题和边缘之间的空间量,只需编辑工具栏布局(res/layout/tool_bar.xml)。例如,您可以像这样添加填充:

res/layout/tool_bar.xlml

<android.support.v7.widget.Toolbar
    ...
    android:paddingTop="16dp" />

我该如何浏览support.design库以找到这个汉堡图标的源代码呢?因为我认为它管理着图标的外观。或者也许有一些方法或XML属性可以配置该图标? - AlexKost
正如我在答案中所述,汉堡图标是通过 actionBar.setHomeAsUpIndicator() 设置的。使用该方法,您可以指定要用作汉堡图标的可绘制对象。这就是图标的来源。如果您想进一步配置图标,同样,您可以使用我在答案中已发布的代码来实现。 - hungryghost
谢谢!它运行得很好。我还发现另一种简单的方法 - 将工具栏的主题设置为android:theme="@style/ThemeOverlay.AppCompat.Light" - AlexKost
添加ThemeOverlay样式可以起作用,但它也会影响你的ActionBar的其他方面(如文本颜色、溢出菜单等)。但如果这正是你想要的,而不仅仅是汉堡图标,那么改变你的样式是最好的方法。 - hungryghost
没错,你说得对。这个问题的解决方案我在这里找到了:https://dev59.com/-F8d5IYBdhLWcg3waxkp#28205087 - AlexKost

1
也许你需要尝试这个..将此主题应用于工具栏...
<style name="MyThemeOverlay">
   <item name="android:colorControlNormal">@color/myControlColor</item>
</style>

1
这仅适用于API级别21。我目前的最低级别是15。 - AlexKost
2
@AlexKost,请使用colorControlNormal代替android:colorControlNormal。由于使用appcompat库,这样更兼容较低的API级别。 - Nicolás Carrasco-Stevenson

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接