Уроки Flash: Як вирівняти?, Програми для роботи з графікою, Програмні керівництва, статті

Майже будь-яка дія можна зробити на комп’ютері різними способами. Іноді відповідний або невідповідний спосіб означає економію або, навпаки, порожню трату значного часу. І навіть якщо мова про дрібниці зразок пари зайвих кліків мишкою – ці дрібниці складаються в дуже і дуже відчутні трудовитрати на скільки-небудь значному обсязі роботи.

Цим уроком я починаю серію оповідань “як зробити?” – Про те, як зробити що-небудь в Flash декількома способами.
Тут не буде багато скріншотів-“коміксів”, бо в більшості випадків все зрозуміло і без них – і їх я буду використовувати тільки за потребою.

“Мишкою” і “гарячими клавішами” не вважається різними способами, хоча я рекомендую скрізь, коли і де тільки можливо, використовувати клавіатурні комбінації – з клавіатури при деякому навику все робиться набагато (в деяких випадках – в десятки разів) швидше. Тому, де можливо, я буду приводити послідовність “хоткеев”.

Деякі з прийомів використовувалися в інших уроках, однак я думаю, що це не завадить такий серії бути корисною, особливо для початківців.

Доповнення і зауваження прівествуются.

Вирівнювання по центру сцени

1) Через панель Align: вибрати об’єкт, викликати панель Window-> Align, відзначити опцію “Align to Stage”, натиснути кнопку відповідного вирівнювання.
Те ж на клавіатурі: Ctrl + K (щоб бачити значення “Align to Stage”), Ctrl + Shift +8 (по необходіості), Ctrl + Shift +2 (по вертикалі) / Ctrl + Shift +5 (по горизонталі)
2) Через Proprties: в деяких випадках значення ширини об’єкта настільки “круглі”, що обчислити в розумі за формулою (Ww) / 2 (де W – ширина сцени, w – ширина об’єкта) або аналогічної для висот сцени та об’єкта швидше, ніж “повзати” по меню або навіть “грати акордами” на клавіатурі – в цьому випадку “вбити” необхідне значення в поле “X:” вкладки “Properties” (у кого як, а в мене ця вкладка і таймлайн практично завжди відкрита)
3) Програмно:
CODE
my_mc._x = (Stage.width – my_mc._width)/2;
my_mc._y = (Stage.height – my_mc._height)/2;

Вирівнювання об’єктів між собою

1) Зводиться до тих же процедурам, тільки опція “Align to Stage” повинна бути виключена. При цьому не забувайте про відому оригінальної особливості флеш: шейп одного кольору на одному шарі при накладенні зливаються, різних кольорів – те, що лежить вище (в тому ж шарі, но), вирізає при знятті виділення (вибору) “дірку” в тому, що нижче – тобто працює аналогічно функції trim для шляхів в інших векторних редакторах.
2) Програмно:
CODE
my_mc2._x = my_mc._x+(my_mc._width – my_mc2._width)/2;
my_mc2._y = my_mc._y+(my_mc._height – my_mc2._height)/2;

Можна ще вирівнювати за допомогою напрямних (guides) та сітки (grid), але про використання того і іншого ми поговоримо іншим разом окремо.

Вирівнювання тексту

Текст (вже відцентровані по текстовому полю опцією в Properties) вирівнювати горизонтально по центру найкраще, переміщаючи хендл текстового поля. Т.ч. можна вирівняти текст з урахуванням округлих і загострених елементів, тобто візуально, а не тільки геометрично.

Вирівнювання тексту всередині блоку можна задавати для динамічного тексту з включеною опцією “render as HTML” через атрибути HTML-тега

– напр., Так:


CODE
_root.txt_var = “<p align=”center”>hello world</p>”;
/*
при txt_var – мінлива текстового поля
в цьому випадку опція вирівню з Properties ігнорується
*/

або
CODE

_root.txt.htmlText = “<P align=”center”>Hello world</P>”;
/*
де txt – ім’я текстового поля.

зауваження: конструкція виду
_root.txt.htmlText = “<P align=”center”>”+_root.txt.htmlText+”</P>”;
не працює так, як очікується!

*/


У випадку вирівнювання частини тексту всередині параграфа доведеться використовувати окремий параграф – з невідомої причини тег в флеш-інтерпретації атрибут align не підтримує.

Для включення режиму “render as HTML” програмно використовується такий вираз:
CODE

_root.txt.html = true;

Для форматування динамічного HTML-тексту можна використовувати також каскадні таблиці стилів, але вони заслуговують, я думаю, окремого, а то й не одного, уроку.

 

Автором уроку є Des.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*