[UWP]如何在Textblock中垂直旋转文本？ [英] [UWP]How to Rotate the text vertically in Textblock?

问题描述

大家好，

我需要在< g class =" gr_ gr_60中垂直旋转文本gr-alert gr_spell gr_run_anim gr_inline_cards ContextualSpelling ins-del multiReplace"数据-GR-ID =" 60" ID = QUOT; 60 QUOT;>正文块< / g取代。我使用了< TextBlock.LayoutTransform> WPF中的
并且工作正常。来到UWP LayoutTransform 时，
不支持此处。

WPF工作正常

< Grid Background =" {ThemeResource ApplicationPageBackgroundThemeBrush}">

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < Border Width =" 75"背景= QUOT;＃FF1BA1E2" BorderBrush = QUOT;白" BorderThickness =" 0,0,1,2">

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < TextBlock Foreground =" White"字号= QUOT; 16" fontWeight设置= QUOT;光" FontFamily =" Segoe UI"&
  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP;的Horizo​​ntalAlignment = QUOT;中心" VerticalAlignment = QUOT;中心" RenderTransformOrigin =" 0.5,0.5" 

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP;   Text =" Selvakumar Singa"

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < TextBlock。 LayoutTransform >

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < RotateTransform Angle =" -90" />

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / TextBlock。 LayoutTransform >

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / TextBlock>

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / Border>

  &NBSP; < / Grid>

在UWP上如何实现这个目标..？

在UWP中 - 我使用了  < strong style ="border：0px; font-style：inherit; font-family：inherit; margin：0px; outline：0px; padding：0px"> RenderTransform  而不是Layout Transform而不是< g class =" gr_ gr_7 gr-alert gr_gramm gr_run_anim
gr_inline_cards Grammar multiReplace"数据-GR-ID =" 7英寸; id =" 7"> working< / g>。

Reproducible  Code Snippet（UWP）：

< Grid Background =" {ThemeResource ApplicationPageBackgroundThemeBrush}">

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < Border Width =" 75"背景= QUOT;＃FF1BA1E2" BorderBrush = QUOT;白" BorderThickness =" 0,0,1,2">

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < TextBlock Foreground =" White"字号= QUOT; 16" fontWeight设置= QUOT;光" FontFamily =" Segoe
UI" 

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP;的Horizo​​ntalAlignment = QUOT;中心"
VerticalAlignment =" Center" RenderTransformOrigin =" 0.5,0.5" 

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP;   Text =" Selvakumar
Singa">

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < TextBlock。 RenderTransform >

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < RotateTransform Angle =" -90" />

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / TextBlock。 RenderTransform >

  &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / TextBlock>

&NBSP; &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; < / Border>

&NBSP; &NBSP; < / Grid>

Pls，  帮助。边界导致  是
问题..？请参阅下面的屏幕截图。

作者：Selvakumar_S

 

解决方案

您是否尝试过< TextBlock.RenderTransform> ？

Hi All,

I need to rotate the text vertically within <g class="gr_ gr_60 gr-alert gr_spell gr_run_anim gr_inline_cards ContextualSpelling ins-del multiReplace" data-gr-id="60" id="60">textblock</g>. I have used <TextBlock.LayoutTransform> in WPF and worked fine. When comes to UWP LayoutTransform does not support here.

WPF Worked Fine

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Border Width="75" Background="#FF1BA1E2" BorderBrush="white" BorderThickness="0,0,1,2">
                <TextBlock Foreground="White" FontSize="16" FontWeight="Light" FontFamily="Segoe UI" 
                                       HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" 
                                       Text="Selvakumar Singa">
                    <TextBlock.LayoutTransform>
                        <RotateTransform Angle="-90"/>
                    </TextBlock.LayoutTransform>
                </TextBlock>
            </Border>
    </Grid>

On UWP how to achieve this..?

In UWP - I have used RenderTransform instead of Layout Transform and does not <g class="gr_ gr_7 gr-alert gr_gramm gr_run_anim gr_inline_cards Grammar multiReplace" data-gr-id="7" id="7">worked</g>.

Reproducible Code Snippet(UWP):

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
            <Border Width="75" Background="#FF1BA1E2" BorderBrush="white" BorderThickness="0,0,1,2">
                <TextBlock Foreground="White" FontSize="16" FontWeight="Light" FontFamily="Segoe UI" 
                                       HorizontalAlignment="Center" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" 
                                       Text="Selvakumar Singa">
                    <TextBlock.RenderTransform>
                        <RotateTransform Angle="-90"/>
                    </TextBlock.RenderTransform>
                </TextBlock>
            </Border>
    </Grid>

Pls, Help on this. Is border causing an issue..? Refer the below Screenshot.

By Selvakumar_S

 

解决方案

Have you tried <TextBlock.RenderTransform>?

这篇关于[UWP]如何在Textblock中垂直旋转文本？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！