如何让 ScrollViewer 在子级执行 RenderTransform 后更新其布局？

Question

我有一个 ScrollViewer，在其中使用 Blend 控件 PathListBox，我使用 RenderTransfrom 来旋转和缩放其子控件。

不幸的是， ScrollViewer 的大小与我的 Ellispe （我用作路径的控件）的大小相同，我不知道如何获取 ScrollViewer 的 视口包含整个控件（所有 PathListBoxItem）。

我认为它无法调整到 PathListBox 的完整大小的原因是我的 RenderTransform< /代码>,但我尝试用 LayoutTransform 替换它，它仍然会删除一些内容（虽然没那么糟糕，但 LayoutTransform 不是我需要的）。

我的 Xaml 看起来像这样（为了简单起见，我省略了一些内容）：

<ScrollViewer>
    <Grid>
        <Ellipse ... />
        <ec:PathListBox ...>
            <ec:PathListBox.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.RenderTransform>
                            <TransformGroup>
                                <RotateTransform Angle="-90" />
                                <TranslateTransform X="{Binding ...}"
                            </TransformGroup>
                        <Grid.RenderTransform>
                        <Rectangle ... />
                    </Grid>
                </DataTemplate>
            </ec:PathListBox.ItemTemplate>
            <ec:PathListBox.LayoutPaths>
                <ec:LayoutPath SourceElement="{Binding ElementName=ellipse}" ... />
            </ec:PathListBox.LayoutPaths>    
        </ec:PathListBox>
    </Grid>
</ScrollViewer>

Answer 1

RenderTranforms 不影响布局。从此处：

渲染转换不会重新生成布局大小或渲染大小信息。渲染变换通常用于对元素进行动画处理或应用临时效果。例如，元素可能会在聚焦或鼠标悬停时缩放，或者可能在加载时抖动以将注意力吸引到用户界面 (UI) 的该部分。

你想要的是一个 LayoutTransform。从此处：

与RenderTransform相比，LayoutTransform会影响布局的结果。

和

LayoutTransform 有用的示例场景包括：将菜单组件等元素从水平旋转到垂直，反之亦然，缩放焦点上的元素（放大），提供编辑行为等。

听起来您使用了错误的布局元素（除了使用错误的转换之外），但很难说，因为你实际上并没有说出你想要做什么。当您执行 LayoutTransform 时它仍然会切断内容的原因可能是因为没有足够的空间让项目在可用空间中完全呈现。

编辑：

提供我建议使用自定义面板类型的附加信息：“径向”面板。示例此处和这里。

Answer 2

我暂时实施了一个黑客来掩盖问题。不过，我仍在寻找更正确的方法来解决问题。 :)

我在网格中添加了一个透明的矩形，并使其宽度等于椭圆的大小 + 已转换的 PathListBoxItems 的（长度）大小。

滚动区域现在允许我滚动到之前剪切的区域。

编辑：我将暂时将此标记为答案，因为它确实有效。我只是觉得这不是最好的解决方案，所以我愿意将另一个答案标记为正确。