WinForm"搜索提示效果(不错的)实现" 之 配餐系统的开发

     与"窗体加载闪烁处理、无边框窗体的移动" 之 配餐系统的开发 这篇文章一样，本文还是将 配餐系统开发中的经验与大家一起分享和交流，或者说是‘抛砖引玉’——希望有朋友能提出更好的建议或方法。好了，切入正题，本文所要说的'搜索提示效果' 就是搜索引擎网站和很多网站中的搜索——搜索关键词提示效果，这种效果在网站(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交流，希望大家多提意见！