Compartir por


Control de etiquetas en Power Apps

Caixa que mostra datos como texto, números, datas ou moeda.

Descripción

Unha etiqueta mostra os datos que especificas como unha cadea literal de texto, que aparece exactamente como o escribes, ou como unha fórmula que se avalía como unha cadea de texto. As etiquetas a miúdo aparecen fóra de calquera outro control (como un banner que identifica unha pantalla), como unha etiqueta que identifica outro control (como unha clasificación ou un control de audio), ou nunha galería para mostrar un tipo específico de información sobre un elemento.

Propiedades da clave

AutoHeight - Establécese como true para permitir que a etiqueta aumente automaticamente a súa altura para mostrar todo o texto. Establécese como false para truncar o texto á altura asignada.

Cor - A cor do texto nun control.

Tipo de letra : o nome da familia de tipos de letra na que aparece o texto.

Texto - Texto que aparece nun control ou que o usuario escribe nun control.

DelayOutput – Establécese como true para atrasar a acción durante a entrada de texto.

Propiedades adicionais

Align - A localización do texto en relación co centro horizontal do seu control.

AutoHeight : se unha etiqueta aumenta automaticamente a súa propiedade Height se a súa propiedade Text contén máis caracteres dos que o control pode mostrar á vez. Se o control non está visible, a propiedade de saída Altura non se actualizará a medida que cambie o texto.

BorderColor - A cor do bordo dun control.

BorderStyle - Se o bordo dun control é sólido, trazado, punteado ou ningún.

BorderThickness - O grosor do bordo dun control.

DisplayMode - Se o control permite a entrada do usuario (Editar), só mostra datos (Vista) ou está desactivado (Desactivado).

DisabledBorderColor - A cor do bordo dun control se a propiedade DisplayMode do control está establecida en Disabled.

DisabledColor - A cor do texto nun control se a súa propiedade DisplayMode está establecida en Disabled.

DisabledFill - A cor de fondo dun control se a súa propiedade DisplayMode está establecida en Disabled.

Recheo - A cor de fondo dun control.

FocusedBorderColor - A cor do bordo dun control cando o control está enfocado.

FocusedBorderThickness - O grosor do bordo dun control cando o control está enfocado.

FontWeight - O peso do texto nun control: Negriña, Semigrosa, Normal ou Lixeiro.

Altura : a distancia entre os bordos superior e inferior dun control.

HoverBorderColor - A cor do bordo dun control cando o usuario mantén o punteiro do rato nese control.

HoverColor - A cor do texto nun control cando o usuario mantén o punteiro do rato nel.

HoverFill - A cor de fondo dun control cando o usuario mantén o punteiro do rato nel.

Cursiva : se o texto dun control está en cursiva.

LineHeight - A distancia entre, por exemplo, liñas de texto ou elementos nunha lista.

Live - Como un lector de pantalla anuncia cambios no valor da propiedade Text da etiqueta.

  • Cando está activado, o lector de pantalla non anuncia cambios.
  • Cando se configura en Educado, o lector de pantalla remata de falar antes de anunciar os cambios que se produciron mentres o lector de pantalla estaba a falar.
  • Cando se establece en Asertivo, o lector de pantalla interrompe para anunciar calquera cambio que se producise mentres o lector de pantalla estaba a falar.

OnSelect - Accións a realizar cando o usuario toca ou preme nun control.

Overflow - Se unha barra de desprazamento aparece nunha etiqueta se a súa propiedade Wrap está establecida como true e o valor da propiedade Text do control contén máis caracteres dos que o control pode mostrar á vez.

PaddingBottom - A distancia entre o texto dun control e o bordo inferior dese control.

PaddingLeft - A distancia entre o texto dun control e o bordo esquerdo dese control.

PaddingRight - A distancia entre o texto nun control e o bordo dereito dese control.

PaddingTop - A distancia entre o texto dun control e o bordo superior dese control.

PressedBorderColor - A cor do bordo dun control cando o usuario toca ou fai clic nese control.

PressedColor - A cor do texto nun control cando o usuario toca ou fai clic nese control.

PressedFill - A cor de fondo dun control cando o usuario toca ou fai clic nese control.

Role - O papel semántico do texto da etiqueta, como o título 1. Non cambia o estilo da etiqueta, pero fai que a saída sexa semánticamente correcta para a interpretación por parte dos lectores de pantalla.

Tamaño - O tamaño da letra do texto que aparece nun control.

Tachado - Se unha liña aparece a través do texto que aparece nun control.

TabIndex - Orde de navegación do teclado en relación con outros controis.

Consello de ferramentas - Texto explicativo que aparece cando o usuario pasa sobre un control.

Subliñado : indica se aparece unha liña debaixo do texto que aparece nun control.

VerticalAlign - A localización do texto nun control en relación co centro vertical dese control.

Visible - Se un control aparece ou está oculto.

Ancho - A distancia entre os bordos esquerdo e dereito dun control.

Envolver - Se o texto debe envolver algunha vez en varias liñas.

X - A distancia entre o bordo esquerdo dun control e o bordo esquerdo do seu contedor pai (pantalla se non hai contedor pai).

Y - A distancia entre o bordo superior dun control e o bordo superior do contedor pai (pantalla se non hai contedor pai).

Text( Number, "FormatCodes")

Exemplos

Mostrar unha cadea literal

Mostrar o resultado dunha fórmula

  • Engade unha etiqueta e establece a súa propiedade Texto nunha fórmula como esta:
    Hoxe ()

    Nota

    Cando especificas unha fórmula, non usas comiñas a menos que un argumento da fórmula sexa unha cadea literal. Neste caso, coloque o argumento, non a fórmula, entre comiñas dobres.

    Queres máis información sobre a función Hoxe ou outras funcións?

Neste procedemento, crearás unha colección, chamada CityPopulations, que contén datos sobre a poboación de varias cidades de Europa. A continuación, mostrarás eses datos nunha galería que contén tres etiquetas e especificarás o tipo de datos que mostrará cada etiqueta.

  1. Engada un botón e axuste a súa propiedade OnSelect nesta fórmula:
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Roma", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

  2. Prema F5, seleccione o botón e, a continuación, prema Esc.

  3. Engadir unha galería de texto e establecer a súa propiedade Items en CityPopulations.

    Cando se selecciona a galería, o panel dereito mostra as opcións para esa galería.

  4. No panel Galería1 , estableza a lista superior en Poboación, coloque a lista central en Cidade e a lista inferior en País.

Directrices de accesibilidade

A pesar do seu nome, un control de etiqueta non ten por que ser usado como etiqueta para outro control. Pódese usar para mostrar calquera fragmento de texto.

Unha etiqueta pode usarse como botón ou ligazón especificando o comportamento OnSelect. Cando se usa deste xeito, hai consideracións de accesibilidade similares ás dos botóns.

Contraste de cor

Debe haber un contraste de cor adecuado entre:

Soporte para lectores de pantalla

  • O texto debe estar presente.

  • Live debe establecerse como Polite ou Assertive se un lector de pantalla debe anunciar cambios no valor da propiedade Text .

    Nota

    Os lectores de pantalla tratarán as etiquetascomo botóns cando TabIndex sexa cero ou maior.

Soporte de baixa visión

  • A etiqueta debe parecer unha ligazón, se se usa como ligazón.

Soporte para teclado

  • TabIndex debe ser cero ou maior, se o texto se usa como botón ou ligazón. Isto permite aos usuarios de teclado navegar a el.
  • Os indicadores de enfoque deben ser claramente visibles se o texto se usa como botón ou ligazón. Use FocusedBorderColor e FocusedBorderThickness para conseguilo.