Споделяне чрез


Използване на модерни теми в приложения за платно (предварителен преглед)

[Тази статия е документ преди издаването и подлежи на промяна.]

Модерните теми, които са предварително установени стилови набори, могат да трансформират външния вид на приложението ви. Тези теми, базирани на езика за дизайн Fluent на Microsoft, променят различни аспекти на стила като цвят, типография, граници и сенки, осигурявайки визуално приятен и последователен интерфейс. Модерната тематика опростява процеса на персонализиране, като позволява на създателите без усилие да проектират приложение с унифицирана и последователна визуална привлекателност.

Важно

  • Това е функция за предварителен преглед.
  • Функциите за предварителен преглед не са предназначени за производствена употреба и може да са с ограничена функционалност. Тези функции са достъпни преди официалното издание, за да могат клиентите да получат ранен достъп и да дадат обратна връзка.

Предварителни изисквания

За да използвате съвременни теми, трябва да го активирате. Повече информация вижте Разрешаване на модерни контроли и теми за вашето приложение.

Бележка

Когато са разрешени модерни контроли и теми, няма да можете да избирате класически теми от командната лента. За да използвате пенсионирани класически теми, ще трябва да разрешите настройката Запазване на класическите теми за оттеглено приложение.

Създаване на тема

Има няколко теми извън кутията, които са на разположение за оформяне на приложението ви. Можете също така да проектирате своя собствена тема за по-персонализирана визуална естетика.

  1. В менюто за създаване на приложения изберете > Теми икона Теми.
  2. В екрана Теми изберете Добавяне на тема.
  3. В диалоговия прозорец Създаване на тема въведете следната информация:
    • Име на тема: Името на темата трябва да е уникално.
    • Шрифт: Изберете шрифта по подразбиране, който контролите в приложението използват, когато се прилага темата.
    • Цвят на семената: Изберете цвета, на който искате да базирате темата си, или ръчно въведете шестнадесетичното или RGB представяне на цвета. Системата генерира 16-слот палитра, която е оптимизирана за достъпност.
    • Hue / Vibrancy: Регулирайте палитрата за генериране, особено по-светлите цветове, с плъзгачите Hue и Vibrancy . Оттенъкът влияе върху цветовия нюанс, а жизнеността влияе върху заглушаването или яркостта на палитрата.
  4. По желание погледнете статичната визуализация на новата си тема. Можете да взаимодействате с примерните контроли, за да видите как вашата тема се прилага към състоянието на покой и различните състояния на взаимодействие.
  5. Изберете Създаване.

Новата ви тема се създава и прилага към приложението ви.

Прилагане на модерна тема

  1. В менюто за създаване на приложения изберете > Теми икона Теми.
  2. В екрана Теми изберете една от темите по подразбиране.

Когато е избрана модерна тема, стилът на темата автоматично се прилага към контролите в приложението ви. Това действие задава свойството App.Theme .

Бележка

Съвременните теми сега оказват влияние върху класическите контроли, като задават свойства на класическите контроли с Power Fx формули, които препращат към променливи от съвременната тема.

Редактиране на тема

Можете да редактирате темата и да промените един или повече параметри на темата по избор.

  1. В менюто за създаване на приложения изберете > Теми икона Теми.
  2. В екрана Теми намерете плочката, съответстваща на темата, която искате да редактирате, и изберете Опции > за редактиране.
  3. В екрана Редактиране на тема настройте темата според нуждите.

Бележка

Не можете да редактирате теми извън кутията.

Изтриване на тема

Ако решите, че вече не се нуждаете от персонализирана тема в приложението си, можете да я изтриете.

  1. В менюто за създаване на приложения изберете > Теми икона Теми.
  2. В екрана Теми намерете темата, която искате да редактирате, и след това изберете (...) Опции > за изтриване.
  3. В диалоговия прозорец за потвърждение изберете Изтриване на тема.

Ако имате формули Power Fx , които препращат към тази тема в приложението ви, трябва ръчно да актуализирате формулата.

Бележка

Не можете да изтривате теми извън кутията.

Използвайте теми с Power Fx

Съвременните тематични обекти са достъпни за производителите да използват чрез Power Fx. Текущо активният обект на темата може да бъде посочен от App.Theme, а всяка тема, заредена в приложението, може да бъде посочена от името на инстанцията, като например RedTheme. Препоръчваме ви да препращате към обекта на темата с помощта на App.Theme, за да сте сигурни, че цветовите селекции се адаптират към промените в темата.

Всеки обект на тема включва следната информация:

  • Име: Името на темата.
  • Цветове: Колекция от 16-те цвята, съставляващи рампата на марката за темата. Всеки цвят в тази рампа е индивидуално достъпен по име.

Изображението показва променливите на слота в колекцията Colors и, като пример, съответните цветове за темата Steel .

Включване на модерни контроли

С помощта на рампата на марката на темата можете ръчно да оформите класически контрол, базиран на текущата модерна тема, като например Button.Fill = App.Theme.Colors.Primary.

Бележка

За да предоставите обратна връзка, вижте: Предоставяне на обратна връзка на Microsoft.

Вижте също

Модерни контроли блог пост