Заманауи тақырыптарды пайдалану

Үлгіге негізделген қолданбалардың заманауи, жаңартылған көрінісі бар пайдаланушылар үлгіге негізделген қолданбалардың қосылған тәжірибесі Microsoft Fluent 2 дизайн жүйесіне сәйкестендірілген жаңартылған стиль. Бұл заманауи жаңартылған көрініс жаңа тақырыптық жүйемен бірге келетіндіктен, классикалық тақырып құрметтелмейді; дегенмен, жасаушылар заманауи, жаңартылған көріністі қосқан пайдаланушылар үшін қолданба тақырыбы пайдаланатын түстерді өзгерте алады. Бұл мақалада сіз заманауи, жаңартылған көрініспен қол жетімді стильді қайта анықтау туралы және оларды ұйымыңыз үшін қалай енгізу керектігін білесіз.

Ескерім

Қазіргі тақырыптар тек қолданба тақырыбын теңшеуге қолдау көрсетеді. Бизнес процесінің ағыны басқару элементін теңшеу сияқты басқа теңшеулер қолжетімді емес.

Қолданба тақырыбының түстерін өзгертіңіз

Қолданбада заманауи, жаңартылған көрініс қосылған мен, жасаушылар ұйымдық брендингке сәйкестендіру үшін қолданба тақырыбы пайдаланатын түстерді өзгерте алады. Мұны орындау үшін сіз қажетті түстерді XML ресурсына инкапсуляциялайсыз, осы веб-ресурсқа нұсқау үшін қолданба параметрін пайдаланасыз, содан кейін түс өзгерістерінің күтуге сәйкес келетінін тексеріңіз.

Ескерім

Бұл функция құрастыру 9.2.23094 немесе кейінгі нұсқасында қол жетімді.

Қолданба тақырыбы түстері үшін пайдаланылатын XML ресурсына шолу

Қолданба тақырыбының стилін өзгертудің бірінші қадамы әртүрлі түс таңдауларымен XML файлын жасау болып табылады. Кейінірек AppHeaderColors тегінде анықталған келесі атрибуттардың біреуі немесе бірнешеуі бар XML веб-ресурсын жасайсыз.

  • Background – Қолданба тақырыбының өң түсі. Бұл элемент кез келген өзгерістер күшіне енуі үшін анықталуы керек.
  • Foreground – Қолданба тақырыбының мәтін түсі. Егер бұл көрсетілмесе, жүйе берілген өң түсіне жеткілікті контрасты бар сәйкес түсті есептеуге әрекет жасайды.
  • BackgroundHover – Қолданбаның үстіңгі деректемесіндегі түймелердің өң түсі. Ешбір мән көрсетілмесе, жүйе өң түсіне негізделген түсті есептейді.
  • ForegroundHover – Қолданбаның үстіңгі деректемесіндегі түймелердің мәтіндік түсі. Ешбір мән көрсетілмесе, жүйе backgroundHover түсіне жеткілікті контрасты бар сәйкес түсті есептеуге әрекет жасайды.
  • BackgroundPressed – Басқан кезде қолданба тақырыбындағы түймелердің өң түсі. Әдепкі логика backgroundHover сияқты.
  • ForegroundPressed – Басқан кезде қолданба тақырыбындағы түймелердің мәтін түсі. Әдепкі логика foregroundHover сияқты.
  • BackgroundSelected – Таңдалған кезде қолданба тақырыбындағы түймелердің фондық түсі. Әдепкі логика backgroundHover сияқты.
  • ForegroundSelected – Таңдалған кезде қолданба тақырыбындағы түймелердің мәтін түсі. Әдепкі логика backgroundHover сияқты.

Қазіргі тақырыпқа арналған XML мысалы

Мысал ретінде, бұл XML ақ мәтіні бар қолданба тақырыбы үшін жасыл өң түсін, әр түрлі түймелердің өзара әрекеттесу күйлері үшін күңгірт фон түстерімен анықтайды. Оңтайлы пайдалану үшін біз әр күй үшін әртүрлі түс мәндерін көрсетуді ұсынамыз.

<AppHeaderColors 
  background="#12783F"
  foreground="#FFFFFF" 
  backgroundHover="#165A31" 
  foregroundHover="#FFFFFF"
  backgroundPressed="#0F1C12"
  foregroundPressed="#FFFFFF"
  backgroundSelected="#153D23" 
  foregroundSelected="#FFFFFF"
/>

Веб-ресурс жасаңыз

  1. Мәтінді немесе XML өңдегішін пайдаланып, веб-ресурсты жасау үшін пайдаланылатын XML файлын сақтаңыз. Қазіргі тақырыпқа арналған XML мысалы
  2. Power Apps жүйесіне кіріңіз.
  3. Сол жақ шарлау тақтасында Шешімдерді таңдап, Жаңа шешім жасаңыз.
  4. Жаңа > Қосымша > Веб-ресурс таңдаңыз.
  5. Жаңа веб-ресурс сипаттары аймағында келесі мәндерді енгізіңіз:
    • Көрсетілетін атау: Көрсетілетін атауды енгізіңіз, мысалы, Қазіргі тақырыптарға арналған XML.
    • Аты. Веб-ресурстың бірегей атауын енгізіңіз.
    • Түрі: Деректер (XML)
  6. Файлды таңдау таңдаңыз, тақырыппен бұрын жасалған XML файлын шолыңыз және таңдаңыз.
  7. Сақтау пәрменін таңдаңыз. Бұл теңшеуді келесі бөлімдегі қадамдармен жариялайсыз.

Ортаңыздағы қолданбаларға реттелетін қолданба тақырыбының түстерін қолданыңыз

Түстерді таңдап, веб-ресурсты жасағаннан кейін, "Жаңа көрініс" қосылған ортаңыздағы барлық қолданбалар үшін осы қолданба тақырыбын сәндеуді қосу үшін мына қадамдарды орындаңыз.

  1. Сіз веб-ресурсты жасау үшін пайдаланған шешімде Бар > Қосымша > опциясын таңдаңыз. Параметр.
  2. Алдын ала анықтау Іздеу өрісіне теріңіз, Қолданба тақырыбы түсін қайта анықтау таңдаңыз. , Келесі, одан кейін Қосу опциясын таңдаңыз.
  3. Шешімде Қолданба тақырыбы түсін қайта анықтау, содан кейін пәрмен жолағында Өңдеу пәрменін таңдаңыз.
  4. Оң жақта Бағдарламаның үстіңгі деректеме түсін өзгерту сипаттар тақтасында Ортаның мәнін орнату таңдап, бірегей атын енгізіңіз. бұрын жасаған веб-ресурс.
  5. Сақтау пәрменін таңдаңыз.
  6. Пәрмендер жолағында Барлық теңшеулерді жариялау таңдаңыз. (Бұл пәрмен шешімдегі компоненттер таңдалмаған кезде пайда болады).

Жоғарыдағы мысал түстерімен қолданба тақырыбы қолданбаны жаңартудан немесе ойнатқаннан кейін осылай болуы керек.
Үлгіге негізделген қолданбадағы жасыл қолданба тақырыбы

Қолданба тақырыбының жаңа түстері тексерілуде

Жаңа қолданба тақырыбының түстерін жариялағаннан кейін барлығы сіз күткендей пайда болуын және қол жетімділік үшін жеткілікті контраст коэффициенттерінің болуын қамтамасыз ету үшін барлық түйме күйлерін қоса, қолданба тақырыбының көрнекілігін тексергіңіз келеді. Келесі түс таңдауын тексеру керек:

  • Қажетті түстер демалыстағы қолданба тақырыбы үшін және әрбір түйменің әрекеттесу күйі үшін көрсетіледі.
  • Демалыс күйі мен әрбір түйменің әрекеттесу күйі үшін алдыңғы және фондық түстер арасында кемінде 4,5:1 контраст қатынасы бар.

Келесіні де қараңыз:

Жаңартылған заманауи көрініс

Ескерім

Сіз құжат тіліңіздің артықшылықтары туралы айта аласыз ба? Қысқа сауалнамаға қатысыңыз. (бұл сауалнама ағылшын тілінде екеніне назар аударыңыз)

Сауалнама шамамен жеті минут уақытыңызды алады. Жеке деректер жиналмайды (құпиялылық туралы мәлімдеме).