如何在WPF中创建可重用的TextBlock绑定？

Question

我一直在自学WPF，但仍在学习基本概念和术语。 因此，如果此问题的标题措词不正确，请原谅我。

我有以下XAML，它是绑定到ViewModelBase类型的对象的HierarchicalDataTemplate的一部分：

            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding PrefixStyle.Text}" 
                           FontWeight="{Binding PrefixStyle.Weight}" 
                           Foreground ="{Binding PrefixStyle.Foreground}" 
                           Margin="0,0,3,0"/>                                
                <TextBlock Text="{Binding ValueStyle.Text}" 
                           FontWeight="{Binding ValueStyle.Weight}" 
                           Foreground ="{Binding ValueStyle.Foreground}"
                           Margin="0,0,3,0"/>                     
                <TextBlock Text="{Binding SuffixStyle.Text}" 
                           FontWeight="{Binding SuffixStyle.Weight}" 
                           Foreground ="{Binding SuffixStyle.Foreground}" 
                           Margin="0,0,3,0"/>
                           ... 
            </StackPanel>

ViewModelBase具有XAML中引用的相应属性：

public TextBlockStyle PrefixStyle...
public TextBlockStyle ValueStyle...
public TextBlockStyle SuffixStyle... 


public class TextBlockStyle : INotifyPropertyChanged
{
    public string Text...
    public FontWieght Weight...
    public Brush Foreground 
}

如何在XAML中只定义一次TextBlock到TextBlockStyle的绑定，而不必像上面那样显式绑定每个TextBlock属性呢？ 所以我每个TextBlock只能一行：

                <StackPanel Orientation="Horizontal">
                    <TextBlock Source="{Binding PrefixStyle}" />                           
                    <TextBlock Source="{Binding ValueStyle}"  />                    
                    <TextBlock Source="{Binding SuffixStyle}" />
                 ...                                                              
                </StackPanel>

我只是不知道从哪里开始。 我是否需要继承TextBlock？ 使用BindingGroup？

这肯定是程序员遇到的常见问题-因此，如果您以前曾问过这个问题，我深表歉意。 我已经尝试过搜索，但是我对WPF还是陌生的，我不知道如何正确表达我的问题。

Answer 1

您可以使用隐式样式在整个应用程序中设置“全局”样式。 这通常是在ResourceDictionary内部的App.xaml文件中完成的。

<Style TargetType="{x:Type TextBlock}"
       BasedOn="{StaticResource TextBlockStyle}">
    <Setter Property="FontWeight" 
            Value="Bold">
    </Setter>
    <Setter Property="Foreground" 
            Value="Red">
    </Setter>
</Style>

如果继续使用您要遵循的方法（我不会），则可以将设置方法更改为：

<Setter Property="FontWeight" 
        Value="{Binding Weight}">
</Setter>

然后，应用程序中的所有TextBlock都将使用该样式，除非您定义了更本地化的显式/隐式样式。

编辑以详细说明：

我也在使用TreeView和HierarchicalDataTemplate 。 以MVVM方式思考， TreeView每个项（父项/子项）都应代表某种模型。 例如，考虑一下Windows资源管理器。 其中的每个项目在MVVM世界中都是Folder或Drive 。 Folder和Drive不会具有不同的字体粗细/颜色/大小特征，因为这与所有视图相关。

在我们的示例中，您将具有以下内容：

public class BaseItem : ViewModel
{
    public ObservableCollection<BaseItem> Children { .... } 
    public bool IsSelected { .... }
    public string Title { .... } 
}

由于一个文件夹可以容纳更多文件夹，而一个驱动器可以容纳文件夹，因此您将需要执行以下操作：

public class DriveVM : BaseItem { }
public class FolderVM : BaseItem { }

您将全部由哪Children.Add(new FolderVM(folder));来做Children.Add(new FolderVM(folder)); 在DriveVM内部，这将在驱动器下显示一个文件夹。 问题是这可能变得非常复杂。 简而言之，我认为继承是使用TreeView的关键。

另一个选择是这样的：

<Style x:Name="PrefixTextBlockStyle"
       TargetType="{x:Type TextBox}">
    <Setter Property="FontWeight"
            Value="Bold" />
    <Setter Property="Foreground"
            Value="Red" />
    <Setter Property="Text"
            Value="{Binding Text}" 
    <Setter Property="Margin"
            Value="0 0 3 0" />
</Style>
<Style x:Name="SuffixTextBlockStyle"
       TargetType="{x:Type TextBox}">
    <Setter Property="FontWeight"
            Value="Italic" />
    <Setter Property="Foreground"
            Value="Orange" />
    <Setter Property="Text"
            Value="{Binding Text}" />
    <Setter Property="Margin"
            Value="0 0 3 0" />
</Style>

然后在您的HierarchicalDataTemplate执行以下操作：

<StackPanel Orientation="Horizontal">
    <TextBlock DataContext="{Binding Prefix}"
               Style="{StaticResource PrefixTextBlockStyle} ">  
    ....                              
</StackPanel>

Answer 2

<StackPanel Orientation="Horizontal">
     <StackPanel.Resources>
         <Style TargetType="TextBlock">
              <Setter Property="Text" Value="{Binding Text}" />
              <Setter Property="FontWeight" Value="{Binding Weight}" />
              <Setter Property="Foreground " Value="{Binding Foreground}" />
              <Setter Property="Margin" Value="0,0,3,0" />
         </Style>
     </StackPanel.Resources>

     <TextBlock DataContext="{Binding PrefixStyle}"/>                                
     <TextBlock DataContext="{Binding ValueStyle}"/>                     
     <TextBlock DataContext="{Binding SuffixStyle}"/> 
      ... 
</StackPanel>

或在app.xaml中使用全局命名样式：

<Application>
    <Application.Resources>
        <Style x:Key="MyTextBlockStyle" TargetType="TextBlock">
            <Setter Property="Text" Value="{Binding Text}" />
            <Setter Property="FontWeight" Value="{Binding Weight}" />
            <Setter Property="Foreground " Value="{Binding Foreground}" />
            <Setter Property="Margin" Value="0,0,3,0" />
        </Style>
    </Application.Resources>
</Application>

其他地方的用法：

<Window>
    <StackPanel>

    <!-- Single textblock with explicit style -->
    <TextBlock DataContext="Blah" Style="{StaticResource MyTextBlockStyle}" />

    <!-- Multiple textblocks with implicit style -->
    <StackPanel Orientation="Horizontal">
        <StackPanel.Resources>
            <Style TargetType="TextBlock" BasedOn={StaticResource MyTextBlockStyle}" />
        </StackPanel.Resources>

        <TextBlock DataContext="{Binding PrefixStyle}"/>                                
        <TextBlock DataContext="{Binding ValueStyle}"/>                     
        <TextBlock DataContext="{Binding SuffixStyle}"/> 
         ... 
    </StackPanel>
</Window>