使网格拉伸到 AccordionItem 的宽度/高度

Question

我正在编写的 Silverlight 应用程序中有几个手风琴（甚至是手风琴内的手风琴！），但布局让我发疯。

例如，假设您有一个 500x500 的手风琴。如果您有 3 个 AccordionItems，则“内容”区域是 Accordion 的高度/宽度，减去每个标题的宽度/高度乘以您拥有的项目数。

如果我添加或删除一个项目，如果我想通过手动将网格设置为每个 AccordionItems 内容的结果大小，将项目停靠在每个 AccordionItem 的右侧或左侧，则必须重新开始。

有办法解决这个问题吗？

Answer 1

你想要的事情可以非常简单地完成。只需在 AccordianItem 元素上将 Horizo​​ntalContentAlignment 和 VerticalContentAlignment 设置为“Stretch”，它们的内容就会拉伸以填充任何可用空间。

显示拉伸和未拉伸内容的简单示例：

<controlsToolkit:Accordion Width="500" Height="500">
        <controlsToolkit:AccordionItem HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
            <Grid Background="Bisque">
                <TextBlock Text="I will be in a grid that fills the accordianitem"></TextBlock>
            </Grid>
        </controlsToolkit:AccordionItem>
        <controlsToolkit:AccordionItem>
            <Grid Background="Aqua">
                <TextBlock Text="My Grid will only be the size of this text"></TextBlock>
            </Grid>
        </controlsToolkit:AccordionItem>
</controlsToolkit:Accordion>