it-swarm.com.ru

Как изменить значки панели навигации и меню переполнения (appcompat v7)?

Я испытываю трудности с панелью инструментов v7. То, что когда-то было простой задачей для ActionBar, теперь кажется слишком сложным. Независимо от того, какой стиль я установил, я не могу изменить ни значок навигации (который открывает ящик), ни значок меню переполнения (который открывает меню). 

Итак, у меня есть Toolbar

<Android.support.v7.widget.Toolbar
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    Android:layout_width="match_parent"
    Android:layout_height="wrap_content"
    Android:background="@color/ghex"
    Android:minHeight="?attr/actionBarSize"
    app:theme="@style/ThemeOverlay.AppCompat.Light"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    >

Я код это выглядит так

//before in the code I do
mToolbar = (Toolbar) findViewById(R.id.toolbar);

private void initToolbar() {
    setSupportActionBar(mToolbar);
    getSupportActionBar().setDisplayShowTitleEnabled(false);
    getSupportActionBar().setDisplayHomeAsUpEnabled(true);
    getSupportActionBar().setHomeButtonEnabled(true);
}

Теперь мне нужно изменить Drawable для этих двух значков.

Как мне сделать это для Compat v7 Toolbar? Я думаю, мне нужно изменить стрелку, видимую, когда ящик открыт (Android 5.0).

27
sandalone

Для изменения значка навигации вы можете использовать:

Toolbar toolbar = (Toolbar) findViewById(R.id.my_awesome_toolbar);
setSupportActionBar(toolbar);
toolbar.setNavigationIcon(R.drawable.my_icon);

Чтобы изменить значок переполнения, вы можете определить стиль следующим образом:

<style name="AppTheme.Base" parent="Theme.AppCompat.Light">
    <item name="actionOverflowButtonStyle">@style/OverFlow</item>
</style>

<style name="OverFlow" parent="Widget.AppCompat.ActionButton.Overflow">
    <item name="Android:src">@drawable/my_overflow_menu</item>
</style>

В любом случае, было бы не очень хорошей идеей изменить стандартную иконку, например, меню переполнения.

Если вы хотите изменить цвет иконки, вы можете использовать:

<Android.support.v7.widget.Toolbar
  app:theme="@style/ThemeToolbar" />


<style name="ThemeToolbar" parent="Theme.AppCompat.Light">

   <!-- navigation icon color -->
   <item name="colorControlNormal">@color/my_color</item>

    <!-- color of the menu overflow icon -->
    <item name="Android:textColorSecondary">@color/my_color</item>
</style>
102
Gabriele Mariotti
    mToolbar.setNavigationIcon(R.mipmap.ic_launcher);
    mToolbar.setOverflowIcon(ContextCompat.getDrawable(this, R.drawable.ic_menu));
17
androidmalin

Для правильного меню вы можете сделать это: 

public static Drawable setTintDrawable(Drawable drawable, @ColorInt int color) {
            drawable.clearColorFilter();
            drawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
            drawable.invalidateSelf();
            Drawable wrapDrawable = DrawableCompat.wrap(drawable).mutate();
            DrawableCompat.setTint(wrapDrawable, color);
            return wrapDrawable;
        }

И в твоей деятельности

@Override
 public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_profile, menu);
        Drawable send = menu.findItem(R.id.send);
        Drawable msg = menu.findItem(R.id.message);
        DrawableUtils.setTintDrawable(send.getIcon(), Color.WHITE);
        DrawableUtils.setTintDrawable(msg.getIcon(), Color.WHITE);
        return true;
    }

Это результат:

 enter image description here

4
chry

Существует простой, легкий и лучший подход, если нам нужно изменить только цвет иконки гамбургера/спины. 

Это лучше, поскольку он меняет цвет только нужного значка, тогда как colorControlNormal и Android:textColorSecondary могут повлиять и на другие дочерние представления панели инструментов.

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
</style>

<style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
    <item name="spinBars">true</item>
    <item name="color">@Android:color/white</item>
</style>
2
Sachin Gupta

Все вышеупомянутые решения работали для меня в API 21 или выше, но не в API 19 (KitKat). Небольшое изменение помогло мне в более ранних версиях. Обратите внимание на Widget.Holo вместо Widget.AppCompat

<style name="OverFlowStyle"    parent="@Android:style/Widget.Holo.ActionButton.Overflow">
    <item name="Android:src">@drawable/ic_overflow</item>
</style>
1
Eric B.

добавьте тему по умолчанию в эту строку;

   <item name="colorControlNormal">@color/my_color</item>
1
alicanozkara

если вы хотите изменить значки на Vector, создайте новый . и затем в своем Activity.Java:

Toolbar toolbar = findViewById(R.id.your_toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
toolbar.setNavigationIcon(R.drawable.your_icon);
mToolbar.setOverflowIcon(ContextCompat.getDrawable(this, R.drawable.your_icon2));

Чтобы изменить цвет значка Vector, перейдите в файл Vector XML .. в этом случае это будет your_icon.xml, он будет выглядеть так:

<vector xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:width="24dp"
    Android:height="24dp"
    Android:viewportWidth="24.0"
    Android:viewportHeight="24.0">
<path
    Android:fillColor="@color/Your_Color"
    Android:pathData="M15.41,7.41L14,6l-6,6 6,6 1.41,-1.41L10.83,12z"/>

Обратите внимание, что мы использовали эти атрибуты, чтобы установить цвет вектора: 

Android:fillColor="@color/Your_Color"

Edit: Вы не можете использовать цвет из вашего colors.XML или где-то еще, цвет должен быть декальцирован непосредственно в XML-файле вектора ... так что это будет выглядеть так: 

Android:fillColor="#FFF"
1
Tamim Production

какую тему вы использовали в упражнении, добавьте ниже однострочный код

для белых

<style name="AppTheme.NoActionBar">
      <item name="Android:tint">#ffffff</item>
  </style>

or 
 <style name="AppThemeName" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="Android:tint">#ffffff</item>
</style>

для черных 

   <style name="AppTheme.NoActionBar">
      <item name="Android:tint">#000000</item>
  </style>

or 
 <style name="AppThemeName" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="Android:tint">#000000</item>
</style>
0
pruthwiraj.kadam

если вы хотите изменить значки пунктов меню, значок стрелки (назад/вверх) и значок 3 точки, вы можете использовать Android:tint

  <style name="ToolbarTheme" parent="ThemeOverlay.AppCompat.Dark.ActionBar">
    <item name="Android:tint">@color/your_color</item>
  </style>
0
user25