首先下载搜索图标：

控件中的搜索图标下载地址：http://www .简单的图标。net/1183666-Search _ icon。超文本标记语言

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

1、先定义一个矩形作为背景

2、然后中间放文本框输入，可以重写其中的模板。提示语标签放在模板中，可以在模板的触发器中控制隐藏显示~

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

UserControl界面：

用户控件x : class=' wpfaapplication 18 .搜索控件“xmlns=”http://架构。微软。com/winfx/2006/xaml/presentation ' xmlns : x=' http://架构。微软。com/winfx/2006/xaml ' xmlns : MC=' http://schemas。openxmlformas。org/markup-compatibility/2006 ' xmlns :d=' http://schemas。微软。' com/expression/blend/2008 '列定义列定义宽度=' 15 '/列定义列定义宽度=' * '/列定义列定义宽度=' 36 '/列定义/网格。列定义矩形网格。列="0"网格列跨度=' 3 '填充='浅灰色'半径X=' 15 '半径Y=' 15 '不透明度=' 0.8 '/矩形文本框x:Name='TbxInput '网格.列=' 1 ' KeyDown=' TbxInput _ OnKeyDown '文本框。模板控件模板目标类型='文本框'网格文本块x:Name='Uc_TblShow '文本='请输入.'前景='灰色'不透明度='0.5 '垂直对齐='中心'可见性='折叠'/文本块文本框x:Name='Uc_TbxContent '前景='灰色'背景='透明'垂直对齐='中心'垂直内容对齐='中心'边框厚度='0 '文本=' {绑定元素名称=TbxInput，路径=文本，模式=双向} ' font size=' 18 '/文本框/网格控件模板。触发器触发器源名称='Uc_TbxContent '属性='文本'值Setter TargetName=' Uc _ TblShow '属性='可见性'值='可见性'/Setter/触发器触发器源名称='Uc_TbxContent '属性='IsFocused '值=' True ' Setter目标名称=' Uc _ TblShow '属性='可见性'值='折叠'/Setter/触发器/控件模板。触发器/控件模板/文本框。模板/文本框按钮x:Name=搜索'网格。列='2 '单击='BtnSearch_OnClick '光标='手'按钮。模板控件模板目标类型='按钮'网格图像x :名称=' Uc _ Image '来源=' 1181298。png ' Height=' 20 ' Width=' 20 '/图像内容演示者/内容演示者/网格控件模板。触发器触发器属性='IsMouseOver '值='true '设置器目标名称='Uc_Image '属性='高度'值=' 25 '/设置器设置器目标名称='Uc_Image '属性='宽度'值=' 25 '/设置器/触发器/控件模板。触发器/控制模板/按钮。模板/按钮/网格/用户控制用户控制后台：

公共分部类搜索控件：用户控件{ public search control(){ InitializeComponent()；}公共事件搜索时的事件处理程序事件参数；私有void BtnSearch_OnClick(对象发送方，RoutedEventArgs e){执行搜索()；} private void TbxInput_OnKeyDown(对象发送者，KeyEventArgs e){ execute search()；} private void execute search(){ if(OnSearch！=null){ var args=new SearchEventArgs()；啊搜索文本=TbxInput .文字；OnSearch(this，args)；} } }公共类SearchEventArgs : EventArgs {公共字符串SearchText { get设置；} } 直接引用就行了：wpfa应用程序18: earchcontrol/wpfa应用程序18: earchcontrol

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