wpf 创建一个带有 openfiledialog 按钮的文本框

Question

我正在使用 DataTemplate 作为具有文件地址属性的类型。我需要创建一个带有 Button 的 TextBox ，它将打开一个 OpenFileDialog ，然后将选定的文件地址插入 TextBox.

我想知道创建 TextBox 及其旁边的 Button 的最佳方法是什么，它将显示 OpenFileDialog。并且不要忘记这是一个 DataTemplate，因此据我所知，我没有任何 DataTemplate 的代码隐藏。

我正在考虑 UserControl 但我不知道这是否是最好的方法？

谢谢大家

Answer 1

UserControl 是一个完全可以接受的解决方案，但我更可能使用 1) 自定义控件，或 2) RoutedUICommand。

构建自定义控件

创建一个从 TextBox 派生的简单控件：

public class TextBoxWithFileDialog : TextBox
{
  static TextBoxWithFileDialog()
  {
    DefaultStyleKeyProperty.OverrideMetadata(typeof(TextBoxWithFileDialog), new FrameworkPropertyMetadata(typeof(TextBoxWithFileDialog)));
    CommandManager.RegisterClassCommandBinding(typeof(TextBoxWithFileDialog), new CommandBinding(
      ApplicationCommands.Open,
      (obj, e) => { e.Handled = true; ((TextBoxWithFileDialog)obj).ShowFileOpenDialog(); },
      (obj, e) => { e.CanExecute = true; }));
  }
  void ShowFileOpenDialog()
  {
    var dialog = new Microsoft.Win32.OpenFileDialog
    {
      DefaultExt = ".txt"
    };
    if(dialog.ShowDialog()==true)
      Text = dialog.FileName;
  }
}

然后在 theme/Generic.xaml 或其中包含的资源字典中添加包含适当 ControlTemplate 的样式：

<Style TargetType="{x:Type TextBoxWithFileDialog}">
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type TextBoxWithFileDialog}">

        <DockPanel>
          <Button Content="..." Command="Open" DockPanel.Dock="Right" />
          <!-- copy original TextBox control template contents here -->
        </DockPanel>

    ... close rest of tags ...

您可以使用 Expression Blend 复制 TextBox 的现有 ControlTemplate或反射器/BamlViewer）。

对于我自己的项目，我更愿意将这样的解决方案添加到我的控件库中，这样我就可以在任何我想要的地方使用它。然而，如果您只使用一次，这可能有点过头了。在这种情况下，我只需：

使用 RoutedUICommand

public partial class MyWindow : Window
{
  public Window()
  {
    InitializeComponent();
    ...
    CommandManager.RegisterClassCommandBinding(typeof(TextBoxWithFileDialog), new CommandBinding(
      ApplicationCommands.Open,
      (obj, e) =>
      {
        e.Handled = true;
        ((MyWindow)obj).ShowFileOpenDialog((TextBox)e.Parameter);
      },
      (obj, e) => { e.CanExecute = true; }));
  }
  void ShowFileOpenDialog(TextBox textBox)
  {
    var dialog = new Microsoft.Win32.OpenFileDialog
    {
      DefaultExt = ".txt"
    };
    if(dialog.ShowDialog()==true)
      textBox.Text = dialog.FileName;
  }
}

这不需要样式或附加类。只需命名您的文本框，然后让按钮引用该文本框作为其命令参数：

<TextBox x:Name="Whatever" ... />
<Button Content="..." Command="Open" CommandParameter="{Binding ElementName=Whatever}" />

这就是它的全部内容。不幸的是，它只能在一个窗口中使用，将其放在其他地方需要剪切和粘贴。这就是为什么我更喜欢自定义控件。

注意

如果您已在应用程序中的其他位置使用 ApplicationCommands.Open，则可以选择不同的命令，或创建自己的命令：

public static readonly RoutedUICommand MyCommand = new RoutedUICommand(...)