How to remove text block's padding in uwp?

Question

Recently I found that uwp render TextBlock with vertically margin in default.

For example, I wrap a TextBlock in a Border. The red rectangle maybe the safe space redered by TextBlock.

On Android, we can set

android:includeFontPadding="false"

So how to remove the red rectangle space on uwp?

Shubham Sahu · Answer 1 · 2020-02-25T15:49:32.527

0

As i understand you want this, and Didn't you tried this ?:

<Border BorderThickness="1" BorderBrush="GreenYellow">
   <TextBlock x:Name="tb" FontSize="48" Text="Color" Margin="0,-15,0,-10"/>
   <Border.RenderTransform>
      <ScaleTransform ScaleX="1" ScaleY="3" />
   </Border.RenderTransform>
 </Border>

Output

edited Feb 25 '20 at 15:49

answered Feb 25 '20 at 15:37

Shubham Sahu

1,963
1
17
34

Thanks for your reply. The red rectangle area I marked is the space created by Text itself. On Android, we can set 'android:includeFontPadding="false"'. Is there a property in uwp? – Vincent Feb 26 '20 at 03:32

Vincent · Accepted Answer · 2020-02-26T06:02:21.187

0

Finally I worked out a solution: Set

<TextBlock LineStackingStrategy="BlockLineHeight"
           LineHeight="44"/>

Refer to How to remove additional padding from a WPF TextBlock?

edited Feb 26 '20 at 06:02

answered Feb 26 '20 at 04:11

Vincent

3,124
3
21
40

How to remove text block's padding in uwp?

2 Answers2