2013-05-30 22 views
0

我被困在创建UI ...抽屉状特征WPF电网

enter image description here

我创建了一个网格,它包含3列 -

第一纵队 - 网格包含所有我从用户需要输入

第二列 - 甲gridSplitter

第三列 - 再次其中包含的所有输出的网格

我想实现一个按钮,在红色圈出上点击隐藏/显示我的第一纵队即输入部分,因此用户可以看到整个屏幕上的整个输出..

这里是我的代码这一步 -

<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> 
+0

那么你卡在哪里,下一步是什么? –

+0

我想实现一个按钮,因为在点击隐藏/显示我的第一列,即输入部分,因此用户可以看到整个屏幕上的整个输出的红圈。 我坚持如何我是否实现此隐藏功能 –

+0

您是否知道如何更改代码中列的宽度? –

回答

0

我添加了一个按钮,你的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; 
    }