Меню

Как изменить цвет приложения андроид



Изменить внешний вид любого приложения Андроид можно с помощью Resflux

Изменить внешний вид любого приложения Андроид можно с помощью Resflux. Я думаю, нет необходимости в очередной раз расписывать достоинства операционной системы Android – они всем известны, и одним из самых значимых из них, конечно же, является возможность настройки её внешнего вида с помощью различных приложений, виджетов и тем.

Мало того – если вы всегда мечтали иметь возможность менять внешний вид любых приложений, добавив, например, в звонилку логотип своего мобильного оператора, изменить цвет цифр в часах на розовый, или — перевести любимое приложение на «падонкафский изыг», то теперь вам не нужно осваивать азы создания Android приложений: всё это вы можете сделать с помощью одного единственного модуля Xposed framework, под наименованием Resflux.

Как многие из вас уже догадались, для этого нам, прежде всего, понадобится root доступ на смартфоне или планшете, а также – предустановленный Xposed framework.

Как установить Xposed framework и его модули вы можете почитать в этом материале . После того, как фреймворк и модуль Resflux (скачать который можно или из самого Xposed или отсюда ) будут установлены, можно будет приступать к работе.

Запустив Resflux, тапните по кнопке «Laboratory», для того, чтобы создать новые темы для ваших приложений или изменить внешний вид её кнопок, надписей и других ресурсов. Кнопки Import и Export вам понадобятся позже, когда наберетесь опыта.

Resflux предложит вам открыть исходный пакет (приложение) из списка имеющихся на вашем устройстве. Выберите из них то, которое вы хотели бы изменить.

Следующий шаг займет некоторое время, которое понадобится Resflux, чтобы проанализировать ваше приложение и «разобрать» его на части. Как только анализ будет закончен, вы увидите экран подобный правому скриншоту:

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

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

2. Кнопка для редактирования текстовых ресурсов. Она пригодится тем, кто занимается переводом приложений, или тем, кто хотел бы, чтобы весь текст в программах имел неповторимое, оригинальное начертание.

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

4. и 5. Кнопки для редактирования различных значений – булевых и числовых, таких как, например время различных событий и действий.

При работе с Resflux вы можете не переживать, о том, что вы что-нибудь испортите неумелыми действиями: каждый редактируемый элемент можно вернуть к первоначальному состоянию с помощью кнопки сброса («Reset»).

Вернемся к главному экрану приложения. Кнопка «Export» предназначена для экспортирования (сохранения) измененного вами приложения в виде, пригодном для использования на других устройствах, публикации для общего пользования и т.п. Соответственно, кнопка «Import» понадобится для импортирования apk файлов.

Источник

Создавайте яркие приложения: использование цвета в Android

Один из наиболее эффективных способов выделить приложение для Android — добавить цвет. В этом уроке я покажу вам, как быстро и легко применить цвет к ряду элементов пользовательского интерфейса: фонам, тексту и кнопкам, и продемонстрирую, как упростить работу с цветами, определив их в назначенном файле XML. В последнем разделе урока мы перейдем к чему-то более сложному: использование списка состояний цвета для изменения цвета кнопки при ее нажатии.

Начиная

Самый быстрый способ начать работу с цветом — использовать один из предопределенных цветов Android: черный или белый. Создайте новый проект Android и удалите любой пользовательский интерфейс по умолчанию

элементы и макеты, которые генерирует Eclipse. Для начала мы изменим фон этого проекта на черный:

  • Откройте ваш XML-файл в res / layout.
  • Добавьте следующее, обращая особое внимание на атрибут «android: background»:

Переключитесь на графический редактор макетов Eclipse, и вы увидите, что фон изменился на черный.

Цветовые константы

Если вы хотите изменить цвет фона на что-нибудь более авантюрное, чем черный или белый, вам нужно будет использовать цветовые константы. Список этих констант доступен в официальных документах по Android . На самом базовом уровне изменение цвета фона — это просто замена «@ color / black» одним из этих кодов. Например, значение для «синий»:

Введите следующее, чтобы изменить фон на синий:

Или, чтобы изменить цвет фона на зеленый, введите:

Это хорошая отправная точка, но вы уже заметили, как много времени занимает постоянное переключение между документами Android и вашей установкой Eclipse. Чтобы сэкономить время, вы должны заранее определить все цвета, которые будете использовать в своем проекте.

Создание файла Color.xml

Существует несколько возможных способов определения цветовых ресурсов, но рекомендуется хранить их вместе в отдельном файле color.xml в папке res / values. Eclipse не генерирует этот файл по умолчанию, поэтому вам нужно сначала добавить его в свой проект.

  1. Щелкните правой кнопкой мыши папку «значения» и выберите «Создать» в контекстном меню. Если вы не видите опцию «Android XML File», вы можете выбрать «Other…», чтобы открыть более полный список опций.
  2. В следующем диалоговом окне назовите новый XML-файл «color» и выберите «Finish».
  3. Успех! Файл color.xml был добавлен в папку «Значения».

Источник

Android. Меняем внешний вид приложения с помощью тем

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

Шаг 1: Создание нового проекта

Создаем новое приложение в Intellij IDEA -> Android Module 4.3

Шаг 2: Меняем темную тему на светлую

Теперь давайте разберемся, что такое Темы.

Темы – это коллекция готовых стилей для приведения вашего приложения к одному виду с Android. Иными словами есть набор готовых тем которые вы можете применить к своему приложению.

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

По умолчанию у нас стоит темная тема, мы сейчас поставим светлую, для это добавим в AndroidManifest следующую строку:

В строке 10 мы говорим, что MainActivity будет иметь светлое оформление, вот такое:

И теперь если добавить кнопку то выглядеть она будет так:

Шаг 3: Создаем новое Activity

Теперь создадим новый layout:

Выглядеть новый layout будет так:

Теперь создадим новое Activity LastActivity:

И в AndroidManifest незабываем добавлять новые activity:

Шаг 4: Делаем переход на новое Activity

Теперь на добавленную кнопку на main.xml добавим обработчик на клик:

и укажем кнопки чтобы при клике выполнялся goToLastActivity() метод:

Теперь при клике на кнопку New Theme будет открываться новое Activity.

Шаг 5: Делаем с Activity Dialog

Давайте изменим новому Activity lastactivity.xml вид диалогового окна.

Для этого зайдите в AndroidManifest и в для нового Activity, а именно LastActivity установите следующую тему:

После этого мы получим следующий вид данного activity:

Шаг 6: Меняем иконку приложения

Для этого копируем новую иконку в папки drawable-hdpi, drawable-ldpi, drawable-mdpi, drawable-xhdpi для того чтобы эта иконка отображалась на любом размере дисплея.

Я взял такую картинку logo.png – 150х150:

Дальше в AndroidManifest нужно изменить эту строку, где вы должны указать имя вашей картинки:

Источник

Как изменить цвет фона в android app

Я хочу иметь возможность изменить цвет фона на белый в моем приложении для android самым простым способом.

18 ответов

вам нужно использовать свойство android: background, например

Также вам нужно добавить значение для белого в строках.в XML

Edit: 18 ноября 2012

первые две буквы цветового кода из 8 букв предоставляют Альфа-значение, если вы используете цветовую нотацию html 6 букв, цвет непрозрачен.

вы также можете использовать

в макете XML или /res/layout/activity_main.xml , или вы можете изменить тему в ваш AndroidManifest.XML путем добавления

если вы хотите изменить фон динамически, используйте

самый простой способ

не нужно ничего определять. Он использует предопределенные цвета в android.R .

чтобы изменить цвет фона самым простым способом программно (исключительно — без изменений XML):

единственным требованием является то, что ваш» базовый » элемент в activity_whatever.xml имеет идентификатор, на который можно ссылаться в Java ( container в данном случае):

Paschalis и Джеймс, который ответил Здесь, своего рода привести меня к этому решению, после проверки различных возможностей в Как установить цвет текста TextView в код?.

надеюсь, это поможет кому-то!

самый простой способ это добавить android:background=»#FFFFFF» к основному узлу в макете.xml или /res/layout/activity_main.xml :

этот метод сработал для меня:

установить id в макете xml

добавить значения цвета/цвета.в XML

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

Вы можете попробовать это в xml спецификация:

вы можете попробовать с этим способом

другой способ, пойти к планировка -> свой .xml-файл ->конструктора .Затем идите компонент дерева и выберите макет, который вы хотите изменить цвет . В дереве компонентов ниже есть свойства.Выберите фон в разделе свойств (в разделе изображения 1). Затем нажмите раздел 2 на картинке . Тогда ресурсы окно будет открыто .Из этого выберите цвета.Затем выберите цвет, который вы хотите . Введите описание изображения здесь

в макете, чтобы изменить фон, используйте это.

в программе можно использовать это. Например: цвет фона Texview

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

и используйте это через android:background=»@color/red» . Этот цвет можно использовать в любом другом месте, например, в качестве цвета текста. Ссылка на него в XML таким же образом, или получить его в коде через

вы также можете использовать любой drawable ресурс в качестве фона, используйте android:background=»@drawable/mydrawable» для этого (это означает 9patch drawables, обычные растровые изображения, фигуры drawables. ).

несколько раз текст имеет тот же цвет, что и фон, попробуйте с android:background=»#CCCCCC» в свойствах listview, и вы увидите это.

android: background= «#64B5F6»
Вы можете изменить значение после » # » в соответствии с вашей собственной спецификацией или необходимостью в зависимости от того, как вы хотите их использовать.
вот пример кода:

  1. перейдите в Activity_Main.в XML
  2. есть представление дизайна / и текстовое представление .
  3. выберите вид текста

написать этот код:

Если вы хотите добавить цвет фона ко всей деятельности

Если вы хотите использовать фон для просмотра

надеюсь, что это помогает!

этот код может быть полезен для вас:

Я хочу иметь возможность изменить цвет фона на белый в моем android-приложение самым простым способом.

вопрос говорит Самый простой способ, так что вот он.

Set parentViewStyle во всех ваших родительских видов. Как и большинство родительских представлений вашей деятельности, фрагментов и диалогов.

просто поместите этот стиль внутрь res>values>styles.xml

таким образом, вам не нужно менять цвет фона много в будущем.

Источник

Темы и стили

Общая информация

Чтобы наше приложение было стильным, можно воспользоваться специальной темой. Тема — это коллекция стилей, которые обеспечивают профессиональный вид приложению, чтобы оно было похоже на родные приложения Android. Сама система Android уже имеет несколько предустановленных тем, которыми можно воспользоваться в своих целях. Вам достаточно только указать имя темы в манифесте.

В предыдущем примере мы учились переключаться на другой экран, чтобы увидеть новое окно О программе. Сделаем это окно диалоговым, чтобы оно не занимало весь экран.

Откройте снова файл манифеста AndroidManifest.xml из прошлого урока и измените строчку для активности AboutActivity, указав тему.

Запустив программу, вы увидите, что внешний вид окна «О программе» стал уже другим. Сравните.

Обратите внимание, что теперь появляется не окно во весь экран, а диалоговое окно в центре экрана. При этом остальная часть экрана затемняется.

Похожие темы: android:theme=»@style/Theme.AppCompat.Light.Dialog», android:theme=»@style/Theme.AppCompat.Light.Dialog.MinWidth», android:theme=»@style/Theme.AppCompat.Dialog.MinWidth».

Тему можно применить не только к отдельной активности, но и ко всем активностям приложения, если прописать в теге application.

Кстати, вы можете разработать свою тему на основе существующих и сохранить ее в файле res/values/styles.xml.

Стили и темы — это такие же ресурсы, как и строки, изображения и т. д. Android обеспечивает некоторые заданные по умолчанию стили и темы, которые вы можете использовать в приложениях. При необходимости вы можете определить свой собственный стиль и тему для создаваемого приложения.

Стили

Стиль — это один или несколько сгруппированных атрибутов форматирования, которые отвечают за внешний вид и поведение элементов или окна. Стиль может задавать такие свойства, как ширину, отступы, цвет текста, размер шрифта, цвет фона и так далее. Сами стили хранятся в XML-файлах, отдельно от файлов разметки.

Подобное разделение напоминает использование каскадных стилей CSS для веб-документов, которые также отвечают за стили HTML-элементов и хранятся в отдельных файлах.

Предположим, у нас есть следующий код разметки для TextView:

Мы можем вынести все свойства в файл стилей следующим образом:

res/values/styles.xml

Тогда в файле разметки теперь будет так:

Как видите, мы удалили все свойства для текста из файла разметки и разместили их в файле стилей в ресурсе под именем MyTextStyle, который содержит теперь все необходимые свойства.

Создать файл со стилями несложно. Создаем новый XML-файл в папке res/values/ вашего проекта. Имя файла не имеет значения, главное, чтобы расширение было XML, а сам файл находился в указанной папке. В проекте, создаваемом студией, уже есть готовый файл res/values/styles.xml, в который вы можете добавить новые стили. А также вы можете создать свой отдельный файл стилей.

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

Во время компиляции все свойства из файла стилей будут извлечены и применены к элементам.

Атрибут parent для элемента style является необязательным и позволяет задавать идентификатор ресурса другого стиля, из которого нужно наследовать свойства. При этом вы можете переопределить свойства в случае необходимости.

Быстрое создание стилей через Android Studio

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

В текстовом режиме щёлкните правой кнопкой мыши на нужном компоненте и в контекстном меню выбирайте пункт Refactor | Extract | Style. Далее укажите имя стиля и выберите требуемые параметры для экспорта. Студия самостоятельно создаст стиль в файле styles.xml и автоматически применит созданный ресурс в layout-файле.

Наследование стилей

Наследование — мощный и полезный механизм, позволяющий не изобретать велосипед, а использовать готовые проверенные наработки. С помощью атрибута parent в элементе style вы можете наследовать нужные свойства из существующих стилей, а также переопределить некоторые свойства или добавить свои дополнительные свойства. Предположим, мы решили наследоваться от существующего системного стиля Android для текстовых сообщений и слегка модифицировать его.

Если вы собираетесь наследоваться от собственных стилей, то использовать атрибут parent не нужно. Просто используйте префикс имени наследуемого стиля перед создаваемым новым стилем, разделяя имена стилей точкой. Например, для создания нового стиля, который наследуется от стиля MyTextStyle, созданного нами ранее, где мы хотим получить красный текст, используйте следующий способ:

Как видите, нам не пришлось использовать атрибут parent в теге style, потому что имя стиля начинается с имени MyTextStyle (созданный нами стиль). Теперь наш стиль наследует все свойства от стиля родителя, при этом мы изменили одно свойство android:textColor, чтобы текст выводился красным цветом. Вы можете ссылаться на новый стиль через конструкцию @style/MyTextStyle.Red.

Вы можете продолжать наследоваться дальше много раз, добавляя новые имена через точку. Допустим, мы хотим расширить свойство MyTextStyle.Red, чтобы текст выводился более крупным шрифтом:

Итак, мы наследовались от стилей MyTextStyle и MyTextStyle.Red, а затем добавили новое свойство android:textSize.

Не забывайте, что данная техника наследования применима только к собственным стилям. Для наследования системных стилей типа TextAppearance необходимо использовать атрибут parent.

Свойства стиля

Разобравшись с созданием стилей, рассмотрим различные свойства, определяемые в элементе item. Мы уже встречались с такими свойствами, как layout_width и textColor. На самом деле свойств гораздо больше.

Для поиска свойств, которые применимы к заданному View, можно обратиться к документации и просмотреть все поддерживаемые свойства. Так все атрибуты, перечисленные в таблице атрибутов класса TextView могут быть использованы для элементов TextView или EditText. Например, у данных элементов есть свойство android:inputType:

Но вместо этого мы можем также создать стиль для элемента EditText, который будет включать в себя данное свойство:

В файле разметки теперь можно написать так:

На первый взгляд вам возможно покажется, что подобный подход отнимает слишком много времени. Но в больших проектах повторное использование стиля поможет вам сэкономить и время и силы.

Для просмотра всех существующих стилей вы можете посмотреть исходники Android. Найдите папку, в которую вы устанавливали Android SDK, там можно найти нужные исходники. Например, у меня путь к исходникам стилей Android API 17 выглядит следующим образом: D:\Android\android-sdk-windows\platforms\android-17\data\res\values\styles.xml. Помните, что все объекты View не поддерживает сразу все существующие атрибуты, поэтому используйте только специфичные стили для выбранного элемента. Но если вы по ошибке зададите ошибочный стиль для View, то это не вызовет краха приложения. Элемент View будет использовать только подходящие свойства и игнорировать чужие для него свойства.

Существуют также свойства, которые не поддерживаются ни одним элементом View и применимы только как тема. Подобные стили действуют сразу на всё окно, а не на отдельный элемент. Например, есть тема, скрывающая заголовок приложения, строку состояния или изменяющая фон окна. Подобные стили легко определить по слову window, с которого начинается название стиля: windowNoTitle, windowBackground (о них ниже).

Не забывайте использовать префикс android перед именем в каждом элементе item: .

Отдельно стоит отметить создание стиля для кнопки. У кнопки есть несколько состояний — обычное, в фокусе, нажатое, нажатое с фокусом. Поэтому для кнопки нужно создать четыре отдельных стиля, чтобы кнопка выглядела профессионально.

Извлечение свойств в стили

Если вы решили в своём проекте использовать стили и вам нужно быстро переместить нужные атрибуты, то Android Studio предлагает быстрый механизм для этой операции. В текстовом режиме ставите курсор на названии компонента, например, ImageView, затем щёлкаете правой кнопкой мыши и выбираете Refactor | Extract | Style. . В диалоговом окне выбираете нужные атрибуты для переноса в стили и выбираете имя стиля.

Динамическое изменение стилей

Ни разу не приходилось пользоваться, но вдруг пригодится.

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

Темы похожи на определения стилей. Точно так же, как стили, темы объявляются в XML-файле элементами

Теперь мы можем использовать свой стиль вместо Theme.Light в манифесте:

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

  • android:windowNoTitle: используйте значение true, чтобы скрыть заголовок
  • android:windowFullscreen: используйте значение true, чтобы скрыть строку состояния и освободить место для приложения
  • android:windowBackground: ресурс цвета или drawable для фона
  • android:windowContentOverlay: Drawable, который рисуется поверх содержимого окна. По умолчанию, это тень от строки состояния. Можно использовать null (@null в XML-файле) для удаления ресурса.

В Android 5.0 появились новые темы, которые получили название Material Design.

  • @android:style/Theme.Material (тёмная версия)
  • @android:style/Theme.Material.Light (светлая версия)
  • @android:style/Theme.Material.Light.DarkActionBar (светлая версия с тёмным заголовком)

В Android 9.0 темы Material Design продолжили развитие, они будут активно внедряться в ближайшее время.

  • Theme.MaterialComponents
  • Theme.MaterialComponents.NoActionBar
  • Theme.MaterialComponents.Light
  • Theme.MaterialComponents.Light.NoActionBar
  • Theme.MaterialComponents.Light.DarkActionBar

Для Material Design были разработаны новые атрибуты тем.

  • android:colorPrimary: основной цвет для интерфейса программы — панель, кнопки и т.д.
  • android:colorPrimaryDark: цвет для системных элементов — строка состояния
  • android:colorAccent: Цвет по умолчанию для компонентов, которые находятся в фокусе или активны
  • android:colorControlNormal: Цвет для неактивных компонентов
  • android:colorControlActivated: Цвет для активных компонентов
  • android:colorControlHighlight: Цвет для нажатых элементов интерфейса
  • colorSwitchThumbNormal: и т.д. изучаем документацию

Позже были добавлены другие атрибуты: colorPrimaryVariant, colorOnPrimary, colorSecondary, colorSecondaryVariant, colorOnSecondary, colorError, colorOnError, colorSurface, colorOnSurface, colorBackground, colorOnBackground.

Настройка цветов происходит по определённым правилам. На сайте http://www.google.com/design/spec/style/color.html# есть таблица цветов. Обратите внимание на числа слева. Основным цветом (colorPrimary) считается цвет под номером 500, он идёт первым в таблицах. Этот цвет должен использоваться в качестве заголовка (Toolbar).

Допустим, мы делаем специальное приложение для рыжего кота. Создадим новый файл res/values/colors.xml. На указанном сайте находим таблицу цветов оранжевого цвета Orange и будем использовать предлагаемое значение.

Зададим основной цвет.

Для строки состояние, которая находится выше заголовка приложения, нужно использовать цвет со значением 700 (colorPrimaryDark). Это более тёмный цвет и позволяет различать заголовок приложения и строку состояния. Возвращаемся к оранжевой таблице цветов, запоминаем значение цвета и прописываем его в ресурсах.

Пропишем в теме приложения новые элементы.

На старых устройствах цвет строки состояния не изменяется. Цвет заголовка поменять можно.

В файле res/values-v21/styles.xml для новых устройств нужно повторить указанные действия с небольшой поправкой. В API 21 уже есть предопределённые константы для эти цветов, поэтому используем в именах android:colorPrimary и android:colorPrimaryDark.

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

С главным цветом есть одна тонкость. Старые устройства используют ActionBar и его цвет подчиняется правилам Material Design из коробки. На новых устройствах для активности используется тема без панели действий Theme.AppCompat.NoActionBar и вручную добавляется компонент Toolbar. Чтобы он использовал основной цвет, используйте правильный стиль для фонового цвета.

Третий важный цвет для использования в приложениях — акцентированный. Данный цвет может использоваться для кнопки Floating Action Button и для различных компонентов. Он должен быть достаточно контрастным по сравнению с основным цветом. Для примера выберем зелёный цвет по цвету глаз рыжих котов. Находим в таблице зелёный цвет и выбираем нужное значение из A400

Прописываем цвет в обоих темах:

Сейчас акцентированный цвет мы нигде не увидим. Вернёмся к нему позже.

Акцентированные цвета поддерживаются многими компонентами из коробки. Для некоторых следует использовать аналоги из библиотеки AppCompat:

  • Флажки и переключатели
  • SwitchCompat вместо Switch
  • Курсор у EditText
  • Текст у TextInputLayout
  • Текущий индикатор у TabLayout
  • Выбранный элемент у NavigationView
  • Фон у FloatingActionButton

Пользуйтесь сервисом Material Design Color Palette Generator для создания палитры в стиле Material: выбираем основной цвет, цвет «плавающей» кнопки и сайт генерирует необходимую палитру.

В Android 5.0 появился новый атрибут темы colorEdgeEffect. Вам необходимо переопределить тему, а затем применить к компоненту.

Темы для диалоговых окон

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

Добавьте созданный стиль к теме.

Также можно создать отдельный стиль для негативной кнопки, чтобы она была красной и отличалась от позитивной кнопки.

Затем в коде используете созданный стиль.

Сам пока не проверял.

Темы для диалоговых окон для старых устройств

В библиотеке совместимости версии 22.1.0 появилась поддержка Material Design для диалоговых окон.

Для начала вызовем диалоговое окно стандартным способом:

Добавим стили в файл styles.xml:

Для вывода диалогового окна будем использовать класс из библиотеки совместимости, у которого есть дополнительный параметр для указания темы.

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

Стили для компонентов

У компонентов также появились новые стили, связанные с Material Design. Например, TextAppearance.Material.Title:

Темы для компонентов

Обычно темы применялись к активности или приложению. Сейчас самый распространённый вариант Theme.AppCompat.

В Lollipop и AppCompat с версии 22.1 стало возможным присваивать тему отдельному компоненту. В этой связи появился отдельный тип темы ThemeOverlay, который позволяет менять только необходимые настройки. Например, ThemeOverlay.AppCompat.Light меняет фоновый цвет, цвет текста и выделенный текст, как если это была бы светлая тема. Соответственно, ThemeOverlay.AppCompat.Dark работает как тёмная тема.

Это может пригодится, чтобы цвет текста не совпадал с цветом фона и был читаемым. Например, это часто используется у Toolbar:

Также используется при создании собственных тем

Выбор темы в зависимости от версии платформы

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

Предположим у вас есть собственная тема, использующая стандартную светлую тему, в файле res/values/styles.xml:

Чтобы задействовать также новую голографическую тему, доступную в Android 3.0 (API Level 11) и выше, создайте альтернативный файл стилей в папке res/values-v11, где будет указана новая тема:

Для последней версии Android 5.0 вам понадобится папка res/values-21 для темы, использующую Material Design.

Теперь программа автоматически будет переключаться между стилями, самостоятельно определяя версию Android.

Список стандартных атрибутов, используемых в темах, можно найти на странице R.styleable.Theme .

Использование стилей и тем платформы

Вы можете создавать собственные стили, а можете подключать готовые системные стили или отдельные атрибуты стилей, используемых в Android. Для указания стиля, предопределённого в Android, используется следующий синтаксис:

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

Знак ? применяется для поиска значения стиля в текущей теме, а подстрока ?android означает поиск значения стиля в системной теме Android.

В студии можно выбрать системную тему сразу из среды разработки. Откройте файл разметки в режиме Design. Чуть выше формы имеется выпадающая кнопка AppTheme. Нажмите на неё и поиграйтесь со списком, чтобы просмотреть другие варианты. Вы сможете увидеть, как будет выглядеть ваше приложение в разных темах. Учтите, что эта настройка не вносит изменения в ваш файл, а предназначена только для просмотра темы, чтобы вы представляли, как будет выглядеть программа у разных пользователей.

В последних версиях проектов студии, которые используют тему AppCompat для создания полноэкранной активности используйте стиль:

И примените его к нужной активности.

Новые темы в Android 4.4

В Android 4.4 появилась возможность сделать панель навигации и строку состояния полупрозрачными. Откройте файл styles.xml и добавьте строчки:

Последний пункт у меня закомментирован. Он позволяет настроить тему для ActionBar. Можете поиграться с ним. Для сравнения ниже представлены скриншоты стандартного окна активности с чёрными полосками снизу и сверху и стилизованной активности. Для наглядности я выбрал оранжевый цвет для фона активности.

Если говорить об эволюции тем и стилей, то в Android 2.x темы были в зачаточном состоянии. В Android 3/4 дизайнеры проделали огромную работу, чтобы система стала красивой и предложили тему Holo. В новой версии Android 5.0 работа над стилями была продолжена и была представлена новая концепция стиля под названием Material Design с подробной документацией по её использованию.

В статье Android App Launching Made Gorgeous рассматривается интересный случай, когда неправильное использование тем приводит к некрасивому эффекту — сначала загружается пустой экран, а затем уже экран вашей активности.

Темы для View

В статье говорилось, что отдельные компоненты должны использовать стили, а активности — темы. В Android 5.0 Lollipop, а также старые устройства с API 11 через библиотеку совместимости AppCompat могут также использовать темы:

Небольшой список на память.

  • ThemeOverlay.AppCompat
  • ThemeOverlay.AppCompat.Light
  • ThemeOverlay.AppCompat.Dark
  • ThemeOverlay.AppCompat.ActionBar
  • ThemeOverlay.AppCompat.Dark.ActionBar

Например, ваши компоненты в разметке используют светлую тему, а родительский элемент должен использовать тёмную тему. Тогда применим к нему готовую тему.

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

Примените тему к вашему компоненту через android:theme=»CustomAccentOverlay». Так вы можете переопределить и другие атрибуты.

Theme Editor

В одной из версий студии появился редактор тем. Если открыть файл style.xml, то наверху будет ссылка Open editor, которая откроет новое окно.

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

Общие советы

Избегайте конкретных значений для цвета.

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

В некоторых ситуациях использование готовых значений цвета оправдано.

При работе с элементами темы программным способом не используйте Context от Application, только от Activity.

Источник

Читайте также:  Металлический шкаф черного цвета