Rectangle — различия между версиями
Avereskun (обсуждение | вклад) (→Применение) |
Boyarin (обсуждение | вклад) (→Текстура) |
||
Строка 95: | Строка 95: | ||
Предположим, что нам нужно сделать большую подложку под какое-то диалоговое окно с красивой рамочкой. | Предположим, что нам нужно сделать большую подложку под какое-то диалоговое окно с красивой рамочкой. | ||
− | Создаем на сцене новый объект с типом rectangle. Настроим свойста: | + | Создаем на сцене новый объект с типом rectangle. |
+ | Настроим свойста: | ||
[[Файл:Rect1.jpg]] | [[Файл:Rect1.jpg]] |
Версия 20:04, 25 мая 2013
Может использоваться для заливки области определённым цветом.
Содержание
Параметры
Общие
- x (x) - Горизонтальная координата центра объекта (его точки пивота) в пикселях. Отсчитывается от точки пивота сцены.
- y (y) - Вертикальная координата центра объекта (его точки пивота) в пикселях. Отсчитывается от точки пивота сцены.
- w (w) - Ширина объекта в пикселях
- h (h) - Высота объекта в пикселях
- alpha (al) - Прозрачность: от 0 (прозрачен) до 1 (не прозрачен).
- angle (ang) - Угол поворота в градусах (0 - не повёрнут). Отсчитывается от оси x вниз. Вверх - идут отрицательные углы.
- scale x (sx) - Масштаб по оси x (1 - не изменен, 1.5 - увеличен в полтора раза, и т.д.).
- scale y (sy) - Масштаб по оси y (1 - не изменен, 1.5 - увеличен в полтора раза, и т.д.).
- тайлинг - включает возможность замостить плиткой нужный размер.
Рамка
- бордюр верхний - Графический ресурс текстуры верхнего бордюра
- бордюр правый - Графический ресурс текстуры правого бордюра
- бордюр нижний - Графический ресурс текстуры нижнего бордюра
- бордюр левый - Графический ресурс текстуры левого бордюра
- нахлест бордюров - Нахлест текстур бордюров в пикселях
- угол левый верхний - Графический ресурс текстуры левого верхнего угла
- угол правый верхний - Графический ресурс текстуры правого верхнего угла
- угол правый нижний - Графический ресурс текстуры правого нижнего угла
- угол левый нижний - Графический ресурс текстуры левого нижнего угла
Фон
- alpha - Прозрачность заливки (не путать с прозрачностью объекта): от 0 (прозрачен) до 1 (не прозрачен).
- текстура заливки - Графический ресурс текстуры фона
- цвет заливки (fillCol) - Цвет заливки объекта. Задаётся в шестнадцатиричной системе(на пример AAAAAA, ABCABC, 12F5BC)
Состояния
- init - применяет цвет указаный в цвет заливки
После задания цвета другим объектом(кнопкой, машиной) обязательно необходимо объект rectangle перевести в состояние init для того чтобы он поменял цвет.
Применение
Заливка
Можно объект применять для заливки сплошным цветом области сцены или для придания оттенка объекту.
К примеру надо оттенять разными цветами.
Для этого поставим на сцену кнопку и поверх неё поставим объект rectangle и зададим у него прозрачность. Также добавим несколько кнопок, которые будут менять цвет объекту rectangle.
Настроим rectangle. Зададим начальный цвет, размер, прозрачность.
Настроим кнопки. Задаим цвет на который хотим поменять и обязательно переведём объект rectangle в состояние init для того чтобы цвет поменялся.
Результат во вьювере:
Текстура
Очень часто при создании приложения в нем присутствуют различные формы-окна, например: диалоговые окна, различные подложки под объекты. Можно сделать их цельной графикой, но тогда размер этой графики будет довольно большим и мы потеряем производительность. Можно сделать подложку, растянув маленьких кусочек графики (scale) до нужных размеров, то тогда мы теряем четкость текстуры и границ. В этом случае полезным будет объект rectangle.
Предположим, что нам нужно сделать большую подложку под какое-то диалоговое окно с красивой рамочкой.
Создаем на сцене новый объект с типом rectangle. Настроим свойста:
Пример графики, которая использовалась:
Размеры получившейся формочки можем регулировать. При этом рамка будет подгоняться четко по контуру. Для наилучшего результата рекомендуется в редакторе ресурсов сделать бордеры = 0.
Результат во вьювере: