在WPF中缩放转换动画期间和之后，如何阻止元素重叠？

Question

我有一个列表框，其项目的RenderTransform基于Style.Triggers属性与故事板动画，包括缩放变换x 1.5和y 1.5。结果是可怕的，我正在寻找一种方法来让项目停止重叠，就像他们在下面的图片中所做的那样。

Answer 1

RenderTransform在布局完成后应用 - 意味着UI元素的大小和位置已经被计算出来。此时应用转换不会移动周围的元素。

相反，您可以将变换设置为LayoutTransform属性 - 然后将在布局过程中应用变换。

Answer 2

我解决了这个问题。我使用的是RenderTransform.ScaleX和RenderTransform.ScaleY。我将这些改为LayoutTransform.ScaleX和LayoutTransform.ScaleY。发生这种情况是因为在布局发生之前应用LayoutTransform，在布局发生之后发生RenderTransform。