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; }
  } 

直接引用就行了：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。