成都网站建设设计

将想法与焦点和您一起共享

WPF如何自定义搜索框-创新互联

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

武义ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!

首先下载搜索图标:

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


本文标题:WPF如何自定义搜索框-创新互联
文章位置:http://chengdu.cdxwcx.cn/article/ccphej.html