メニュー項目でウィンドウの内容を変更します。WPFをクリックします。

Question

メニューバーを含む必要があるWPFアプリケーションを実行する必要があります。ユーザーがすべてのメニュー項目をクリックすると、ウィンドウには異なる内容がロードされます。 これを達成するためのアイデアをお寄せください。

<Window x:Class="win3.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   
     Title="MainWindow" Height="700" Width="600" > 
    <Grid> 

     <DockPanel> 
      <Menu DockPanel.Dock="Top"> 
       <MenuItem Header="Student" Click="StudentMenuItem_Click"/> 
       <MenuItem Header="Academic" Click="AcademicMenuItem_Click"/> 
      </Menu> 
      <TextBox AcceptsReturn="True" /> 
     </DockPanel> 
     <Grid x:Name="grdStudent" Height="500" Width="550" Margin="22,56,22,115"> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="2*"/> 
       <ColumnDefinition Width="3*"/> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="6*"/> 
       <RowDefinition Height="1*"/> 
      </Grid.RowDefinitions> 
      <Label Content="Student Id" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="57,51,0,0"/> 
      <Label Content="Student Name: " HorizontalAlignment="Left" Margin="57,110,0,0" VerticalAlignment="Top" Width="84"/> 
      <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="46,51,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="175"/> 
      <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="46,110,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="175"/> 
     </Grid> 

     <Grid x:Name="grdAcademic" Height="500" Width="550" Margin="22,56,22,115" > 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="2*"/> 
       <ColumnDefinition Width="3*"/> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition Height="1*"/> 
       <RowDefinition Height="5*"/> 
      </Grid.RowDefinitions> 
      <ComboBox x:Name="cmbFloor" HorizontalAlignment="Left" VerticalAlignment="Top" Width="80" SelectionChanged="cmbFloor_SelectionChanged" Margin="130,29,0,0"/> 
      <ComboBox x:Name="cmbDoor" HorizontalAlignment="Left" Margin="130,10,0,0" VerticalAlignment="Top" Width="80" SelectionChanged="cmbDoor_SelectionChanged" Grid.Row="1"/> 
     </Grid> 
    </Grid> 
</Window > 

は.cs

private void StudentMenuItem_Click(object sender, RoutedEventArgs e) 
     { 
      this.grdStudent.Visibility = Visibility.Visible; 
      this.grdAcademic.Visibility = Visibility.Collapsed; 
     } 

     private void AcademicMenuItem_Click(object sender, RoutedEventArgs e) 
     { 
      this.grdAcademic.Visibility = Visibility.Collapsed; 
      this.grdStudent.Visibility = Visibility.Collapsed; 
     } 

上記のコードexpected.but .XMALファイルが不器用に見えるあたりとして働くファイルが。

Answer 1

DataTemplateとContentControlを使用できます。あなたのビュー 'grdAcademic'と 'grdStudent'を2人のユーザーコントロールで定義し、同じようにDataTemplateを定義します。

<DataTemplate x:Key="grdAcademicView"> 
    <local:UserControlGrdAcademic /> 
</DataTemplate> 

<DataTemplate x:Key="grdStudentView" > 
    <local:UserControlGrdStudent /> 
</DataTemplate> 

昇天、ここでは「ローカル」あなたのCLR名前空間（のxmlns：ローカル=「CLR名前空間：」）されてクリックして、ビューモデルに2つの変数に関連付けることができ

メニューボタンは「IsStudent」を言います「IsAcademic」を使用し、以下のように使用してください。

<ContentControl Content="{Binding }"> 
    <ContentControl.Style> 
     <Style> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding Path=IsStudent}" Value="True"> 
        <Setter Property="ContentControl.ContentTemplate" Value="{StaticResource grdStudentView}" /> 
       </DataTrigger> 
       <DataTrigger Binding="{Binding Path=IsAcademic}" Value="True"> 
        <Setter Property="ContentControl.ContentTemplate" Value="{StaticResource grdAcademicView}" /> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </ContentControl.Style> 
</ContentControl> 

Answer 2

あなたは異なる内容を入れることができます（その後、私たちはそれ以上のコントローラを追加する必要があります）

StudentView.xaml

：例えば別々のファイルで

<UserControl 
    <!-- Standard UC code here --> 
    > 
    <Grid x:Name="grdStudent" Height="500" Width="550" Margin="22,56,22,115"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="2*"/> 
      <ColumnDefinition Width="3*"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="6*"/> 
      <RowDefinition Height="1*"/> 
     </Grid.RowDefinitions> 
     <Label Content="Student Id" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="57,51,0,0"/> 
     <Label Content="Student Name: " HorizontalAlignment="Left" Margin="57,110,0,0" VerticalAlignment="Top" Width="84"/> 
     <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="46,51,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="175"/> 
     <TextBox Grid.Column="1" HorizontalAlignment="Left" Height="23" Margin="46,110,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="175"/> 
    </Grid> 
</UserControl> 

次にあなたが

<Grid> 
    <DockPanel> 
     <!-- Put your menu code here --> 
    </DockPanel> 
    <ContentControl x:Name="content" /> 
</Grid> 

にごMainWindow.xamlを変更し、これとは別に

private readonly FrameworkElement _academicView; 
private readonly FrameworkElement _studentView; 

public MainWindow() 
{ 
    InitializeComponent(); 

    _academicView = new AcademicView(); 
    _studentView = new StudentView(); 

    content.Content = _academicView; // set the default view 
} 

private void StudentMenuItem_Click(object sender, RoutedEventArgs e) 
{ 
    content.Content = _studentView; 
} 

private void AcademicMenuItem_Click(object sender, RoutedEventArgs e) 
{ 
    content.Content = _academicView; 
} 

の後ろにあなたのコードでは、私はMVVM-パターンに見て、あなたをお勧めします。