Как свернуть столбец сетки размера звезды в WPF? - PullRequest
Новая
       31

Как свернуть столбец сетки размера звезды в WPF?

0 голосов
/ 15 ноября 2018

Получение трех столбцов одинаковой ширины выполняется путем установки Width в Auto. 

<Grid x:Name="myGrid">
  <Grid.RowDefinitions>
    <RowDefinition Height="Auto" />
  </Grid.RowDefinitions>

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

  <Label Grid.Row="0" Grid.Column="0">One</Label>
  <Label Grid.Row="0" Grid.Column="1" x:Name="label1">Two</Label>
  <Label Grid.Row="0" Grid.Column="2">Three</Label>
</Grid>

Я хочу добиться того, чтобы средний столбец был свернут или скрыт, чтобы другие два заняли оставшиесяпространство и получить равную ширину.

Если я просто установил Видимость на Свернутый или Скрытый из-за ширины = "*", ширина двух других столбцов останется прежней. 

<Label Grid.Row="0" Grid.Column="1" Visibility="Collapsed">Two</Label>

enter image description here

Я достиг желаемой функциональности, запрограммировав автоматическую настройку ширины второго столбца, но ищу другое решение (желательно xaml, способ один). 

private void Button_Click(object sender, RoutedEventArgs e)
{
  this.myGrid.ColumnDefinitions[1].Width = GridLength.Auto;
  this.label1.Visibility = Visibility.Collapsed;
}

1 Ответ

0 голосов
/ 15 ноября 2018

Я добавил Xaml Binding, как предложил Роб, так: 

<Grid.ColumnDefinitions>
  <ColumnDefinition Width="*" />
  <ColumnDefinition Width="{Binding MiddleColumnWidth}" />
  <ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>

<Label Grid.Row="0" Grid.Column="0">One</Label>
<Label Grid.Row="0" Grid.Column="1" Visibility="{Binding IsSecondLabelVisible}">Two</Label>
<Label Grid.Row="0" Grid.Column="2">Three</Label>

Код позади xaml: 

private bool ShowOnlyTwoColumns;

private GridLength MiddleColumnWidth
{
  get
  {
    if (ShowOnlyTwoColumns)
      return GridLength.Auto; // Auto collapses the grid column when label is collapsed

    return new GridLength(1, GridUnitType.Star);
  }
}

private Visibility IsSecondLabelVisible
{
  get { return this.ShowOnlyTwoColumns ? Visibility.Collapsed : Visibility.Visible; }
}
...