Mobile

20 mar, 2019

Xamarin Rocket – Parte 01: LineBreakMode

100 visualizações
Publicidade

Fala, galera! Tudo beleza?

Estou começando uma série com dicas rápidas de Xamarin. A ideia é ser um artigo bem rápido e todas as dicas ficarão em um único repositório.

Então vamos à primeira!

Às vezes precisamos quebrar um texto muito grande, seja para exibir em um Label ou em uma célula, por exemplo. Para isso existe o LineBreakMode com seis tipos de opções:

  • CharacterWrap: encapsular nos limites do caractere
  • HeadTruncation: trunca o cabeçalho do texto
  • MiddleTruncation: trunca o meio do texto. Isso pode ser feito, por exemplo, substituindo-o por uma elipse
  • NoWrap: modo padrão não quebra o texto
  • TailTruncation: trunca a parte final do texto
  • WordWrap: encapsular nos limites da palavra

Para implementar é bem simples:

<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             Padding="0,60,0,0"
             xmlns:local="clr-namespace:DicasInterface" x:Class="DicasInterface.MainPage">
   <ScrollView>
        <StackLayout>
            <Label Text="TailTruncation" FontAttributes="Bold" />
            <Label Text="{Binding TextoGrande}" LineBreakMode="TailTruncation" />
             <Label Text="HeadTruncation" FontAttributes="Bold" />
            <Label Text="{Binding TextoGrande}" LineBreakMode="HeadTruncation" />
             <Label Text="WordWrap" FontAttributes="Bold" />
            <Label Text="{Binding TextoGrande}" LineBreakMode="WordWrap" />
             <Label Text="MiddleTruncation" FontAttributes="Bold" />
            <Label Text="{Binding TextoGrande}" LineBreakMode="MiddleTruncation" />
             <Label Text="CharacterWrap" FontAttributes="Bold" />
            <Label Text="{Binding TextoGrande}" LineBreakMode="CharacterWrap" />
        </StackLayout>
     </ScrollView>
        
</ContentPage>

Rodando:

É uma dica bem simples, mas que ajuda muito!

Caso queira baixar o código utilizado no exemplo, clique aqui.

Quer ver outros artigos sobre Xamarin? Acesse este link.

Espero ter ajudado.

Aquele abraço!