WPF (Silverlight)布局转换对app性能的影响

Question

在设计WPF或Silverlight应用程序的UI部分时，我们可以将一些显示转换(LayoutTransform或RenderTransform)应用于可视化元素。其中一些转变是：

• RotateTransform
• ScaleTransform
• SkewTransform
• TranslateTransform

我想知道使用这种转换在多大程度上减缓了页面的呈现速度？

更具体地说。例如，我在页面上有1000个简单元素(比如矩形)，这些元素被放置在行中，使用的是网格和一些StackPanels。如果我将RotateTransform应用于所有或部分应用程序，它会对我的应用程序的性能产生明显的影响吗？

当然，我可以试着看看会发生什么，但也许有些明显的事情我根本没有意识到。

Answer 1

下面是一个原型，您可以使用它来实验各种选项：

<Grid>
    <Grid.Resources>
        <local:Range x:Key="sampleData" Minimum="1" Maximum="900"/>
    </Grid.Resources>
    <ItemsControl ItemsSource="{StaticResource sampleData}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid Rows="30" Columns="30"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding}" FontSize="8">
                    <TextBlock.LayoutTransform>
                        <RotateTransform Angle="30"/>
                    </TextBlock.LayoutTransform>
                </TextBlock>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Grid>

和一个数据生成器：

class Range : List<int>, ISupportInitialize
{
    public int Minimum { get; set; }
    public int Maximum { get; set; }

    public void BeginInit() { }

    public void EndInit()
    {
        for (int i = Minimum; i <= Maximum; i++) Add(i);
    }
}

左上角是这样的：

​

​

您可以通过调整窗口大小来触发布局，在我的机器上，它有点迟缓，但可用。然后，您可以测试其他容器、其他转换、布局与呈现转换等，以查看它们之间的差异。

Answer 2

LayoutTranform将导致布局系统的完整传递。这将导致所有屏幕上的对象被重新测量和重新排列。这是一种数学密集型操作，与屏幕上对象的数量成正比。

如果这不是您所需要的，那么使用RenderTransform会更快，因为它不会导致一个完整的布局传递。使用一个对象对另一个对象的影响将取决于屏幕上显示的其他对象以及转换需要应用于哪些对象的情况。