Utilitzar els controls d'interfície d'usuari fluid

La creació d'aplicacions que semblen genial a Microsoft Teams serà més fàcil amb els nostres components nous. Construït sobre el marc d'interfície d'usuari fluid, els components nous es semblaran genial amb els estils del Teams i s'ajustaran automàticament al tema per defecte del Teams. Els controls nous són el botó, la casella de selecció, el quadre combinat, el selector de dates, l'etiqueta, el grup de ràdio, la puntuació, el control lliscant, el quadre de text i el commutador.

Fem una ullada a cada control de les interfícies d'usuari fluid i a les seves propietats més útils. Per obtenir una llista completa dels controls i propietats al Power Apps, aneu a Controls i propietats al Power Apps.

Button

Un control que l'usuari pot seleccionar per interactuar amb l'aplicació.

Descripció

Configureu la propietat OnSelect d'un control de Botó per executar una o diverses fórmules quan l'usuari seleccioni el control.

Propietats de la clau

ButtonType - l'estil de botó per mostrar, estàndard o principal. Valor per defecte: Estàndard.

OnSelect: la manera com respon l'aplicació quan l'usuari selecciona un control.

Text - text que apareix en un control o que l'usuari introdueix en un control.

Casella de selecció

Control que l'usuari pot seleccionar o desactivar per definir-ne el valor com a cert o fals.

Descripció

L'usuari pot especificar un valor booleà utilitzant aquest control familiar, que s'ha utilitzat àmpliament a la interfície d'usuari.

Propietats de la clau

Costat del quadre - costat del control en el qual es mostra la casella de selecció.

Etiqueta – text que apareix en un control.

Verificat - indica si el control està verificat o no.

Quadre combinat

Control que permet als usuaris fer seleccions d'opcions proporcionades. Admet la cerca i la selecció múltiple.

Descripció

El control de Quadre combinat permet que un usuari cerqui els elements per seleccionar.

El mode de selecció individual o múltiple es configura per mitjà de la propietat SelectMultiple.

Propietats de la clau

Elements - la font de dades des d'on es pot fer les seleccions.

Defaultselectútems - els elements que inicialment s'han seleccionat abans que l'usuari interaccioni amb el control.

SelectMultiple: si l'usuari pot seleccionar un únic element o diversos elements.

IsSearchable: si l'usuari pot cercar elements abans de seleccionar.

Selector de dates

Un control que l'usuari pot seleccionar per especificar una data.

Descripció

Si afegiu un control Selector de dates en comptes d'un control d'entrada de text, us ajudarà a assegurar-vos que l'usuari especifiqui una data en el format correcte.

Propietats de la clau

Valor – la data seleccionada actualment en un control de data. Aquesta data es representa en l'hora local.

Label

Quadre que mostra dades, com ara text, números, dates o moneda.

Descripció

Una etiqueta mostra les dades que especifiqueu com a cadena de text literal o com una fórmula que avalua una cadena de text. Les etiquetes sovint apareixen fora de qualsevol altre control (com ara un bàner que identifica una pantalla), com una etiqueta que identifica un altre control (com ara una valoració o un control d'àudio) o en una galeria per mostrar un tipus d'informació específic sobre un element.

Propietats de la clau

Color: el color del text d'un control.

Font: el nom de la família del tipus de lletra en què es mostra el text.

Text: text que apareix en un control.

Grup d'opcions

Control d'entrada que mostra diverses opcions, només una de les quals els usuaris poden seleccionar cada vegada.

Descripció

Un Control de grup de ràdio, un control estàndard d'entrada d'HTML, s'utilitza millor només amb unes poques opcions, mútuament excloents.

Propietats de la clau

Elements: la font de dades que es mostra en un control, com ara una galeria, una llista o un gràfic.

Seleccionat: el registre de dades que representa l'element seleccionat.

Classificació

Un control amb el qual els usuaris poden indicar un valor del 0 a un nombre màxim que especifiqueu.

Descripció

En aquest control, l'usuari pot indicar, per exemple,quant li agrada alguna cosa seleccionant un cert nombre d'estels.

Propietats de la clau

Valor: el valor inicial d'un control abans que l'usuari l'hagi canviat.

Max: el valor màxim al qual l'usuari pot definit un control lliscant o una valoració.

Control lliscant

Control amb el qual l'usuari pot especificar un valor arrossegant un control.

Descripció

L'usuari pot indicar un valor, entre un mínim i un valor màxim que s'especifica, arrossegant la nansa d'un control lliscant cap a la dreta o amunt i avall, depenent de l'adreça que trieu.

Propietats de la clau

Max: el valor màxim al qual l'usuari pot definit un control lliscant o una valoració.

Min: el valor mínim al qual l'usuari pot definit un control lliscant.

Valor: el valor d'un control d'entrada.

Disposició: si un control es visualitza horitzontalment o verticalment.

Mostra el valor: si un control mostra el valor.

Quadre de text

Casella en la qual l'usuari pot introduir text, números i altres dades.

Descripció

L'usuari pot especificar les dades escrivint en un control de Quadre de text. Segons la manera de configurar l'aplicació, les dades es poden afegir a un font de dades, utilitzar per calcular un valor temporal, o incorporar-se d'alguna altra forma.

Propietats de la clau

Font: el nom de la família del tipus de lletra en què es mostra el text.

Text - text que apareix en un control o que l'usuari introdueix en un control.

Commuta

Control que l'usuari pot activar o desactivar movent el control.

Descripció

Un control de Commutador s'ha dissenyat per a la interfície d'usuari moderna, però es comporta de la mateixa manera que una casella de selecció.

Propietats de la clau

Verificat - indica si el control està verificat o no.

OffText: el text de l'estat apagat.

OnText: el text de l'estat encès.

Diferència entre la interfície d'usuari fluid i els controls clàssics

Les propietats dels controls s'han simplificat per a la facilitat d'ús. A la taula següent s'enumeren diferències entre els controls d'interfície d'usuari fluid i els noms de propietat de control clàssics.

Tipus de control	Clàssic	Interfície d'usuari fluid
Button	Emplena Fons Índex de pestanyes	Color d'emplenament Color de fons Accepta el focus
Casella de selecció	Valor per defecte Índex de pestanyes	Activada Accepta el focus
Quadre combinat	Marcador de posició del text d'entrada Índex de pestanyes	SMS Accepta el focus
Selector de dates	SelectedDate Índex de pestanyes	Valor Accepta el focus
Etiqueta	Mida	Mida de la lletra
Grup d'opcions	Índex de pestanyes	Accepta el focus
Classificació	Valor per defecte Índex de pestanyes	Valor Accepta el focus
Control lliscant	Valor per defecte Índex de pestanyes	Valor Accepta el focus
Quadre de text	Color Valor per defecte Emplena Corrector Índex de pestanyes	Color de text Valor Color de fons Habilita la correcció ortogràfica Accepta el focus
Commuta	Mida Valor per defecte Índex de pestanyes	Mida de la lletra Activada Accepta el focus

Consulteu també

Crear aplicacions addicionals
Descripció de Power Apps Studio

Nota

Ens podeu dir quines són les vostres preferències d'idioma per a la documentació? Responeu una breu enquesta. (tingueu en compte que l'idioma de l'enquesta és l'anglès)

Trigareu uns set minuts a completar l'enquesta. No es recopilen dades personals (declaració de privadesa).