在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。