Фон и цвет

Фон приложения можно задать несколькими способами, например, создать прямоугольник совпадающий с размером экрана устройства и залить его выбранным цветом. Удобнее, однако, использовать метод display.setDefault, с помощью которого цвета фона и текста настраивается по умолчанию. В дальнейшем нам не придётся явно устанавливать эти параметры.

Открываем файл main.lua в любом подходящем редакторе и в нём пишем следующее.

-- прячем строку состояния
display.setStatusBar(display.HiddenStatusBar);
-- фон приложения
display.setDefault("background", 37/255, 39/255, 46/255);
-- цвет текста по умолчанию
display.setDefault("fillColor", 0);

Теперь можно запустить эмулятор Corona и параллельно с правкой кода смотреть полученный результат. Для начала скрываем строку состояния через метод display.setStatusBar, в ней отображается время, уровень заряда батареи и другая информация. Тем самым мы делаем полноэкранное приложение.

Цвета задаются с помощью одного, двух, трёх или четырёх чисел.

  • Одно число в диапазоне от 0 до 1 устанавливает чёрный, белый или серый цвет. 0 — это чёрный цвет; 1 — белый; 0.5 — серый.
  • Второе число, если оно присутствует, определяет уровень прозрачности цвета. 0 — полностью прозрачный цвет; 1 — непрозрачный; 0.5 — полупрозрачный.
  • Три числа задают значения красной, зелёной и синей составляющей цвета, каждое из них также лежит в диапазоне от 0 до 1. Чтобы перевести значение в привычное нам десятичное число, каждую составляющую требуется разделить на 255.
  • Четвёртое число, если оно присутствует, определяет уровень прозрачности, как сказано выше.

Чтобы задать желаемый цвет проделайте следующее. Откройте Photoshop или любой другой графический редактор и в палитре выберите нужный цвет.

Выбор цвета

Выбор цвета

Теперь вставьте значения компонент R, G, B в код программы и разделите каждое на 255. Так мы установим желаемый цвет.

display.setDefault("background", 37/255, 39/255, 46/255);

Если все три компоненты одинаковы, например равны 100, то мы имеем дело с серым цветом и достаточно указать только одно значение.

display.setDefault("background", 100/255);
Автор: Влад Мержевич
Последнее изменение: 04.08.2023