Показать макеты в Android Studio в зависимости от вкуса

если цвета определены в XML, просто переместите определение цветов с main/colors.xml на flavorA/colors.xml и flavorB/colors.xml

Let me blow out some dusts first :

Вы получаете цвета по умолчанию в своих файлах макетов, потому что ваши макеты находятся в папке по умолчанию (основной пакет в данном случае).

Что происходит здесь, так это то, что когда вы создаете сборку определенного варианта (скажем, вкусА), система упаковки берет файлы, специфичные для этого варианта, которые дублируются из папки по умолчанию, и заменяет их, чтобы предоставить вам специфичная для вкуса сборка.

Таким образом, ваш сгенерированный файл apk содержит специфичные для вкуса файлы(colors.xml в вашем случае) + файлы по умолчанию из основного(папка res основной, как и все макеты и другие ресурсы, а также файлы вашего класса), которые не являются частью вашей конкретной папки.

Именно поэтому все работает идеально.

Now back to point : (Hack)

Что вы должны сделать, чтобы увидеть макеты со специфическими цветами аромата?

«Хотя я бы не рекомендовал этот способ», если у вас нет другой логики макета для конкретной сборки, все, что вы можете сделать, это поместить определенные файлы макета (просто чтобы увидеть визуализированный вывод) в ваш папка макета под вашим директория flavorA.

Итак, теперь он будет брать цвета из папки вкусА и отображать ваш макет в IDE с этими цветами в вашем файле макета.

Примечание: Опять же, это просто хакерский способ увидеть разные вещи по-своему, а не решение. Несмотря на то, что я не думаю, что есть решение этой проблемы, потому что это не проблема, и именно так работает многовариантная система сборки gradle, и это не ошибка в этой системе..

Редактировать:

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

Допустим, у вас есть разные цвета в зависимости от ваших вкусов, как показано ниже:

Теперь содержимое аромат B и вкусW отличается для файла цвета.xml, но имеет одинаковые атрибуты цвета, например:

аромат B содержит:

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#757575</color>
    <color name="colorPrimaryDark">#212121</color>
    <color name="colorAccent">#607d8b</color>
</resources>

вкусW содержит:

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#6d4c41</color>
    <color name="colorPrimaryDark">#3e2723</color>
    <color name="colorAccent">#33691e</color>
</resources>

Как вы можете узнать, количество цветовых элементов одинаковое, но только значения разные.

TL;DR

Решение : В таком случае вы можете просто удалить цвета.xml из папки основное/рез/значения. Он не будет генерировать никаких ошибок, если вы не пропустите какой-либо атрибут цвета, специфичный для вашего «текущего варианта сборки».

проверьте главный директор для моего проекта:

(Как вы можете видеть здесь, основной каталог ресурсов не содержит файла цвета.xml)

Итак, если вы попытаетесь изменить свой вариант сборки и посмотрите на любой файл макета из основного, он откажется от этого конкретного цвета вкуса продукта для вас.

Примечание : Имейте в виду, что если вы добавить или удалить одного цвета из одного варианта, не забудьте также добавить/удалить его и в другие варианты, иначе ваш проект может получить ошибку при сборке. (вы также можете проделать тот же трюк с другими ресурсами, такими как чертежи, макеты, размеры и т. д., просто убедитесь, что каждый вариант содержит все это с одним и тем же именем ресурса)

Я не уверен, можно ли повлиять на предварительный просмотр макета с помощью вкусов, но это определенно возможно с темами, поэтому позвольте мне предложить обходной путь.

1) Создайте две темы в своем основном исходном наборе:

    <style name="MyStyle">
        <item name="colorPrimary">#44f</item>
    </style>

    <style name="MyStyle.Red">
        <item name="colorPrimary">#f44</item>
    </style>

В основном этого достаточно для настройки предварительного просмотра макета: вы можете выбрать нужную тему.

2) Чтобы ваши макеты зависели от вкуса, создайте тему, которая будет наследовать либо MyStyle, либо MyStyle.Red в зависимости от вкуса.

В основном наборе исходников:

<style name="MyFlavorDependentStyle" parent="MyStyle"/>

В исходном наборе ароматов:

<style name="MyFlavorDependentStyle" parent="MyStyle.Red"/>

и используйте MyFlavorDependentStyle в своем макете.