2013-04-11 42 views
0

我有一個帶有文本塊和圖像的堆疊面板。我需要對齊文本塊用。像這樣旋轉(90度)至中心,XAML - 旋轉後文本塊的中心對齊方式

enter image description here

但是,後旋轉文本塊,我總是得到這樣的結果,

enter image description here

這是我正在使用的XAML代碼,

<StackPanel Orientation="Horizontal"> 
     <Image Width="120" Source="ms-appx:///Assets/mail.jpg"/> 
     <TextBlock Text="send mail" FontSize="15" Margin="25,0,0,0" > 
      <TextBlock.RenderTransform> 
       <RotateTransform Angle="90"/> 
      </TextBlock.RenderTransform> 
     </TextBlock> 
    </StackPanel> 

如何將我的文本塊對齊到中心..?

回答

4

將TextBlock的VerticalAlignment設置爲'Center'並通過設置RenderTransformOrigin來旋轉TextBlocks中心點應該有所幫助。

<TextBlock Text="xyz" VerticalAlignment="Center" RenderTransformOrigin="0.5,0.5" Margin="25,0,0,0"> 
    <TextBlock.RenderTransform> 
     <RotateTransform Angle="90" /> 
    </TextBlock.RenderTransform> 
</TextBlock> 
+0

我試過了,但也給了相同的結果就像第二圖像... – Maniarasu 2013-04-12 04:46:16

+2

此外嘗試設置RenderTransformOrigin =「0.5,0.5」,圍繞它的中心旋轉的元素。我也更新了我的答案。 – paiden 2013-04-12 07:42:05

+0

在我的解決方案上使用RenderTransformOrigin,就像魅力一樣。謝謝! – 2015-09-22 11:29:13