Silverlight Expander Control не расширяется равномерно - PullRequest
Новая
       3

Silverlight Expander Control не расширяется равномерно

0 голосов
/ 10 мая 2011

Я пытаюсь использовать элемент управления экспандера Silverlight, и содержимое экспандера при его расширении не изменяется равномерно по отношению к остальному содержимому.есть идеи?вот как это выглядит 

    <Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <toolkit:Expander ExpandDirection="Right" Grid.Column="0" IsExpanded="True">
        <toolkit:Expander.Header>
            <TextBlock Text="Title" Foreground="Black" />
        </toolkit:Expander.Header>
        <toolkit:Expander.Content>
            <Controls:Grid x:Name="LayoutRoot"  ShowGridLines="True">
                <ContentControl Navigation:ContentArea.AreaName="shellView" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" />
                <ContentControl x:Name="loaderView" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"  />
            </Controls:Grid>
        </toolkit:Expander.Content>
    </toolkit:Expander>
    <ContentControl Grid.Column="1" x:Name="testPage" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" />
</Grid>

В результате расширитель показывает около 30% доступной области, но я хочу, чтобы он показывал 50%

1 Ответ

0 голосов
/ 07 сентября 2012

У вас есть Expander, сидящий в колонке № 1 2-колоночной сетки. Тот факт, что ширина столбца установлена ​​на Авто , а ширина других столбцов - *, означает, что он займет только необходимое пространство (а его дочерние элементы выровняются Stretch не переопределяйте это, поскольку нет фиксированного пространства для расширения).

Простое удаление Авто должно решить вашу проблему и заставить содержимое Expander заполнить 50% пространства, доступного для корневой сетки: 

<Grid.ColumnDefinitions>
    <ColumnDefinition />
    <ColumnDefinition />
</Grid.ColumnDefinitions>

Это эквивалентно присвоению каждому столбцу равной ширины: 

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="*" />
    <ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
...