Fluent UI басқару элементтерін пайдалану

Microsoft Teams бағдарламасында жақсы көрінетін бағдарламаларды жасау біздің жаңа құрамдастарымызбен оңай болады. Fluent UI framework ішінде кірістірілген жаңа құрамдастар Teams стильдерімен керемет көрінеді және Teams әдепкі тақырыбына автоматты түрде бейімделеді. Жаңа басқару элементтері - түймешік, құсбелгі, аралас өріс, күнді таңдау құралы, белгі, радио тобы, бағалау, жүгірткі, мәтін өрісі және ауыстыру.

Әр Fluent UI басқару элементін және оның ең пайдалы сипаттарын қарастырайық. Power Apps ішіндегі басқару элементтері мен сипаттардың толық тізімін алу үшін Power Apps ішіндегі басқару элементтері мен сипаттары бөліміне өтіңіз.

Түймешік

Пайдаланушы бағдарламамен өзара әрекеттесу үшін таңдай алатын басқару элементі.

Сипаттамасы

Пайдаланушы басқару элементін таңдаған кезде бір немесе бірнеше формуланы іске қосу үшін Түймешік басқару элементінің OnSelect сипатын конфигурациялаңыз.

Кілт сипаттары

ButtonType - стандартты немесе бастапқы түймешік стилі. Әдепкі мәні: Стандартты.

OnSelect – пайдаланушы басқару элементін таңдалған кезде бағдарламаның жауап беру жолы.

Мәтін - басқару элементінде пайда болатын немесе пайдаланушы басқару элементіне енгізетін мәтін.

Таңдау ұяшығы

Мәнін true немесе false деп орнату үшін пайдаланушы таңдай алатын немесе тазалай алатын басқару элементі.

Сипаттамасы

Пайдаланушы пайдаланушы интерфейсінде кеңінен пайдаланылған осы таныс басқару элементін пайдалану арқылы логикалық мәнді көрсете алады.

Кілт сипаттары

Өріс жағы - құсбелгі көрсетілетін басқару элементінің жағы.

Белгі – басқару элементінде пайда болатын мәтін.

Құсбелгі қойылған – басқару элементіне құсбелгі қойылған немесе қойылмаған.

Аралас тізім

Пайдаланушыларға берілген таңдаулардан іріктеуге мүмкіндік беретін басқару элементі. Іздеуді және бірнеше таңдауды қолдайды.

Сипаттамасы

Аралас өріс басқару элементі пайдаланушыға таңдау үшін элементтерді іздеуге мүмкіндік береді.

Бір немесе бірнеше таңдау режимі SelectMultiple сипаты арқылы конфигурацияланады.

Кілт сипаттары

Элементтер – таңдаулар жасауға болатын деректер көзі.

DefaultSelectedItems - пайдаланушы басқару элементімен өзара әрекеттесуінен бұрын таңдалған элементтер.

SelectMultiple – Пайдаланушы бір элементті немесе бірнеше элементті таңдай алатыны.

IsSearchable – Таңдамас бұрын пайдаланушы элементтерді іздей алатын-алмайтыны.

Күнді таңдау

Пайдаланушы күнді көрсету үшін таңдай алатын басқару элементі.

Сипаттамасы

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

Кілт сипаттары

Мән - күн басқару элементінде ағымдағы таңдалған күн. Бұл күн жергілікті уақытта көрсетіледі.

Label

Мәтін, сандар, күндер немесе валюта сияқты деректерді көрсететін жолақ.

Сипаттамасы

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

Кілт сипаттары

Түсі – басқару элементіндегі мәтіннің түсі.

Қаріп – мәтін пайда болатын қаріптер тобының атауы.

Мәтін – басқару элементінде пайда болатын мәтін.

Ажыратып-қосқыштар тобы

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

Сипаттамасы

Радио тобы басқару элементі стандартты HTML кіріс басқару элементі болып табылады және тек бір-бірін жоққа шығаратын бірнеше нұсқада жақсы қолданылады.

Кілт сипаттары

Элементтер – галерея, тізім немесе диаграмма сияқты басқару элементінде көрсетілетін деректердің көзі.

Таңдалған – Таңдалған элементті көрсететін деректер жазбасы.

Бағалау

Пайдаланушылар 0-ден сіз көрсеткен максималды санға дейінгі мәнді көрсете алатын басқару элементі.

Сипаттамасы

Бұл басқару элементінде пайдаланушы, мысалы, белгілі бір жұлдыздар санын таңдау арқылы бірдеңені қаншалықты ұнатқанын көрсете алады.

Кілт сипаттары

Мән - басқару элементінің пайдаланушы өзгерткенге дейінгі бастапқы мәні.

Max – Пайдаланушы жүгірткіні немесе бағаны орната алатын ең үлкен мән.

Слайдер

Пайдаланушы тұтқаны сүйреу арқылы мәнді көрсете алатын басқару элементі.

Сипаттамасы

Пайдаланушы сіз таңдаған бағытқа байланысты жүгірткіні солдан оңға немесе жоғары және төмен сүйреу арқылы сіз көрсеткен минималды және максималды мән арасындағы мәнді көрсете алады.

Кілт сипаттары

Max – Пайдаланушы жүгірткіні немесе бағаны орната алатын ең үлкен мән.

Min – Пайдаланушы жүгірткіні орната алатын минималды мән.

Мән – кіріс басқару элементінің мәні.

Орналасу - басқару элементінің көлденең немесе тігінен көрсетілуі.

Мәнді көрсету - басқару элементі мәнді көрсету керектігі немесе керек еместігі.

Мәтін ұясы

Пайдаланушы мәтін, сандар және басқа деректерді енгізе алатын өріс.

Сипаттамасы

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

Кілт сипаттары

Қаріп – мәтін пайда болатын қаріптер тобының атауы.

Мәтін - басқару элементінде пайда болатын немесе пайдаланушы басқару элементіне енгізетін мәтін.

Ауыстырып-қосу

Пайдаланушы тұтқаны жылжыту арқылы қоса немесе өшіре алатын басқару элементі.

Сипаттамасы

Ауыстыру басқару элементі заманауи пайдаланушы интерфейсіне арналған, бірақ құсбелгі сияқты әрекет етеді.

Кілт сипаттары

Құсбелгі қойылған – басқару элементіне құсбелгі қойылған немесе қойылмаған.

OffText - өшірулі күйдің мәтіні.

OnText - қосулы күйдің мәтіні.

Fluent UI мен классикалық басқару элементтерінің арасындағы айырмашылық

Пайдалануды жеңілдету үшін басқару элементтерінің сипаттары жеңілдетілді. Келесі кестеде Fluent UI басқару элементтері мен классикалық басқару элементінің сипаттары атаулары арасындағы айырмашылықтар келтірілген.

Басқару элементінің түрі	Классикалық	Fluent UI
Түймешік	Толтыру Фон TabIndex	ColorFill ColorBackground AcceptsFocus
Таңдау ұяшығы	Әдепкі TabIndex	Белгіленген AcceptsFocus
Аралас тізім	InputTextPlaceholder TabIndex	Мәтін AcceptsFocus
Күнді таңдау	SelectedDate TabIndex	Мәні AcceptsFocus
Белгі	Өлшем	FontSize
Ажыратып-қосқыштар тобы	TabIndex	AcceptsFocus
Бағалау	Әдепкі TabIndex	Мәні AcceptsFocus
Слайдер	Әдепкі TabIndex	Мәні AcceptsFocus
Мәтін ұясы	Түс Әдепкі Толтыру SpellCheck TabIndex	ColorText Мәні ColorBackground EnableSpellCheck AcceptsFocus
Ауыстырып-қосу	Өлшем Әдепкі TabIndex	FontSize Белгіленген AcceptsFocus

Сондай-ақ келесіні қараңыз

Қосымша бағдарламалар жасау
Power Apps Studio бағдарламасын түсіну

Ескерім

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

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