Столбец «Развернуть / Свернуть сетку» в событии щелчка на развёртке WPF - PullRequest
Новая
       31

Столбец «Развернуть / Свернуть сетку» в событии щелчка на развёртке WPF

0 голосов
/ 20 января 2019

У меня есть приложение MVVM. В главном окне я поставил сетку с 2 столбцами В столбце 2 я разместил расширитель WPF и установил его как свернутый по умолчанию (IsExpanded = "False"). Когда приложение выполняется, я бы хотел, чтобы столбец сетки 1 заполнил всю ширину сетки, а столбец сетки 2 шириной 0 (свернуто). Поэтому, когда я щелкаю в расширителе, я хочу, чтобы столбец сетки 2 расширился до 0,47 * ширины. Затем, если я снова нажму на расширитель, я бы хотел, чтобы столбец сетки 1 заполнил всю ширину сетки и столбец сетки 2 был свернут (width = 0). Как я могу это сделать? Ниже код не работает. 

<Grid x:Name="Grid">
<Grid.RowDefinitions>            
    <RowDefinition Height="47.5*" />           
    <RowDefinition Height="auto" />            
</Grid.RowDefinitions>

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

<controls:UCIndicationsOfUse Grid.Row="0" Grid.Column="0"
                             HorizontalAlignment="Stretch"
                             VerticalAlignment="Stretch"
                             Width="auto"
                             Height="auto"
                             DataContext="{Binding}" />

<controls:UCPData    Grid.Row="1" Grid.Column="0"
                     HorizontalAlignment="Stretch"
                     VerticalAlignment="Stretch"
                     Width="auto"
                     Height="auto"
                     DataContext="{Binding}" />

<Expander Grid.Row="0" 
          Grid.RowSpan="2"
          Grid.Column="1"  
          Width="25"            
          ExpandDirection="Left"
          IsExpanded="False"
          HorizontalAlignment="Right">
    <Expander.Header>
        <TextBlock Text="Settings">
            <TextBlock.LayoutTransform>
                <RotateTransform Angle="-90"/>
            </TextBlock.LayoutTransform>
        </TextBlock>
    </Expander.Header>
</Expander>

1 Ответ

0 голосов
/ 20 января 2019

Наконец, я добавил в расширитель события Collapsed и Expanded: 

<Expander Grid.Row="0" 
          Grid.RowSpan="2"
          Grid.Column="1"  
          Width="25"
          Collapsed="Expander_Collapsed"
          Expanded="Expander_Expanded"            
          ExpandDirection="Left"
          IsExpanded="False"
          HorizontalAlignment="Right">
    <Expander.Header>
        <TextBlock Text="Settings">
            <TextBlock.LayoutTransform>
                <RotateTransform Angle="-90"/>
            </TextBlock.LayoutTransform>
        </TextBlock>
    </Expander.Header>
</Expander>

И затем из представленного кода: 

private void Expander_Collapsed(object sender, RoutedEventArgs e)
{
    ColumnDefinition c = this.Grid.ColumnDefinitions[1];
    c.Width = new GridLength(0, GridUnitType.Auto);
    this.Grid.ColumnDefinitions.RemoveAt(1);
    this.Grid.ColumnDefinitions.Insert(1, c);
}

private void Expander_Expanded(object sender, RoutedEventArgs e)
{
    ColumnDefinition c = this.Grid.ColumnDefinitions[1];
    c.Width = new GridLength(0.47, GridUnitType.Star);
    this.Grid.ColumnDefinitions.RemoveAt(1);
    this.Grid.ColumnDefinitions.Insert(1, c);
}

Я думаю, что это не нарушает паттерн MVVM, так какэто задача для просмотра.

...