使用 DataTemplate 将 OnClick 附加到布尔更改

Question

我想创建一个数据模板（在代码中，但这不是重点），它允许我单击一个项目并设置其布尔值。我设法创建的是 CheckBox 和 TextBlock 的组合，它的颜色取决于 bool 值。

到目前为止一切顺利...但是我如何告诉 WPF：如果有人单击 TextBlock，请更改 bool 值。（消除对丑陋复选框的需要）

到目前为止代码并正常工作：

var dT = new DataTemplate(typeof(DirectoryWrapper));
var stackPanel = new FrameworkElementFactory(typeof(StackPanel));

var style = new Style(typeof(TextBlock));
var t = new DataTrigger() {Binding = new Binding(DirectoryWrapper.PropString(x => x.IsSelected)), Value = true};
t.Setters.Add(new Setter() { Property = TextBox.ForegroundProperty, Value = new SolidColorBrush(Colors.Green) });
style.Triggers.Add(t);


var box = new FrameworkElementFactory(typeof(CheckBox));
box.SetBinding(CheckBox.IsCheckedProperty, new Binding(DirectoryWrapper.PropString(x => x.IsSelected)));
stackPanel.AppendChild(box);

var entry = new FrameworkElementFactory(typeof(TextBlock));
entry.SetBinding(TextBlock.TextProperty, new Binding(DirectoryWrapper.PropString(x => x.Path)));
entry.SetValue(TextBox.StyleProperty, style);
stackPanel.AppendChild(entry);

dT.VisualTree = stackPanel;
return dT;

Answer 1

这在 WPF 中是微不足道的：只需将您的 CheckBox 模板化为看起来像 TextBlock：

<CheckBox>
  <CheckBox.Template>
    <ControlTemplate>
      <TextBlock Binding="{Binding WhateverYouWant}" ... />
    </ControlTemplate>
  </CheckBox.Template>
</CheckBox>

这可以通过在 TextBlock 周围添加 Border 或任何您喜欢的其他内容来扩展披萨。

您想要使用 CheckBox 而不是 ToggleButton 的原因是 CheckBox 有额外的键盘支持，以及可映射到复选框范例的可访问性支持辅助功能设备。 ToggleButton 不提供这些功能。

Answer 2

您不能使用切换按钮并创建您需要的任何样式/控制模板来获得您想要的外观吗？ ToggleButton 将根据您的点击将其 IsChecked 属性设置为 true 或 false。因此，将您的 Data 属性绑定到 ToggleButton.IsSelected

Answer 3

好的，
只是为了方便起见，Ray Burns 解决方案的工作代码：（

对于初学者：PropString 函数只是一个删除魔术字符串的包装器，使用您在此处绑定的属性名称字符串...）

var dT = new DataTemplate(typeof (DirectoryWrapper));

// Create style to set text red if checked
var style = new Style(typeof (TextBlock));
var t = new DataTrigger() {Binding = new Binding(PropString(x => x.IsSelected)), Value = true};
t.Setters.Add(new Setter() {Property = Control.ForegroundProperty, Value = new SolidColorBrush(Colors.Red)});
style.Triggers.Add(t);

// Create text box
var entry = new FrameworkElementFactory(typeof(TextBlock));
entry.SetBinding(TextBlock.TextProperty, new Binding(PropString(x => x.Path)));
entry.SetValue(FrameworkElement.StyleProperty, style);

// Put into template
var boxTemplate= new ControlTemplate(typeof(CheckBox)) {VisualTree = entry};

// Create box and set template
var box = new FrameworkElementFactory(typeof (CheckBox));
box.SetBinding(ToggleButton.IsCheckedProperty, new Binding(PropString(x => x.IsSelected)));
box.SetValue(Control.TemplateProperty, boxTemplate);

dT.VisualTree = box;
return dT;