2013-05-30 21 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; 
    }