WPF中的ScaleTransform呈现的大小错误
本文关键字:错误 中的 ScaleTransform WPF | 更新日期: 2023-09-27 18:23:36
我试图理解ScaleTransform
(在Windows Phone 8.0下测试)为什么使用控件的父维度而不是控件本身进行渲染。我已经建立了一个演示应用程序来显示这种行为,如下所示。
维度和层次结构是有原因的,这就是为什么我手动设置Width
和Height
,因为它非常接近真实的应用程序。
我所期望的是child1
(黄色的),它是768x1228
,具有0.625
的比例,会将自己渲染为480x768
,但实际情况是,它渲染为300x480
(例如,它在480
的0.625%
而不是768
处渲染)。
有线索吗?
public partial class MainPage : PhoneApplicationPage
{
private Grid root;
public MainPage()
{
InitializeComponent();
root = new Grid() {
Width = 480,
Height = 768,
HorizontalAlignment = HorizontalAlignment.Left,
VerticalAlignment = VerticalAlignment.Top,
Background = new SolidColorBrush(Colors.Blue)
};
Content = root;
Loaded += MainPage_Loaded;
}
void MainPage_Loaded(object sender, RoutedEventArgs e)
{
var parent1 = new Grid {
Background = new SolidColorBrush(Colors.Red),
HorizontalAlignment = HorizontalAlignment.Left,
VerticalAlignment = VerticalAlignment.Top,
Width = 480,
Height = 768
};
root.Children.Add(parent1);
var child1 = new Grid {
Background = new SolidColorBrush(Colors.Yellow),
Width = 768,
HorizontalAlignment = HorizontalAlignment.Left,
VerticalAlignment = VerticalAlignment.Top,
Height = 1228,
RenderTransform = new ScaleTransform() {
CenterX = 0,
CenterY = 0,
ScaleX = 0.625,
ScaleY = 0.625
}
};
parent1.Children.Add(child1);
}
}
好吧,看起来这一切都是由于Grid
组件剪裁了它的子元素,如中所述http://wpf.2000things.com/tag/clipping.在我更改代码以使Canvas
搁浅在我的Grid
之后,该应用程序按预期工作。
不过,我仍然觉得这个"解决方案"很奇怪。