如何在DataTemplate中使用窗口级数据绑定样式

在WPF项目中，我的viewmodel具有一些我绑定到样式的常规属性。然后我想在DataTemplate中使用该样式，在该模型中绑定来自viewmodel的集合。如何在DataTemplate中使用窗口级数据绑定样式

数据绑定样式按照预期在DataTemplate外部工作，但不适用于里面。调试时，我可以看到它正在寻找集合对象内的常规属性，所以我的问题是，我如何在DataTemplate中获取视图模型中的属性。我想我必须使用RelativeSource绑定，但我一直无法使它工作。

这种快速的应用程序应该表现出什么，我试图做的：

MainWindow.xaml

<Window x:Class="StyleTest.MainWindow" 
     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:StyleTest" 
     mc:Ignorable="d" 
     Title="Test" 
     SizeToContent="WidthAndHeight"> 
    <Window.Resources> 
     <Style TargetType="TextBlock" x:Key="Header"> 
      <Setter Property="FontSize" Value="{Binding FontSize}" /> 
      <Setter Property="Foreground" Value="{Binding Foreground}" /> 
     </Style> 
     <DataTemplate x:Key="UserTemplate"> 
      <StackPanel> 
       <TextBlock Style="{StaticResource Header}" Text="{Binding Name}" /> 
      </StackPanel> 
     </DataTemplate> 
    </Window.Resources> 
    <Grid Margin="20"> 
     <StackPanel> 
      <ItemsControl Name="Itemscontrol" ItemsSource="{Binding Users}" ItemTemplate="{StaticResource UserTemplate}" /> 
      <TextBlock Style="{StaticResource Header}">Style this.</TextBlock> 
     </StackPanel> 
    </Grid> 
</Window>

MainWindow.cs

using System.Collections.Generic; 
using System.Windows; 
using System.Windows.Media; 

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

      Model m = new Model { 
       FontSize = 28, 
       Foreground = new SolidColorBrush(Colors.Orange), 
       Users = new List<User>() }; 

      m.Users.Add(new User() { Name = "Mambo No. 1" }); 
      m.Users.Add(new User() { Name = "Right Hand Rob" }); 
      m.Users.Add(new User() { Name = "Perry Junior" }); 

      this.DataContext = m; 
     } 
    } 

    public class Model 
    { 
     private int fontSize; 
     public int FontSize { get => fontSize; set => fontSize = value; } 

     private SolidColorBrush foreground; 
     public SolidColorBrush Foreground { get => foreground; set => foreground = value; } 

     private List<User> users; 
     public List<User> Users { get => users; set => users = value; } 
    } 

    public class User 
    { 
     public string Name { get; set; } 
    } 
}

来源

2017-09-03 tkrag

sTrenat's solution works per fect（谢谢），我在尝试让RelativeSource绑定工作时错过了正确的绑定路径。 – tkrag

我想你想是这样的：

<Style TargetType="TextBlock" x:Key="Header"> 
    <Setter Property="FontSize" Value="{Binding Path=DataContext.FontSize, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" /> 
    <Setter Property="Foreground" Value="{Binding Path=DataContext.Foreground, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" /> 
</Style>

来源

2017-09-03 19:05:27 sTrenat

如何在DataTemplate中使用窗口级数据绑定样式

回答

相关问题