与"窗体加载闪烁处理、无边框窗体的移动" 之 配餐系统的开发 这篇文章一样，本文还是将 配餐系统开发中的经验与大家一起分享和交流，或者说是‘抛砖引玉’——希望有朋友能提出更好的建议或方法。好了，切入正题，本文所要说的'搜索提示效果' 就是搜索引擎网站和很多网站中的搜索——搜索关键词提示效果，这种效果在网站(web项目)中很常见，也容易实现，而在这里要说的是在winform(桌面应用程序)中实现。
winform中实现'搜索提示' ，我们在动手做之前，大概会有以下几点考虑：1.用什么控件用来做 搜索提示框——而且好用 易实现 比较美观(This is point!!!)。2.考虑如何实现 搜索提示框的定位显示 和 在搜索文本框的哪些事件中 做相应的处理——搜索提示框的显示或隐藏(这个就简单了)。 只针对 第一点说明：我们可能会有以下的选择：用textBox,listBox,DataGridView...做为 搜索提示框,其中用 textBox实现——其有类似的属性(如：图1)，但无论是功能或效果都不怎么好,具体应用可以上网查，这里就不再叙述。
用 listBox实现，好的效果 需要对控件进行重绘，比较麻烦；我最终的实现 选用的是 DataGridView(其实一开始就考虑到了，但是感觉应该找个更轻量级的控件),效果如下：
代码
<!--
Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
--> void dgvSwShow_CellMouseLeave(object sender, DataGridViewCellEventArgs e)
{
if (e.RowIndex > -1)
{
this.dgvSwShow.Rows[e.RowIndex].DefaultCellStyle.BackColor = Color.White;
this.dgvSwShow.CurrentCell = null;
}
}
void dgvSwShow_CellMouseEnter(object sender, DataGridViewCellEventArgs e)
{
if (e.RowIndex > -1)
{
this.dgvSwShow.Rows[e.RowIndex].Cells[e.ColumnIndex].ToolTipText = "点击查看食物详细信息!";
this.dgvSwShow.Rows[e.RowIndex].DefaultCellStyle.BackColor = Color.Orange;
this.dgvSwShow.CurrentCell = null;
}
}
void txtKey_KeyUp(object sender, KeyEventArgs e)
{
string key = this.txtKey.Text.Trim();
if (key == txtStr || string.IsNullOrEmpty(key))
{
ShowOrHideTipPanel(false);
return;
}
DataTable dt = ZhiyiHelper.DBHelper.GetTable("select top 8 id,name from tet where " + ZhiyiService.FoodService.GetLikeNameWhere(key) + " order by Id desc");
int swCount = dt.Rows.Count;
if (swCount == 0)
{
IsHideTipPanel_inner(false);
this.lblNoSw.Text = " 没有您要的结果哦:)";
}
else
{
this.dgvSwShow.Height = swCount*25;
this.dgvSwShow.Location = new Point(0, 0);
this.dgvSwShow.DataSource = dt;
IsHideTipPanel_inner(true);
//取消默认选中第一行
//this.dgvSwShow.ClearSelection();
this.dgvSwShow.CurrentCell = null;
}
ShowOrHideTipPanel(true);
}
看 图片和代码，已经很清楚了，用到dgvSwShow(搜索提示框) CellMouseEnter 和 CellMouseLeave事件——实现 颜色切换，搜索输入框 txtKey 的keyUp事件。好了，到此为止，有不清楚的朋友，可留言或QQ交流，希望大家多提意见！
<script type="text/javascript"></script>
