Материал дизайн пользовательский цвет значка - PullRequest
Новая
       37

Материал дизайн пользовательский цвет значка

0 голосов
/ 04 апреля 2020

Я использую тему дизайна материала для своей панели инструментов, и я использую собственный значок Instagram на одной из вкладок. Проблема в том, что вместо значка отображается только его черная или белая форма. Как мне это исправить? Спасибо.

Вид из другой вкладки

Вид из вкладки Instagram

Вот мой значок XML: 

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
    android:fillColor="#834fe2"
    android:pathData="M15 0H497A15 15 0 0 1 512 15V497A15 15 0 0 1 497 512H15A15 15 0 0 1 0 497V15A15 15 0 0 1 15 0Z" />
<path
    android:pathData="M186 108H326A78 78 0 0 1 404 186V326A78 78 0 0 1 326 404H186A78 78 0 0 1 108 326V186A78 78 0 0 1 186 108Z"
    android:strokeWidth="29"
    android:strokeColor="#fbfbfb" />
<path
    android:pathData="M325 256A69 69 0 0 1 187 256A69 69 0 0 1 325 256Z"
    android:strokeWidth="29"
    android:strokeColor="#fbfbfb" />
<path
    android:fillColor="#fbfbfb"
    android:pathData="M362 169A19 19 0 0 1 324 169A19 19 0 0 1 362 169Z" />

Вот мое значение стилей: 

    <style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimaryDark</item>
    <item name="colorPrimaryDark">@color/colorPrimary</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

Вот мое значение цветов: 

<resources>
<color name="colorPrimary">#834fe2</color>
<color name="colorPrimaryDark">#fbfbfb</color>
<color name="colorAccent">#52b7f8</color>
<color name="backgroundFragment">#fbfbfb</color>

1 Ответ

0 голосов
/ 05 апреля 2020

Изменен вектор для удаления ненужного фона. TabLayout подкрашивает значки в зависимости от состояния выбора. Ваше изображение содержало непрозрачный фон, который затемнялся вместе с изображением. 

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="512dp"
    android:height="512dp"
    android:viewportWidth="512"
    android:viewportHeight="512">

    <path
        android:pathData="M186 108H326A78 78 0 0 1 404 186V326A78 78 0 0 1 326 404H186A78 78 0 0 1 108 326V186A78 78 0 0 1 186 108Z"
        android:strokeWidth="29"
        android:strokeColor="#fbfbfb" />
    <path
        android:pathData="M325 256A69 69 0 0 1 187 256A69 69 0 0 1 325 256Z"
        android:strokeWidth="29"
        android:strokeColor="#fbfbfb" />
    <path
        android:fillColor="#fbfbfb"
        android:pathData="M362 169A19 19 0 0 1 324 169A19 19 0 0 1 362 169Z" />
</vector>
...