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!