Corona SDK предоставляет несколько стандартных геометрических фигур: круг, прямоугольник, линию, прямоугольник со скругленными углами и полигон (для создания треугольников, звёзд, ромбов, трапеций и других фигур). Подробное описание работы с треугольником, трапецией и другими полигонами см. в официальной документации Corona SDK [ссылка_на_документацию]. В этом уроке мы рассмотрим создание круга и прямоугольника со скругленными углами, а также комбинирование этих фигур.
Создание фигур
Для работы с геометрическими фигурами используются методы display.newCircle() и display.newRoundedRect(). Более подробное описание методов display.newCircle(), display.newGroup(), display.newRect(), sprite.x, sprite.y и других можно найти в официальной документации.
Круг
Сначала создадим переменную для ширины экрана, чтобы динамически позиционировать элементы:
local w = display.contentWidth - 20
Это обеспечит отступ по 10 пикселей с каждой стороны. Затем создадим круг:
local circle = display.newCircle( display.contentCenterX, 74, 60 )
circle:setFillColor( 122/255, 122/255, 122/255 ) -- Серый цвет
Здесь:
- display.contentCenterX центрирует круг по горизонтали.
- 74 задаёт вертикальное положение (74 пикселя от верха экрана).
- 60 — радиус круга.
- setFillColor() устанавливает цвет круга в формате RGB (значения нормализованы делением на 255).
Для скрытия системной строки состояния:
display.setStatusBar(display.HiddenStatusBar)
Прямоугольник со скругленными углами
Для создания прямоугольника используем display.newRoundedRect():
local rect = display.newRoundedRect( display.contentCenterX, 110, w, 100, 15 )
rect:setFillColor( 122/255, 122/255, 122/255 )
Здесь:
- display.contentCenterX центрирует прямоугольник по горизонтали.
- 110 — вертикальное положение.
- w — ширина (динамическая, рассчитанная ранее).
- 100 — высота.
- 15 — радиус скругления углов.
Комбинированная фигура и фоновый цвет
Наложение круга и прямоугольника создаёт комбинированную фигуру. Для установки фонового цвета:
display.setDefault( "background", { 180/255, 230/255, 255/255 } )
В этом уроке мы рассмотрели создание основных геометрических фигур в Corona SDK. Изучив принципы работы с кругом и прямоугольником, вы сможете создавать и использовать другие фигуры, описанные в документации. Экспериментируйте с цветами, размерами и позиционированием для создания уникального дизайна приложений.