与"窗体加载闪烁处理、无边框窗体的移动" 之 配餐系统的开发 这篇文章一样,本文还是将 配餐系统开发中的经验与大家一起分享和交流,或者说是‘抛砖引玉’——希望有朋友能提出更好的建议或方法。好了,切入正题,本文所要说的'搜索提示效果' 就是搜索引擎网站和很多网站中的搜索——搜索关键词提示效果,这种效果在网站(web项目)中很常见,也容易实现,而在这里要说的是在winform(桌面应用程序)中实现。
winform中实现'搜索提示' ,我们在动手做之前,大概会有以下几点考虑:1.用什么控件用来做 搜索提示框——而且好用 易实现 比较美观(This is point!!!)。2.考虑如何实现 搜索提示框的定位显示 和 在搜索文本框的哪些事件中 做相应的处理——搜索提示框的显示或隐藏(这个就简单了)。 只针对 第一点说明:我们可能会有以下的选择:用textBox,listBox,DataGridView...做为 搜索提示框,其中用 textBox实现——其有类似的属性(如:图1),但无论是功能或效果都不怎么好,具体应用可以上网查,这里就不再叙述。
用 listBox实现,好的效果 需要对控件进行重绘,比较麻烦;我最终的实现 选用的是 DataGridView(其实一开始就考虑到了,但是感觉应该找个更轻量级的控件),效果如下:
代码
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交流,希望大家多提意见!