WPF清空textbox

时间: 2023-10-28 13:04:45 浏览: 94

带清空按钮的TextBox（WPF）

在Windows Presentation Foundation (WPF) 中，`TextBox` 是一个常用控件，用于接收用户输入文本。在某些应用场景中，为了提高用户体验，我们可能希望在`TextBox`内添加一个清空按钮，允许用户快速清除输入内容。这个特性可以通过自定义`TextBox`的样式和模板来实现。下面我们将深入探讨如何在WPF中创建一个带有清空按钮的`TextBox`。我们需要创建一个新的`ControlTemplate`来替代默认的`TextBox`模板。`ControlTemplate`定义了控件的外观和布局，包括其子元素和它们之间的交互。在我们的案例中，我们将添加一个`Button`作为清空按钮，并确保它与`TextBox`的内容绑定。以下是创建带有清空按钮的`TextBox`的步骤： 1. **创建资源字典**：为了保持代码的整洁，通常我们会将自定义样式放在一个资源字典文件（如`Resources.xaml`）中。 2. **定义样式**：在资源字典中，定义一个针对`TextBox`的新样式，比如名为`ClearableTextBoxStyle`。样式中包含`ControlTemplate`，在这个模板中，我们将添加`Button`元素。 ```xml <Style x:Key="ClearableTextBoxStyle" TargetType="{x:Type TextBox}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type TextBox}"> <Grid> <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="4"> <ScrollViewer x:Name="PART_ContentHost" Focusable="False" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/> </Border> <Button x:Name="PART_ClearButton" Content="×" FontFamily="Segoe UI Symbol" Foreground="Gray" Margin="3" Padding="3" Visibility="{TemplateBinding Tag, Converter={StaticResource BooleanToVisibilityConverter}}" Click="PART_ClearButton_Click"/> </Grid> <ControlTemplate.Triggers> <Trigger Property="IsKeyboardFocused" Value="True"> <Setter TargetName="PART_ClearButton" Property="Foreground" Value="Black"/> </Trigger> <Trigger Property="Text" Value="{x:Null}"> <Setter TargetName="PART_ClearButton" Property="Visibility" Value="Hidden"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> ``` 3. **添加转换器**：在`Button`的`Visibility`属性上，我们使用了一个转换器`BooleanToVisibilityConverter`，这个转换器将布尔值转换为`Visibility`枚举值。如果你的项目中还没有这个转换器，需要先创建它。 ```csharp public class BooleanToVisibilityConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { return (bool)value ? Visibility.Visible : Visibility.Collapsed; } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { throw new NotSupportedException(); } } ``` 4. **事件处理**：在`Button`的`Click`事件中，我们需要清除`TextBox`的内容。在代码-behind文件中添加事件处理程序。 ```csharp private void PART_ClearButton_Click(object sender, RoutedEventArgs e) { var textBox = (sender as FrameworkElement).TemplatedParent as TextBox; if (textBox != null) { textBox.Text = string.Empty; } } ``` 5. **应用样式**：在需要使用这个带清空按钮的`TextBox`的地方，只需设置其`Style`属性为我们在资源字典中定义的样式，并将其`Tag`属性设置为`True`，以显示清空按钮。 ```xml <TextBox Style="{StaticResource ClearableTextBoxStyle}" Tag="True"/> ``` 通过以上步骤，我们就成功地在WPF中创建了一个带有清空按钮的`TextBox`。这个控件在用户输入内容后会显示清空按钮，点击按钮即可快速清除输入，提升了用户体验。同时，当`TextBox`为空时，清空按钮会自动隐藏，使得界面更加简洁。

要清空 WPF 中的 TextBox，可以使用以下代码： ```csharp textBox.Text = string.Empty; ``` 或者： ```csharp textBox.Clear(); ``` 其中，`textBox` 是你的 TextBox 控件的实例名。这两种方法都可以将 TextBox 的文本内容清空。

阅读全文

WPF清空textbox

相关推荐

wpf mvvm textbox 条码枪 扫描第二次清空

wpf DatePicker扩展 增加 选择今天 和 清空功能 源码

TextBox component

wpf读取richTextBoxwpf读取richTextBox

WPF自定义搜索控件

输入textbox控件只能输入数字

WPF 效仿CMD完成命令操作

带提示消息的TextBox和PasswordBox

C#只允许输入数字的TextBox

Ｃ＃Textbox获得扫描枪条码内容

wpf textbox 輸入後自動清除內容

wpf textbox 輸入幾秒後自動清除內容

wpf textbox 拍卡卡號, 完成後自動清除內容

写个wpf控件 combobox双击变成textbox

每次扫码，自动将textbox输入清空重输

wpf 动态搜索输入框

wpf文件管理器代码

精细金属掩模板(FMM)行业研究报告 显示技术核心部件FMM材料产业分析与市场应用

最新推荐

精细金属掩模板(FMM)行业研究报告 显示技术核心部件FMM材料产业分析与市场应用

【创新未发表】斑马算法ZOA-Kmean-Transformer-LSTM负荷预测Matlab源码 9515期.zip

j link 修复问题套件

C#实现modbusRTU(实现了01 3 05 06 16等5个功能码)

Angular实现MarcHayek简历展示应用教程

管理建模和仿真的文件

深入剖析：内存溢出背后的原因、预防及应急策略（专家版）

Java中如何对年月日时分秒的日期字符串作如下处理：如何日期分钟介于两个相连的半点之间，就将分钟数调整为前半点

Crossbow Spot最新更新 - 获取Chrome扩展新闻

"互动学习：行动中的多样性与论文攻读经历"

wpf mvvm textbox 条码枪扫描第二次清空

wpf DatePicker扩展增加选择今天和清空功能源码

精细金属掩模板(FMM)行业研究报告显示技术核心部件FMM材料产业分析与市场应用

精细金属掩模板(FMM)行业研究报告显示技术核心部件FMM材料产业分析与市场应用