Выдвижные Как особенность WPF сетки

Я застрял создание пользовательского интерфейса ...Выдвижные Как особенность WPF сетки

enter image description here

Я создал сетку и содержит 3 Колонки -

первый столбец - сетка, которая содержит все входы, что мне нужно от пользователя

второй колонке - A GridSplitter

третьей колонке - Опять сетка, которая содержит все выходы

Я хочу реализовать кнопку как в красном круге, который по щелчку Шкуры/Показывает мой 1-й столбец, т.е. входной части и, следовательно, пользователь может видеть весь вывод на весь экран ..

Здесь мой код далеко -

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Top"> 
     <Grid Grid.Row="0" RenderTransformOrigin="0.5,0.5" Margin="20,0,20,20"> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="124"/> 
       <RowDefinition Height="8*" /> 
       <RowDefinition Height="5*" /> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="Auto" /> 
       <ColumnDefinition Width="Auto" /> 
      <ColumnDefinition Width="Auto" MinWidth="1100" /> 
      </Grid.ColumnDefinitions> 

    <Grid x:Name="InputGrid" Grid.Row="0" Grid.Column="0" /> 
    <GridSplitter HorizontalAlignment="Right" VerticalAlignment="Stretch" 
      Grid.Column="1" ResizeBehavior="PreviousAndNext" Width="3" /> 
    <Grid x:Name="OutputGrid" Grid.Row="0" Grid.Column="2"/> 
</Grid>

источник

2013-05-30 Rajat Suneja

Итак, где вы застряли, что дальше? –

Я хочу реализовать кнопку, как в RED Circle, которая нажимает на мышь/Показывает мой 1-й столбец, то есть входную часть, и, следовательно, пользователь может видеть весь вывод на всем экране. Я застрял в том, как я реализую эту функцию show-hide –

Знаете ли вы, как изменить ширину столбца в коде? –

Я добавил кнопку на XAML, так же, как пример:

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Top"> 
    <Grid Grid.Row="0" RenderTransformOrigin="0.5,0.5" Margin="20,0,20,20"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="124"/> 
      <RowDefinition Height="8*" /> 
      <RowDefinition Height="5*" /> 
      <RowDefinition Height="Auto" /><!--for the button (just an example)--> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="Auto" /> 
      <ColumnDefinition Width="Auto" /> 
      <ColumnDefinition Width="Auto" MinWidth="1100" /> 
     </Grid.ColumnDefinitions> 

     <Grid x:Name="InputGrid" Grid.Row="0" Grid.Column="0" Width="250" Background="Blue"/> 
     <GridSplitter HorizontalAlignment="Right" VerticalAlignment="Stretch" Grid.Column="1" ResizeBehavior="PreviousAndNext" Width="3" /> 
     <Grid x:Name="OutputGrid" Grid.Row="0" Grid.Column="2" Background="Yellow"/> 
     <Button Grid.Row="4" Content="test" Click="OnButtonClick"/> 
    </Grid> 
</Grid>

в коде позади переключения видимости сетки:

private void OnButtonClick(object sender, RoutedEventArgs e) 
    { 
     InputGrid.Visibility = InputGrid.Visibility == Visibility.Visible 
      ? Visibility.Collapsed 
      : Visibility.Visible; 
    }

источник

2013-06-20 19:18:29

Выдвижные Как особенность WPF сетки

ответ

Смежные вопросы