|
|
Строка 1: |
Строка 1: |
− | Может использоваться для заливки области определённым цветом.
| |
− | {{TOC right}}
| |
− | =Параметры=
| |
| | | |
− | ==Основные параметры==
| |
− | '''Группа - положение'''
| |
− |
| |
− | * '''x''' (''x'') - Горизонтальная координата центра объекта (его точки пивота) в пикселях. Отсчитывается от точки пивота сцены.
| |
− |
| |
− | * '''y''' (''y'') - Вертикальная координата центра объекта (его точки пивота) в пикселях. Отсчитывается от точки пивота сцены.
| |
− | '''Группа - размер'''
| |
− |
| |
− | * '''w''' (''w'') - Ширина объекта в пикселях
| |
− |
| |
− | * '''h''' (''h'') - Высота объекта в пикселях
| |
− | '''Группа - модификаторы'''
| |
− |
| |
− | * '''alpha''' (''al'') - Прозрачность: от 0 (прозрачен) до 1 (не прозрачен).
| |
− |
| |
− | * '''blending''' (''bl'') - Alpha смешивание (parent - наследует alpha от родителя, blend - смешивание, add - добавление, sub - вычитание, none - ничего не происходит. (Подробнее о Alpha смешивании - [[Flyer|здесь]])).
| |
− |
| |
− | * '''angle''' (''ang'') - Угол поворота в градусах (0 - не повёрнут). Отсчитывается от оси x вниз. Вверх - идут отрицательные углы.
| |
− |
| |
− | * '''scale x''' (''sx'') - Масштаб по оси x (1 - не изменен, 1.5 - увеличен в полтора раза, и т.д.).
| |
− |
| |
− | * '''scale y''' (''sy'') - Масштаб по оси y (1 - не изменен, 1.5 - увеличен в полтора раза, и т.д.).
| |
− | ==Дополнительные параметры==
| |
− |
| |
− | * '''прокликиваемость''' - Если 1, то кнопка прозрачна для клика мышкой (пропускает объектам под ней). Если 2, то кнопка сама обрабатывает клик, но и пропускает его дальше.
| |
− |
| |
− | * '''тайлинг''' - включает возможность замостить плиткой нужный размер.
| |
− |
| |
− | ==Рамка==
| |
− |
| |
− | * '''бордюр верхний''' - Графический ресурс текстуры верхнего бордюра
| |
− |
| |
− | * '''бордюр правый''' - Графический ресурс текстуры правого бордюра
| |
− |
| |
− | * '''бордюр нижний''' - Графический ресурс текстуры нижнего бордюра
| |
− |
| |
− | * '''бордюр левый''' - Графический ресурс текстуры левого бордюра
| |
− |
| |
− | * '''нахлест бордюров''' - Нахлест текстур бордюров в пикселях
| |
− |
| |
− | * '''угол левый верхний''' - Графический ресурс текстуры левого верхнего угла
| |
− |
| |
− | * '''угол правый верхний''' - Графический ресурс текстуры правого верхнего угла
| |
− |
| |
− | * '''угол правый нижний''' - Графический ресурс текстуры правого нижнего угла
| |
− |
| |
− | * '''угол левый нижний''' - Графический ресурс текстуры левого нижнего угла
| |
− |
| |
− | ==Фон==
| |
− | * '''alpha''' - Прозрачность заливки (не путать с прозрачностью объекта): от 0 (прозрачен) до 1 (не прозрачен).
| |
− | * '''текстура заливки''' - Графический ресурс текстуры фона
| |
− | * '''цвет заливки''' (''fillCol'') - Цвет заливки объекта. Задаётся в шестнадцатиричной системе(на пример AAAAAA, ABCABC, 12F5BC)
| |
− |
| |
− | =Состояния=
| |
− |
| |
− | * '''init''' - применяет цвет указаный в '''цвет заливки'''
| |
− |
| |
− | После задания цвета другим объектом(кнопкой, машиной) обязательно необходимо объект rectangle перевести в состояние init для того чтобы он поменял цвет.
| |
− |
| |
− | =Применение=
| |
− | ==Заливка==
| |
− |
| |
− | Можно объект применять для заливки сплошным цветом области сцены или для придания оттенка объекту.
| |
− |
| |
− | К примеру надо оттенять разными цветами.
| |
− |
| |
− | Для этого поставим на сцену кнопку и поверх неё поставим объект rectangle и зададим у него прозрачность.
| |
− | Также добавим несколько кнопок, которые будут менять цвет объекту rectangle.
| |
− | <div class="tleft" style="clear:none">[[Файл:R2.jpg|300px|мини|Экран с объектами]]</div>
| |
− | <div class="tleft" style="clear:none">[[Файл:R1.jpg|300px|мини|Дерево объектов]]</div>
| |
− | <br clear="all" />
| |
− |
| |
− | Настроим rectangle. Зададим начальный цвет, размер, прозрачность.
| |
− |
| |
− | [[Файл:R3.jpg|300px|thumb|left|Настройки rectangle]]
| |
− |
| |
− | <br clear="all" />
| |
− |
| |
− | Настроим кнопки. Задаим цвет на который хотим поменять и обязательно переведём объект rectangle в состояние init для того чтобы цвет поменялся.
| |
− |
| |
− |
| |
− | [[Файл:R4.jpg|300px|thumb|left|Настройки кнопки]]
| |
− |
| |
− | <br clear="all" />
| |
− |
| |
− | Результат во вьювере:
| |
− |
| |
− | [[Файл:R5.jpg|300px|thumb|left|Конечный результат]]
| |
− |
| |
− | <br clear="all" />
| |
− |
| |
− | ==Текстура==
| |
− |
| |
− | [[Файл:Rect1.jpg|right]]
| |
− |
| |
− | Очень часто при создании приложения в нем присутствуют различные формы-окна, например: диалоговые окна, различные подложки под объекты. Можно сделать их цельной графикой, но тогда размер этой графики будет довольно большим и мы потеряем производительность. Можно сделать подложку, растянув маленьких кусочек графики (scale) до нужных размеров, то тогда мы теряем четкость текстуры и границ. В этом случае полезным будет объект rectangle.
| |
− |
| |
− | Предположим, что нам нужно сделать большую подложку под какое-то диалоговое окно с красивой рамочкой.
| |
− |
| |
− | Создаем на сцене новый объект с типом rectangle.
| |
− | Настроим свойста:
| |
− |
| |
− |
| |
− | <br clear="all" />
| |
− | Пример графики, которая использовалась:
| |
− |
| |
− | [[Файл:Rect23.jpg]]
| |
− |
| |
− | <br clear="all" />
| |
− |
| |
− | Размеры получившейся формочки можем регулировать. При этом рамка будет подгоняться четко по контуру. Для наилучшего результата рекомендуется в редакторе ресурсов сделать бордеры = 0.
| |
− |
| |
− | Результат во вьювере:
| |
− |
| |
− | [[Файл:Rect3.jpg|300px]]
| |