Desenvolvimento Xamarin

Xamarin Forms – Como utilizar Labels

xamarin Modulo 1

o post Xamarin Forms – Como utilizar Labels tem como objetivo ensinar a utilizar a view Label, pois muitas vezes nos programadores ficamos em dúvida de como exibir e formatar os textos em um app.

Xamarin Forms – Como utilizar Labels

A view Label é usada para exibir texto, tanto em linha única como em múltiplas linhas. Elas podem ter fontes personalizadas (famílias, tamanhos e opções) e texto colorido.

Para tratar com texto em uma ou múltiplas linhas podemos usar a propriedade LineBreakMode que é uma enumeração e possui as seguintes opções:

  • HeadTruncation – Trunca o início do texto, mostrando o fim.
  • CharacterWrap – Envolve o texto em uma nova linha com um limite de caracteres.
  • MiddleTruncation – Exibe o início e o final do texto, com o meio substituido por reticências.
  • NoWrap – Não envolve o texto, exibindo apenas o texto que pode caber em uma linha.
  • TailTruncation – Mostra o início do texto, truncando o fim.
  • WordWrap – Envolve o texto no limite da palavra

Exemplo:

<Label HorizontalOptions="StartAndExpand" 
   Text="dfilitto - site com maior conteúdo relacionado com a área de informática"   
   FontSize="14" LineBreakMode="WordWrap"
/>

Podemos usar a propriedade FormattedText da Label que permite apresentar texto com várias fontes e cores na mesma exibição. Esta propriedade é do tipo FormattedString.

<Label> 
<Label.FormattedText> 
   <FormattedString> 
      <Span Text="Red Bold, " TextColor="Red" FontAttributes="Bold" /> 
      <Span Text="default, " Style="{DynamicResource BodyStyle}" /> 
      <Span Text="italic small." FontAttributes="Italic" FontSize="Small" /> 
   </FormattedString> 
</Label.FormattedText> 
</Label>

As strings formatadas são compostas por um ou mais espaços, cada um com as seguintes propriedades:

  • BackgroundColor – pode ser usado para definir uma cor de fundo;
  • FontAttributes – pode ser configurado em negrito, itálico ou nenhum.
    • Opções: Bold, Italic ou none
  • FontFamily – define a fonte para ser usada;
  • FontSize – define o tamanho do texto.
    • Opções : Default, Large, Medium, Micro e Small
  • ForegroundColor – define a cor do texto;
  • Text – o texto a ser apresentado;

Links úteis:

Acesse nosso canal no YouTube para visualizar outros vídeos sobre programação, como por exemplo Python, Java e Desenvolvimento de sistemas comerciais utilizando a linguagem C#. Participe do nosso grupo de estudos no Facebook acessando o link.

Danilo Filitto

Danilo Filitto

Mestre em Ciência da Computação pela UEM, Pós-Graduado em Redes de Computadores e Comunicação de Dados pela UEL, Bacharel em Ciência da Computação pela UNOESTE.

Área do assinante

Assinar Blog por Email

Digite seu endereço de email para assinar este blog e receber notificações de novas publicações por email.

Junte-se a 837 outros assinantes







Você gosta de jogar?