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

Question

我在Silverlight应用程序中有几个手风琴我正在写(甚至是手风琴里面的手风琴!)但布局让我疯了.

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

如果我添加或删除项目,我必须重新开始,如果我想通过手动将网格设置为每个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>