Працюємо з Expression Blend Windows Runtime

Однією з найпотужніших утиліт для розробки інтерфейсів на XAML є

Expression Blend Автори використовують її в таких цілях:

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp генерація XAML для зображень на основі безлічі графічних примітивів

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp конвертація готових інтерфейсів, реалізованих за допомогою Adobe Photoshop і Adobe Illustrator (Дуже ефективно для тих проектів, які вже реалізовані на альтернативних платформах)

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp створення анімації (потім її дуже просто скопіювати в потрібне місце всередині Visual Studio)

·&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp генерація шаблонів (переходи, «висмикування» стандартних шаблонів та ін)

Як розробники, ми не використовуємо Blend в повному циклі створення інтерфейсу, але для дизайнера ця утиліта виявиться більш придатною, ніж Visual Studio Більш того, дозволяючи вирішувати описані вище завдання, вона стає незамінною

Щоб створити проект в Expression Blend (до речі, проект створюється у форматі Visual Studio, тому мова йде навіть не про копіювання коду, а про спільну роботу дизайнера і розробника), досить вибрати команду File -&gt New Project, А потім вибрати тип проекту

Незважаючи на те, що ми всі проекти пишемо на C #, Blend дозволяє створювати інтерфейси і на JavaScript / HTML Для цього повністю довелося переробити утиліту, але будемо сподіватися, що JavaScript-розробники це оцінять:

Рис 84

Як видно з малюнка, шаблони повністю відповідають шаблонах у Visual Studio і розділені на дві групи: HTML і XAML При цьому, створюючи проект на XAML, Ви можете використовувати не тільки C #, але і Visual Basic NET або C + +

Отже, створивши новий додаток, Ви побачите наступне вікно:

Рис 85

Відображається робоча область, вікно Projects, Панель інструментів та інші вікна Швидше за все, Ви почнете роботу з панелі інструментів, де містяться найбільш поширені елементи управління Вибравши один з елементів, можна додати будь кількість його примірників в інтерфейс програми Щоб припинити роботу з конкретним елементом і перейти в режим роботи з інтерфейсом, виберіть перший елемент на панелі інструментів (Selection)

ВікноProjects чимось нагадує вікно Solution Explorer в Visual Studio Тут міститься список файлів вашого проекту Проте можливості цього вікна вкрай обмежені: у ньому не можна переглянути список посилань на збірки, перейти до властивостей файлу і т д Мабуть, дизайнерів вирішили не лякати Використовуючи контекстне меню, Ви можете перейти до роботи з проектом в Visual Studio

Рис 86

Після вкладки вікна Projects розташована вкладка вікна Assets, В якому можна отримати доступ до всіх обєктів проекту, включаючи елементи управління, стилі, відеофайли і ін Будь-який елемент управління можна перетягнути на панель інструментів для подальшої роботи з ним

Рис 87

Вікно Objects and Timeline дозволяє виконувати навігацію по дереву обєктів

Silverlight-додатки, а також працювати з анімацією

Рис 88

Вибираючи елемент у вікні Objects and Timeline або безпосередньо у вікні редагування інтерфейсу, Ви можете редагувати властивості активного обєкта, використовуючи вікно Properties Тут Ви можете задати трансформацію, пензлі й інші властивості елемента

Рис 89

І, нарешті, якщо Ви хочете перейти в режим редагування XAML-файла поза візуальним дизайнера, то можете скористатися командою меню View -&gt Active Document View

Expression Blend дозволяє досить просто створювати анімацію будь-якого рівня складності Для цього потрібно скористатися вікномObjects  and Timeline, Натиснувши кнопкуNew…  У результаті цієї дії на екрані відобразиться вікно Create Storyboard Resource

Рис 810

Expression Blend створює обєкт Storyboard в ресурсах додатка, що цілком прогнозовано, враховуючи слабкі можливості тригерів

Після створення обєкта Storyboard буде активований режим запису анімації

Рис 811

Залишається пересунути повзунок на часовій шкалі і встановити нові властивості для вибраного обєкта або обєктів Після виконання цієї дії, можна попередньо переглянути анімацію

Працюючи з анімацією, слід звернути увагу на дерево обєктів У режимі запису анімації тут відображаються всі аніміруемие властивості Вибравши одне з них, можна додатково налаштувати анімацію через вікно властивостей

Рис 812

Сергій Лутай, Сергій Байдачний, Windows 8 для C # розробників

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


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

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

Ваш отзыв

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

*

*