将网格拉伸到 AccordionItem 的宽度/高度答案

【问题标题】：Make a grid stretch to the width/height of an AccordionItem将网格拉伸到 AccordionItem 的宽度/高度
【发布时间】：2010-12-24 13:49:53
【问题描述】：

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

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

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

有没有办法解决这个问题？

【问题讨论】：

标签： silverlight layout grid accordion

【解决方案1】：

您想要的可以非常简单地完成。只需在 AccordianItem 元素上将 HorizontalContentAlignment 和 VerticalContentAlignment 设置为“拉伸”，它们的内容就会拉伸以填充可用空间。

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

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

【讨论】：

我不知道的小事......我发誓。
我非常感谢这个答案，但是，我还没有找到一个重要的例子，并且发现使用 Accordion 控件和内容的大小调整似乎应该是一件令人毛骨悚然的事情一个简单易用的控件。
“我不知道的小事……我发誓。” +1！
如果你正在绑定 ItemsSource，有人知道如何解决这个问题吗？？