スタイル内にあるWPF DataTemplateでバインディングを使用する方法

Question

WPFデータバインディング/スタイル/テンプレートを初めて使用しています... スタイルを使用してボタンにプロパティ値のセットを適用しようとしています。スタイルはクラスのフィールドにバインドされます。ご覧のとおり、これはBackColorプロパティで正常に機能します。しかし、TextBlockのTextを設定しようとすると、動作しません（どちらもバインディングエラーが発生します）。私の究極の目標は、コンテンツとしてイメージを設定できることです。

私はDataTemplateを使用せず、 "ContentTemplate"の代わりに "ContentTemplate"の代わりにSetterProperty = "Content"を使用すると1つのボタンで動作しますが、2番目のボタンを追加するとランタイムエラー "別の要素の論理的な子です。最初に切断してください。 "

私はここで何が欠けていますか？私はそれは私が明示的にMyClassの

を参照するものを使用したくない作品たら、私はグローバルスコープにスタイルを移動したいと思います。「のTextBlockテキスト=」???」ところで

に何を入れてくださいあなたは今、あなたが使用する必要が

<Setter Property="Background" Value="{Binding BackColor}"/> 
<Setter Property="Content" Value="{Binding Text}"/> 

を必要

<Window.Resources> 
    <Style TargetType="Button" x:Key="MyStyle"> 
     <Setter Property="Background" Value="{Binding BackColor}"/> 
     <Setter Property="ContentTemplate"> 
      <Setter.Value> 
       <DataTemplate> 
        <StackPanel Orientation="Horizontal"> 
         <TextBlock Text="XYZ-"/> 
         <TextBlock Text="{Binding Text}"/> 
        </StackPanel>       
       </DataTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</Window.Resources> 
<StackPanel Orientation="Horizontal" Height="30"> 
    <Button Style="{StaticResource MyStyle}" DataContext="{Binding Action1}"/> 
    <Button Style="{StaticResource MyStyle}" DataContext="{Binding Action1}"/> 
    <Button Style="{StaticResource MyStyle}" DataContext="{Binding Action2}"/> 
    <Button Style="{StaticResource MyStyle}" DataContext="{Binding Action2}"/> 
</StackPanel> 

とあなたの元の質問に

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 

     DataContext = this; 

     Action1 = new MyClass() { Text = "ACTION1", BackColor = new SolidColorBrush(Colors.Red) }; 
     Action2 = new MyClass() { Text = "ACTION2", BackColor = new SolidColorBrush(Colors.Green) }; 
    } 
    public MyClass Action1{get; private set;} 
    public MyClass Action2{get; private set;} 
} 

public class MyClass 
{ 
    public string Text { get; set; } 
    public Brush BackColor { get; set; } 
} 

Answer 1

、

<TextBlock Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, 
      AncestorType=Button}, Path=DataContext.Text}"/> 

を結合相対的なソースは、あなたの答えを

XAML

<Page.Resources> 
    <DataTemplate x:Key="ItemTemplate" DataType="{x:Type Samples:MyClass}"> 
     <Button Background="{Binding BackColor}"> 
      <StackPanel Orientation="Horizontal"> 
       <TextBlock Text="XYZ-"/> 
       <TextBlock Text="{Binding Text}"/> 
      </StackPanel> 
     </Button> 
    </DataTemplate> 
    <ItemsPanelTemplate x:Key="ItemsPanelTemplate"> 
     <StackPanel Orientation="Horizontal"/> 
    </ItemsPanelTemplate> 
</Page.Resources> 
<Page.DataContext> 
    <Samples:DataTemplateItemsControlViewModel/> 
</Page.DataContext> 
<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="Auto"/> 
    </Grid.RowDefinitions> 
    <ItemsControl 
     ItemsSource="{Binding Items}" 
     ItemsPanel="{StaticResource ItemsPanelTemplate}" 
     ItemTemplate="{StaticResource ItemTemplate}"/> 
</Grid> 

C＃

public class DataTemplateItemsControlViewModel 
{ 
    public DataTemplateItemsControlViewModel() 
    { 
     Items = 
      new Collection<MyClass> 
       { 
        new MyClass 
         { 
          Text = "ACTION1", 
          BackColor = new SolidColorBrush(Colors.Red) 
         }, 
        new MyClass 
         { 
          Text = "ACTION2", 
          BackColor = new SolidColorBrush(Colors.Blue) 
         }, 
        new MyClass 
         { 
          Text = "ACTION3", 
          BackColor = new SolidColorBrush(Colors.Green) 
         }, 
        new MyClass 
         { 
          Text = "ACTION4", 
          BackColor = new SolidColorBrush(Colors.Yellow) 
         }, 
       }; 
    } 

    public IList<MyClass> Items { get; private set; } 
}