千家信息网

WPF如何自定义搜索框

发表于:2024-11-30 作者:千家信息网编辑
千家信息网最后更新 2024年11月30日,这篇文章将为大家详细讲解有关WPF如何自定义搜索框,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。首先下载搜索图标:控件中的搜索图标下载地址:http://www.e
千家信息网最后更新 2024年11月30日WPF如何自定义搜索框

这篇文章将为大家详细讲解有关WPF如何自定义搜索框,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

首先下载搜索图标:

控件中的搜索图标下载地址:http://www.easyicon.net/1183666-Search_icon.html

搜索框设计过程比较简单:

1、先定义一个Rectangle作为背景

2、然后中间放TextBox输入,可以重写其中的模板。提示语Label放在模板中,可以在模板的触发器中控制隐藏显示~

3、搜索按钮-大家随便在网上下个就行了。

UserControl界面:

                                                                                                                                                                                                                              

UserControl后台:

  public partial class SearchControl : UserControl  {    public SearchControl()    {      InitializeComponent();    }    public event EventHandler OnSearch;     private void BtnSearch_OnClick(object sender, RoutedEventArgs e)    {      ExeccuteSearch();    }    private void TbxInput_OnKeyDown(object sender, KeyEventArgs e)    {      ExeccuteSearch();    }    private void ExeccuteSearch()    {      if (OnSearch!=null)      {        var args=new SearchEventArgs();        args.SearchText = TbxInput.Text;        OnSearch(this, args);      }    }  }  public class SearchEventArgs : EventArgs  {    public string SearchText { get; set; }  }

直接引用就行了:

关于"WPF如何自定义搜索框"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

0