如何在此 ControlTemplate 中进行绑定？

Question

我有一个ListView，里面装满了List<MyListItem>，我需要使用ControlTemplate 才能在选择项目时更改效果。现在我遇到了{Binding MyProperty} 在ControlTemplate 内部不起作用的问题。如何访问模板内MyListItem 的属性？

我的 XAML 看起来像这样（简化）：

<ListView
        Name="ListView"
        Grid.Column="1"
        IsSwipeEnabled="False">

        <ListView.ItemContainerStyle>
            <Style TargetType="ListViewItem">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListViewItem">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="SelectionStates">
                                        <VisualState x:Name="Unselected">
                                            <Storyboard>
                                                <ColorAnimation Duration="0" Storyboard.TargetName="myColoredText" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="Orange"/>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="SelectedUnfocused">
                                            <Storyboard>
                                                <ColorAnimation Duration="0" Storyboard.TargetName="myColoredText" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" To="Red"/>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <!-- Here I have my custom layout, removed for readability -->
                                <TextBlock
                                    Name="myColoredText"
                                    Foreground="Green"
                                    Text="{Binding MyProperty}"/><!-- This does not work -->

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ListView.ItemContainerStyle>
    </ListView>

这是这个 XAML 背后的类：

public sealed partial class MyPage : Page
{
    public MyPage()
    {
        InitializeComponent();
        ListView.ItemsSource = new List<MyListItem>()
        {
            new MyListItem("Title1", "SubTitle1"),
            new MyListItem("Title2", "SubTitle2")
        }
    }
}

还有 MyListItem 类：

class MyListItem
{
    public string MyProperty { get; set; }
    public string MyOtherProperty { get; set; }

    public MyListItem(string myProperty, string myOtherProperty)
    {
        MyProperty = myProperty;
        MyOtherProperty = myOtherProperty;
    }
}

有问题的最小项目：

Project

Answer 1

在处理自定义ControlTemplates 时需要使用{TemplateBinding} 表达式。这会将属性值绑定到与控件实例关联的任何相应属性。

<TextBlock Name="myColoredText"
           Foreground="Green"
           Text="{TemplateBinding MyProperty}" />

这将直接绑定到控件中的指定实例属性。由于WPF/WinRT控件为DependencyObjects，所以常用DependencyProperties：

public static readonly DependencyProperty MyPropertyProperty = 
    DependencyProperty.Register(
        "MyProperty",
        typeof(Boolean),
        typeof(ListViewItem),
        null
    );

public bool MyProperty
{
    get { return (bool)GetValue(MyPropertyProperty); }
    set { SetValue(MyPropertyProperty, value); }
}

然后在声明一个新实例时，将按照 XAML 中的标准填充此属性：

<someNamespace:ListViewItem MyProperty={Binding ViewModelProperty} />

您可以在 MSDN 上阅读有关 TemplateBinding 标记表达式的更多信息。

Answer 2

ControlTemplate 通常用于定义控件的外观。因此，将 XAML 放入 DataTemplate 并将其分配给 ListView.ItemTemplate 属性会容易得多。您可以从DataTemplate 访问所有自定义属性：

<ListView.ItemTemplate>
    <DataTemplate>
        <TextBlock Name="myColoredText" Foreground="Green"
            Text="{Binding MyProperty}" /><!-- This will now work -->
    </DataTemplate>
</ListView.ItemTemplate>

---

更新>>>

您还可以像这样使用ItemContainerStyle 属性中的DataTemplate：

<Style x:Key="SomeStyle" TargetType="{x:Type ListBoxItem}">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate DataType="{x:Type Your:DataType}">
                <TextBlock Name="myColoredText" Foreground="Green"
                    Text="{Binding MyProperty}" /><!-- This will now work -->
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

Answer 3

Wpf 仅支持绑定到属性，不支持绑定到字段。所以，你的 MyItemClass 应该是：

public class MyListItem { 
    public string MyProperty { get; set; } 
    public string MyOtherProperty { get; set; } 

    public MyListItem(string myProperty, string myOtherProperty) {         
        MyProperty = myProperty; 
        MyOtherProperty = myOtherProperty;  
    }
}

希望对你有帮助

Answer 4

在TextBox 中，使用：

Text="{Binding Content.MyProperty, 
               RelativeSource={RelativeSource TemplatedParent}}"