Corona SDK: Круги и прямоугольники в мобильном приложении

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. Изучив принципы работы с кругом и прямоугольником, вы сможете создавать и использовать другие фигуры, описанные в документации. Экспериментируйте с цветами, размерами и позиционированием для создания уникального дизайна приложений.

Что будем искать? Например,программа