我想將按鈕旋轉到90度,但它會因爲旋轉arount(0,0)而被剪裁。如果我不知道它的像素寬度(它是多個按鈕的模板),如何使它圍繞中心旋轉如何在XAML中圍繞控制中心旋轉
回答
<Button ...>
<Button.LayoutTransform>
<RotateTransform CenterX="0.5" CenterY="0.5" Angle="90"/>
</Button.LayoutTransform>
</Button>
這個在Windows Phone 8 .NET 4.5 C#XAML應用程序中不適用於我。雖然@FrancescoDeVittori的工作。 – mishan 2014-12-29 14:19:47
您必須將控件的RenderTransformOrigin設置爲0.5,0.5。
例:
<Button RenderTransformOrigin="0.5, 0.5">
<RepeatButton.RenderTransform>
<RotateTransform Angle="90"/>
</RepeatButton.RenderTransform>
</RepeatButton>
這一個適用於我,儘管接受的答案不是。也許這裏RenderTransform和LayoutTransform有區別嗎? – TheSHEEEP 2013-08-16 11:27:56
是的,這對我也適用,不接受答案。 – 2014-02-06 13:35:41
從接受的答案LayoutTransform改變了我試圖旋轉的元素周圍的一切。設置RenderTransformOrigin並使用RenderTransform很好,謝謝! – 2015-05-20 00:27:57
我的理解是,原產地是不相關的一個LayoutTransform。
MSDN說:
設置的變換提供了強大的縮放和旋轉 能力。但是,LayoutTransform忽略了TranslateTransform 操作。這是因爲FrameworkElement的子元素 的佈局系統行爲會自動將縮放或旋轉元素的位置的任何偏移量校正到父元素的佈局和座標系 系統中的 位置。
和下列「正確」旋轉按鈕。
<Grid ShowGridLines="True">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition Height="Auto"></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition Width="Auto"></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Button Grid.Row="1" Grid.Column="1">Excessively Long Button Still Ok
<Button.LayoutTransform>
<RotateTransform Angle="90" />
</Button.LayoutTransform>
</Button>
</Grid>
- 1. CALayer圍繞中心旋轉
- 2. 圍繞中心旋轉NSView
- 3. 旋轉控制在中心點XAML
- 4. Silverlight中圍繞其中心旋轉線
- 5. 圍繞一箇中心點旋轉CGPoint
- 6. 圍繞中心旋轉物體嗎?
- 7. java的旋轉矩形圍繞中心
- 8. Actionscript 3.0 Sprite圍繞中心旋轉Error
- 9. Android - 圍繞中心點旋轉圖像?
- 10. 圍繞其中心旋轉標籤
- 11. 圍繞其中心旋轉僞元素?
- 12. Java圍繞中心點旋轉物體?
- 13. wpf圍繞中心旋轉圖像
- 14. 圍繞它的中心旋轉imageview
- 15. 圍繞中心旋轉按鈕
- 16. 圍繞中心點旋轉身體
- 17. 圍繞中心旋轉矩形
- 18. Velocity.js圍繞中心軸旋轉
- 19. 圍繞中心旋轉SVG元素
- 20. 圍繞中心旋轉3D對象
- 21. AS3圍繞中心旋轉文字?
- 22. 圍繞中心旋轉圖像
- 23. Swift:圍繞中心點旋轉圖層
- 24. 圍繞它的中心旋轉圖片
- 25. 圍繞中心旋轉空對象
- 26. 使用CIFilter圍繞中心旋轉CIImage
- 27. 平移和旋轉圍繞中心
- 28. 圍繞世界中心的Directx11旋轉?
- 29. 如何在d3.js中圍繞中心旋轉對象
- 30. 圍繞物體旋轉相機vs圍繞其中心旋轉物體
您是使用RenderTransform還是LayoutTransform?即使沒有指定原點,90度的LayoutTransform似乎也能正常工作。 – grantnz 2010-11-09 09:51:05
我正在使用LayoutTransform,並且按鈕位於Grid中,列寬設置爲auto。無論如何,正確的旋轉不起作用,因爲看起來網格設置的列寬等於高度的按鈕寬度inseatd。 – Poma 2010-11-09 09:56:58
你可以發佈你的XAML嗎? – grantnz 2010-11-09 10:01:26