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交流，希望大家多提意见！