I'm coding a HangMan game on mobile and I have a StackLayout with Labels in it. Each label represents one letter of the chosen word, for example, t e s t w o r d.
So now my problem is the following: (It's all german, the letters I mean are the underlined ones and sry that the picture is that huge)
<Grid Grid.Column="1" Grid.Row="3">
<StackLayout Orientation="Horizontal" HorizontalOptions="Center" x:Name="SPLetters" Spacing="9">
<Label x:Name="lblLetter1" TextDecorations="Underline"/>
<Label x:Name="lblLetter2" TextDecorations="Underline"/>
<Label x:Name="lblLetter3" TextDecorations="Underline"/>
<Label x:Name="lblLetter4" TextDecorations="Underline"/>
<Label x:Name="lblLetter5" TextDecorations="Underline"/>
<Label x:Name="lblLetter6" TextDecorations="Underline"/>
<Label x:Name="lblLetter7" TextDecorations="Underline"/>
<Label x:Name="lblLetter8" TextDecorations="Underline"/>
<Label x:Name="lblLetter9" TextDecorations="Underline"/>
<Label x:Name="lblLetter10" TextDecorations="Underline"/>
<Label x:Name="lblLetter11" TextDecorations="Underline"/>
<Label x:Name="lblLetter12" TextDecorations="Underline"/>
<Label x:Name="lblLetter13" TextDecorations="Underline"/>
<Label x:Name="lblLetter14" TextDecorations="Underline"/>
<Label x:Name="lblLetter15" TextDecorations="Underline"/>
<Label x:Name="lblLetter16" TextDecorations="Underline"/>
<Label x:Name="lblLetter17" TextDecorations="Underline"/>
</StackLayout>
</Grid>
I hope you can see that big letters like "A" or "H" are not fully shown. It seems like they're cut off by something and I don't know why.
I already tried to define a CharacterSpacing in each label but it didn't solve the problem. Padding also didn't work.
I hope you guys see the problem and can help me out! Thanks!