どのように違う表示グリッドがコントロールからクリックされましたか？誤解を招くタイトル

Question

申し訳ありませんが、私はこのような状況をしたと仮定し、より良いそれを説明しようとするでしょう：

<Window x:Class="Test.Window1" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:Test" 
    mc:Ignorable="d" 
    Title="Window1" Height="300" Width="300"> 
<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition /> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition /> 
     <RowDefinition /> 
    </Grid.RowDefinitions> 

    <Grid Grid.Column="0" Grid.Row="0"> 
     <TabControl> 
      <TabItem Header="1" /> 
      <TabItem Header="2" /> 
     </TabControl> 
    </Grid> 

    <Grid Grid.Column="0" Grid.Row="1"> 
     <StackPanel Visibility="Hidden"> 
      <Button Content="1"/> 
     </StackPanel> 
     <StackPanel Visibility="Visible"> 
      <Button Content="2"/> 
     </StackPanel> 
    </Grid> 
</Grid> 
</Window> 

は今、私の目標は次のとおりです。header = 1とTabItemの際にユーザーのクリック、ボタンでStackPanelcontent = 1ユーザーがTabItem = 2をクリックしたときにもcontent = 2のボタンが表示されるはずです。

実際に私はコード（c＃）の後ろでこれを行うことができますが、これはwpfでしか管理できません。

Answer 1

複数のオプションがあります。所与例えば

最速と汚いは、選択された項目TabControlのHeaderにトリガするであろう：

<Grid Grid.Column="0" Grid.Row="0"> 
    <TabControl Name="tc"> 
     <TabItem Header="1" /> 
     <TabItem Header="2" /> 
    </TabControl> 
</Grid> 

<Grid Grid.Column="0" Grid.Row="1"> 
    <Button Content="1"> 
     <Button.Style> 
      <Style TargetType="Button"> 
       <Setter Property="Visibility" Value="Collapsed"/> 
       <Style.Triggers> 
        <DataTrigger Binding="{Binding ElementName=tc, Path=SelectedItem.Header}" 
           Value="1"> 
         <Setter Property="Visibility" Value="Visible"/> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </Button.Style> 
    </Button> 
    <Button Content="2"> 
     <Button.Style> 
      <Style TargetType="Button"> 
       <Setter Property="Visibility" Value="Collapsed"/> 
       <Style.Triggers> 
        <DataTrigger Binding="{Binding ElementName=tc, Path=SelectedItem.Header}" 
           Value="2"> 
         <Setter Property="Visibility" Value="Visible"/> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </Button.Style> 
    </Button> 
</Grid> 

（デフォルトの可視性が原因の優先順位にSetterにする必要がある。）

---

より洗練された/よりモジュラーなソリューションは、ボタンロジックと外観をカプセル化し、ボタンセクションのデータを選択した項目のボタンビューにバインドするバッキングビューモデルを持つことです。モデル。ボタンはdata templatingで作成されます。

Answer 2

あなたは単にのようなコントロール名前を付けることができます：

<Stackpanel x:Name="spCon1" ../> 

をそしてただのTabControlのイベントをトリガ、選択のようなものは