page etiquetas custom bar xaml xamarin label textwrapping

xaml - custom - etiquetas de xamarin



Etiquetado con StackLayout (2)

Estoy usando Xamarin y creando mi vista con XAML y no puedo por mi vida obtener esta etiqueta para que se ajuste como yo quiero. Si la etiqueta llega al borde de la pantalla, quiero envolverla así ...

En este momento se ve así ...

Aquí está mi código:

<StackLayout Orientation="Vertical" HorizontalOptions="StartAndExpand" BindingContext="{Binding CurrentProviderDetails}" Padding="20,20,20,20" > <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> </Grid.ColumnDefinitions> <!--Certification Board--> <StackLayout Orientation="Horizontal" HorizontalOptions="StartAndExpand" Grid.Row="0" Grid.Column="0" > <Label Text="Certification Board: " FontSize="13" HorizontalOptions="Fill" VerticalOptions="CenterAndExpand" /> <Label Text="{Binding Certification}" VerticalOptions="CenterAndExpand" HorizontalOptions="Center" Font="17" LineBreakMode="WordWrap"/> </StackLayout> </Grid> </StackLayout>

Esto no necesita estar en una grilla, este era solo el método que estaba intentando por ahora. Mi único requisito es que ''Certification Board'' sea una etiqueta, y tengo que pasar un valor que la palabra se ajusta cuando llega al final de la pantalla. Cualquier ayuda sería increíble, ¡gracias!


Coloque una etiqueta LineBreakMode = "NoWrap" en sus etiquetas. De esta forma puedes evitar la envoltura.

Pero si no tienes suficiente espacio, la palabra se cortará.


Puede lograr el aspecto deseado combinando ambas etiquetas contenidas en su StackLayout alineado horizontalmente en una sola etiqueta y configurando LineBreakMode = "WordWrap". XAML tiene una gran característica conocida como StringFormat. Puede usar esto para anteponer el texto estático de "Junta de certificación:" a la propiedad de Certificación vinculada. Su etiqueta debería verse así:

<Label Text="{Binding Certification, StringFormat=''Board Certification:{0:F0}''}" LineBreakMode="WordWrap"/>