Upotreba kontrola za Fluent UI

Naše nove komponente značajno olakšavaju stvaranje aplikacija koje izgledaju izvrsno u servisu Microsoft Teams. Utemeljene na okviru Fluent UI, nove će komponente izgledati sjajno sa stilovima servisa Teams i automatski će se prilagoditi zadanoj temi Teamsa. Nove kontrole su Gumb, Potvrdni okvir, Kombinirani okvir, Birač datuma, Oznaka, Grupa gubma za odabir, Ocjena, Klizač, Tekstualni okvir i Prebaci.

Proučimo svaku kontrolu okvira Fluent UI i njezina najkorisnija svojstva. Za cjelokupan popis kontrola i svojstava u aplikaciji Power Apps, idite na Kontrole i svojstva u aplikaciji Power Apps.

Button

Kontrola koju korisnik može odabrati za interakciju s aplikacijom.

Opis

Konfigurirajte svojstvo OnSelect za kontrolu Gumb da biste pokrenuli jednu ili više formula kada korisnik odabere kontrolu.

Svojstva ključa

ButtonType – Stil gumba za prikaz, standardni ili primarni. Zadana vrijednost: Standardni.

OnSelect – Kako aplikacija odgovara kada korisnik odabere kontrolu.

Tekst – Tekst koji se prikazuje na kontroli ili koji korisnik unosi u kontrolu.

Potvrdni okvir

Kontrola koju korisnik može odabrati ili očistiti da postavi njenu vrijednost na true ili false.

Opis

Korisnik može odrediti Booleovu vrijednost s pomoću ove poznate kontrole, koja se često koristi u korisničkom sučelju.

Svojstva ključa

Strana okvira – Strana kontrole na kojoj je prikazan potvrdni okvir.

Oznaka – Tekst koji se prikazuje na kontroli.

Potvrđeno – Je li kontrola potvrđena ili nije.

Kombinirani okvir

Kontrola koja omogućuje korisnicima odabir od ponuđenih izbora. Podržava pretraživanje i više odabira.

Opis

Kontrola Kombinirani okvir omogućuje korisniku pretraživanje stavki koje će odabrati.

Način pojedinačnog ili višestrukog odabira konfigurira se putem svojstva SelectMultiple.

Svojstva ključa

Stavke – Izvor podataka iz kojih se može vršiti odabir.

DefaultSelectedItems – Stavke koje se u početku odabiru, prije nego što korisnik stupi u interakciju s kontrolom.

Višestrukiodabir – Može li korisnik odabrati jednu ili više stavki.

Pretraživestavke – Može li korisnik pretražiti stavke prije odabira.

Birač datuma

Kontrola koju korisnik može odabrati za određivanje datuma.

Opis

Ako dodate kontrolu Birač datuma umjesto kontrole za unos teksta, osigurat ćete da korisnik navede datum u točnom formatu.

Svojstva ključa

Vrijednost – Datum koji je trenutačno odabran u kontroli datuma. Ovaj datum predstavljen je po lokalnom vremenu.

Label

Okvir koji prikazuje podatke kao što su tekst, brojevi, datumi ili valuta.

Opis

Oznaka prikazuje podatke koje ste naveli kao doslovni niz teksta ili kao formulu koja obrađuje niz teksta. Oznake se često pojavljuju izvan bilo koje druge kontrole (kao što je natpis koji identificira zaslon), kao oznaka koja identificira drugu kontrolu (poput ocjenjivanja ili kontrole zvuka) ili u galeriji radi prikazivanja određene vrste informacija o stavci.

Svojstva ključa

Boja – Boja teksta u kontroli.

Font – Naziv skupine fontova u kojem se prikazuje tekst.

Tekst – Tekst koji se prikazuje na kontroli.

Grupa gumba za odabir

Kontrola za unos koja prikazuje više opcija, pri čemu korisnici mogu odjednom odabrati samo jednu.

Opis

Kontrola Grupa gumba za odabir, standardna HTML kontrola za unos, najkorisnija je sa samo nekoliko međusobno isključivih opcija.

Svojstva ključa

Stavke – Izvor podataka koji se pojavljuje u kontroli kao što je galerija, popis ili grafikon.

Odabrano – Zapis podataka koji predstavlja odabranu stavku.

Ocjenjivanje

Kontrola s pomoću koje korisnici mogu naznačiti vrijednost od 0 do maksimalnog broja koji navedete.

Opis

U ovoj kontroli, korisnik može na primjer naznačiti koliko im se nešto svidjelo odabirom određenog broja zvjezdica.

Svojstva ključa

Vrijednost – Početna vrijednost kontrole prije nego što je korisnik promijeni.

Maksimalno – Maksimalna vrijednost na koju korisnik može postaviti klizač ili ocjenu.

Klizač

Kontrola s kojom korisnik može odrediti vrijednost povlačenjem ručke.

Opis

Korisnik može naznačiti vrijednost, između minimalne i maksimalne vrijednosti koju navedete, povlačenjem ručice klizača slijeva udesno ili gore-dolje, ovisno o smjeru koji odaberete.

Svojstva ključa

Maksimalno – Maksimalna vrijednost na koju korisnik može postaviti klizač ili ocjenu.

Minimalno – Minimalna vrijednost na koju korisnik može postaviti klizač.

Vrijednost – Vrijednost kontrole za unos.

Izgled – Prikazuje li se kontrola vodoravno ili okomito.

Prikaži vrijednost – Treba li kontrola prikazati vrijednost.

Tekstni okvir

Okvir u koji korisnik može unijeti tekst, brojeve i druge podatke.

Opis

Korisnik može odrediti podatke upisivanjem u kontrolu Tekstni okvir. Ovisno o tome kako konfigurirate aplikaciju, ti se podaci mogu dodati u izvor podataka koji se koristi za izračun privremene vrijednosti ili ugraditi na neki drugi način.

Svojstva ključa

Font – Naziv skupine fontova u kojem se prikazuje tekst.

Tekst – Tekst koji se prikazuje na kontroli ili koji korisnik unosi u kontrolu.

Uključi/isključi

Kontrola koju korisnik može uključiti ili isključiti pomicanjem ručke.

Opis

Kontrola Prebaci namijenjena je za suvremeno korisničko sučelje, ali ponaša se na isti način kao potvrdni okvir.

Svojstva ključa

Potvrđeno – Je li kontrola potvrđena ili nije.

OffText – Tekst isključenog stanja.

OnText – Tekst uključenog stanja.

Razlika između kontrola za Fluent UI i klasičnih kontrola

Svojstva kontrola pojednostavljena su radi lakše upotrebe. Sljedeća tablica navodi razlike između kontrola za Fluent UI i naziva svojstava klasičnih kontrola.

Vrsta kontrole	Klasični	Fluent UI
Button	Ispuna Pozadina TabIndex	ColorFill ColorBackground AcceptsFocus
Potvrdni okvir	Zadano TabIndex	Potvrđeno AcceptsFocus
Kombinirani okvir	InputTextPlaceholder TabIndex	SMS AcceptsFocus
Birač datuma	SelectedDate TabIndex	Value AcceptsFocus
Natpis	Veličina	FontSize
Grupa gumba za odabir	TabIndex	AcceptsFocus
Ocjenjivanje	Zadano TabIndex	Value AcceptsFocus
Klizač	Zadano TabIndex	Value AcceptsFocus
Tekstni okvir	Boja Zadano Ispuna SpellCheck TabIndex	ColorText Value ColorBackground EnableSpellCheck AcceptsFocus
Uključi/isključi	Veličina Zadano TabIndex	FontSize Potvrđeno AcceptsFocus

Pogledajte također

Izrada dodatnih aplikacija
Objašnjenje za Power Apps Studio

Napomena

Možete li nam reći više o željenim jezicima za dokumentaciju? Ispunite kratki upitnik. (imajte na umu da je upitnik na engleskom jeziku)

Ispunjavanje upitnika će trajati otprilike sedam minuta. Osobni podaci se ne prikupljaju (izjava o zaštiti privatnosti).