Светофор
Для закрепления навыков создадим приложение чуть посложнее предыдущего, а также познакомимся с другими приёмами программирования.
В качестве примера напишем программу под условным названием «Светофор». Интерфейс программы будет выглядеть следующим образом. На красном экране расположены три кнопки и одна текстовая надпись. При нажатии кнопок фон программы будет меняться на соответствующий цвет, который закреплён за определённой кнопкой. Я попробую вам показать решение задачи с разных сторон, чтобы вы почувствовали себя увереннее.
Первые шаги вполне очевидны. Создаём новый проект на основе «Hello, World» и перетаскиваем с панели инструментов три кнопки. Когда будете размещать кнопку, попробуйте потаскать её по разным позициям внутри экрана активности. Вы будете замечать различные всплывающие линии, подсказывающие о стандартных отступах от края или о центральной оси по вертикали и горизонтали. Это удобно, когда вы точно знаете, где нужно разместить один компонент.
В нашем случае мы поступим иначе. Сначала просто перетащим три кнопки на экран, не думая о позиционировании. Далее в окне Component Tree выделяем три кнопки, удерживая клавишу Shift, вызываем контекстное меню и выбираем команды Center Horizontally и потом Center Vertically. Кнопки равномерно распределятся по экрану.
Контекстное меню можно вызвать и напрямую у кнопок на экране. Достаточно указателем мыши начертить ограничивающий прямоугольник вокруг всех кнопок и щёлкнуть правой кнопкой.
В окне Component Tree выделите строку button. У вас должно появиться окно свойств Properties. Давайте избавимся от стандартных идентификаторов, а будем сразу приучаться давать осмысленные имена. Например, для первой кнопки присвоим свойству id значение button_red вместо стандартного @+id/button
Для второй кнопки присвоим значение button_yellow.
Аналогично настраиваем третью кнопку button_green. Вы можете использовать другой стиль, например, назвать идентификатор как red_button вместо button_red. Главное, придерживаться выбранного стиля.
Строковые ресурсы
Теперь нам нужно заменить текст на кнопках на слова Красный, Жёлтый и Зелёный. На прошлом уроке мы просто присвоили свойству Text нужную строку. Но на самом деле это неправильный подход и даже среда разработки выводит предупреждающие значки у кнопок, если вы переключитесь в режим Text. По правилам, строки нужно хранить в строковых ресурсах. Подобный подход даёт разработчику множество преимуществ, в частности, быструю локализацию приложения. Считайте это стандартом, которого нужно придерживаться.
Процесс создания строковых ресурсов очень прост. Переключитесь обратно в режим Design и выберите кнопку button_red. В окне свойств найдите свойство text. Рядом находится кнопка. Щёлкните по ней, у вас откроется диалоговое окно Resources.
Нажмите на выпадающий список Add new resource для создания нового строкового ресурса и выберите New string Value.
В новом окне New String Value Resource в первом поле Resource Name введите название ресурса, например, red, а во втором поле Resource Value введите текст для кнопки (напр. Красный). Остальные поля не трогаем. Аналогичным образом поступите с другими двумя кнопками (Жёлтый и Зёленый).
Программно можно добиться такого же результата, отредактировав файл strings.xml, который находится в папке res/values вашего проекта. Сейчас он может выглядеть так.
Мы совсем забыли про элемент TextView. Исправим упущение. Разместим компонент под кнопками и снова сделаем выравнивание.
Пусть на нём выводится текст, извещающий о текущем цвете фона приложения. Так как в ресурсах у нас уже есть слова Красный, Жёлтый и Зелёный, изначально предназначенные для кнопок, то мы не будем создавать новые строковые ресурсы, а воспользуемся готовыми наработками. По умолчанию у нас используется красный цвет. В окне свойств выбираем свойство text для TextView и нажимаем кнопку рядом с ней для вызова знакомого диалогового окна. На этот раз мы не будем щёлкать на кнопке New Resource, а сразу выберем ресурс red, которая, как мы помним, содержит текст Красный и щёлкнем кнопку OK (можно сделать сразу двойной щелчок на строке).
Заодно расскажу о другой настройке под ней с изображением гаечного ключа и таким же названием text. Представьте себе, что в реальной программе изначально у TextView нет никакого текста, он будет сформирован позже программно. Но чтобы разработчик видел, как будет выглядеть дизайн экрана, ему нужно видеть текст на этапе проектирования. Для этих целей и предназначена вторая настройки для текста. Подобное вы можете увидеть и у других свойства компонента.
С текстом разобрались. Но где остальные настройки? В окне свойств Properties можно увидить все доступные атрибуты для компонента. Если вы не помните точное название, то воспользуйтесь поиском. Я помню, что для размера шрифта используется что-то со словом size. Вспомнил, это textSize. Выбираем нужное значение из выпадающего списка.
Рекомендую постоянно переключаться в режим Text и смотреть, что происходит в коде. Это позволит вам увереннее разбираться в коде и читать чужой код. Как правило, новички предпочитают работать через визуальные инструменты, а программисты с опытом самостоятельно пишут практически весь код. Нужно найти разумный баланс между двумя подходами. Всё придёт со временем.
Со строками вроде разобрались. Давайте теперь в ресурсах зададим цвета для фона программы. Ресурсы для цветов принято хранить в отдельном файле res/values/colors.xml, хотя технически никто не запрещает хранить их в том же файле strings.xml.
Откроем указанный файл и добавим ресурс жёлтого цвета между тегами resources:
Слева появится жёлтый квадрат, по нему легко видеть цвет заданного ресурса.
По такому же принципу добавьте зелёный цвет.
Самостоятельно добавьте ресурс для красного цвета под именем redColor.
Если вам знаком такой формат цвета, то трудностей добавление новых цветов подобным способом вам не доставит. Если нужно выбрать более сложный цвет, то проще воспользоваться мастером, как мы это делали в уроке «Hello Kitty», когда выбирали розовый цвет, а затем полученный цвет скопировать в ресурсы.
Определив в ресурсах все необходимые цвета, можно сразу присвоить красный цвет для контейнера ConstraintLayout. В окне свойств находим для данного элемента свойство background. Снова нажимаем кнопку, чтобы открыть диалоговое окно. В окне выбираем раздел Color и ищем свой ресурс redColor.
Если посмотреть в текстовом режиме, то увидите строчку android:background=»@color/redColor» для тега ConstraintLayout.
Так как мы будем менять фон у ConstraintLayout, то присвоим ему идентификатор root_layout (корневой элемент разметки).
Общий каркас приложения завершён. У нас есть три кнопки с соответствующими текстами, текстовая надпись со словом Красный, и красный фон, используемый в контейнере ConstraintLayout. Пора приступать к программной логике программы. А пока можно запустить приложение, чтобы убедиться, что мы не сделали ошибок в разметке.
Код для программы (Kotlin)
Наша задача — обработать щелчки трёх кнопок и менять цвет фона приложения, а также текст в TextView.
Существуют разные способы для реализации задачи. Я решил показать несколько — и как менять текст (напрямую и из ресурсов) и как менять цвет (тоже из ресурсов и напрямую). Все они могут использоваться равноценно, вам нужно только решить, какой способ удобен и гибок при усложнении программы.
Пример для Java
На прошлом занятии мы уже познакомились с удобным способом обработки события onClick. Давайте закрепим пройденный материал и повторим тот же код для первой кнопки. Пропишем вручную событие onClick в теге Button:
Вспоминаем — в режиме Text помещаем курсор на названии метода и нажимаем комбинацию Alt+Enter, чтобы создать заготовку щелчка первой кнопки в классе MainActivity.
Объявим переменные в классе и получим к ним доступ в методе onCreate():
Напоминаю, что код нужно писать вручную, а не копировать с сайта. Тогда многие вопросы отпадут и вам не придётся бежать на форум с криками, что ничего не работает.
Кстати, этот код вызвал трудности у новичков. Меня завалили письмами и устроили вой на форуме. Раньше в студии по умолчанию использовался компонент RelativeLayout и пример был написан под него. Новички размещали кнопки в ConstraintLayout, а в код вставляли строчки:
Для не слишком догадливых программистов подчёркиваю — ConstraintLayout и RelativeLayout — это разные вещи. Вы же не путаете кота с собакой, хотя у них есть и хвосты и лапы. Не нужно писать код с использованием несуществующих компонентов, точнее не надо копировать и вставлять мой код. Иначе никогда не научитесь писать программы.
Пишем код для щелчка кнопки с надписью «Красный»:
Мы обращаемся к созданным ресурсам через специальный класс R и через точку указываем тип ресурсов, а затем имя ресурса.
Для кнопки «Зелёный» напишите код самостоятельно, добавив метод onGreenButtonClick().
Для кнопки «Жёлтый» напишем код в традиционной манере через слушателя OnClickListener. В методе onCreate() добавляем:
Раньше для изменения кода использовался код:
В Android 6 (API 23) метод getColor(int id) объявили устаревшим и студия теперь подчёркивает данный метод. Можно заменить на один из двух вариантов:
Первый вариант подойдёт, если вы не поддерживаете старые устройства, а сразу пишете приложение для телефонов с API 23. Второй способ более универсальный. Его я и использовал.
Запускаем приложение и щёлкаем по кнопкам — текст в надписи и фон в приложении должны меняться в соответствии с нажатой кнопкой.
Полный текст кода будет выглядеть следующим образом (в ваших примерах скорее всего в секции import будут встречаться пакеты androidx вместо android.support, я не стал переделывать старый пример):
В качестве домашнего задания упростите код для трёх кнопок, создав для них общий метод onClick() (почитайте статью про кнопки).
Приведённая ниже информация немного устарела. В Android 5.0 используется другой стиль оформления заголовка программы и значка там теперь нет (хотя его можно туда поместить). Но значки всё равно нужны для отображения вашей программы на домашнем экране или в лаунчерах.
Поговорим о значках. По умолчанию студия использует изображение зелёного робота в качестве значка для вашей программы. Откройте в студии папку res/mipmap. Я уже рассказывал, что эта папка является виртуальной и в действительности существуют папки res/mipmap-hdpi, res/mipmap-mdpi, res/mipmap-xhdpi, res/mipmap-xxhdpi. В каждой из этих папок есть файл с одинаковым именем ic_launcher.png и недавно добавили ещё ic_launcher_round.png для Android 7. Вся разница между этими файлами заключается в размерах. В зависимости от разрешения экрана на устройстве система выбирает наиболее подходящий по размеру изображение и выводит его в качестве значка в заголовке приложения и на домашнем экране. Самый простой вариант заменить стандартное изображение на своё — создать своё изображение и заменить им имеющийся значок. Рекомендуется создавать под каждое разрешение свой значок. Причем здесь указаны не все варианты. В таком случае вам нужно создать самостоятельно папку, например, mipmap-xxxhdpi и разместить там картинку требуемого размера. Если вы пропустите какой-то размер, то система попробует взять какой-нибудь значок с этим именем из другой папки и смаштабировать его. Но лучше так не делать.
Если вы не хотите менять существующие стандартные значки, а хотите использовать значки под другим именем, то в этом случае подготовьте все необходимые размеры, разместите их во всех папках mipmap- под своим именем, а затем в манифесте замените строчку у атрибута android:icon:
В состав студии входит набор предопределённых значков и генератор собственных значков. Щёлкните правой кнопкой на папке drawable или mipmap и выберите в меню New | Image Asset.
Откроется диалоговое окно, где вы можете указать в качестве источника файл на компьютере, вариант из клипарта или набор символов. Также вы можете задать форму значка, цвет фона и прочие параметры. Уверен, что вы разберётесь самостоятельно.
Кроме значков для различных разрешений, генератор создаст дополнительный файл с суффиксом -web, который будет скопирован в папку main. Этот файл используется для Google Play, когда будете размещать приложение в магазине приложений и давать описание к нему.
Источник
Как изменить цвет фона в приложении для Android
Я хочу, чтобы иметь возможность изменить цвет фона на белый в моем приложении Android как можно проще.
Вам необходимо использовать свойство android: background, например
Также вам нужно добавить значение для белого в strings.xml
Редактировать: 18 ноября 2012
Первые две буквы 8-буквенного цветного кода предоставляют альфа-значение, если вы используете цветную обозначение html 6 letter, цвет непрозрачен.
Вы также можете использовать
В вашем xml-макете или /res/layout/activity_main.xml , или вы можете изменить тему в своем AndroidManifest.xml, добавив
К вашему тегу активности.
Если вы хотите динамически менять фон, используйте
Самый простой способ
Не нужно ничего определять. Он использует предопределенные цвета в android.R .
Чтобы изменить цвет фона простейшим способом программно (исключительно – без изменений XML):
Требование только в том, что ваш «базовый» элемент в activity_whatever.xml имеет идентификатор, который вы можете ссылаться в Java ( container в этом случае):
Пашалис и Джеймс, которые ответили здесь, как бы привели меня к этому решению, после проверки различных возможностей в том, как установить цвет текста TextView в коде? ,
Надеюсь, это поможет кому-то!
Самый простой способ – добавить android:background=»#FFFFFF» к основному узлу в layout.xml или /res/layout/activity_main.xml :
Этот метод работал для меня:
Установить идентификатор в макете xml
Добавить значения цвета / color.xml
Вы можете попробовать это в xml листе:
Вы можете попробовать таким образом
Еще один способ, перейдите в макет -> ваш .xml-файл -> вид дизайна. Затем перейдите в дерево компонентов и выберите макет, который хотите изменить цвет. В нижеприведенном дереве компонентов есть раздел свойств. Выберите фон в разделе свойств (В разделе 1 изображения). Затем щелкните раздел 2 на картинке. Затем откроется окно « Ресурсы». Из этого выберите меню цветов. Затем выберите нужный цвет. Введите описание изображения здесь
В макете для изменения фона используйте это.
В программе можно использовать это. Например: цвет фона Texview
Вы можете использовать простые цветовые ресурсы, обычно заданные внутри
И используйте это через android:background=»@color/red» . Этот цвет можно использовать и в другом месте, например, в виде текста. Ссылка на него в XML так же, или получить его в коде через
Вы также можете использовать любой ресурс, android:background=»@drawable/mydrawable» для android:background=»@drawable/mydrawable» в качестве фона, для этого используйте android:background=»@drawable/mydrawable» (это означает, что выталкивание 9patch, обычные растровые изображения, фигурные чертежи, ..).
Несколько раз текст имеет тот же цвет, что и фон, попробуйте с android: background = «# CCCCCC» в свойствах listview, и вы это увидите.
Android: фон = «# 64B5F6»
Вы можете изменить значение после «#» в соответствии со своей собственной спецификацией или потребностью в зависимости от того, как вы хотите их использовать.
Вот пример кода:
- Перейдите в Activity_Main.xml
- Есть проектный вид / и текстовое представление.
- Выберите «Текстовый вид»
Напишите этот код вверх:
Лучший способ использовать фон с градиентом, поскольку он не увеличивает размер приложения ваших изображений приложения, – это яд для приложения для Android, поэтому старайтесь использовать его меньше, вместо того чтобы использовать один цвет в качестве фона, вы можете использовать несколько цветов в одном фоне.
Источник