可拖拽的ListBox_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > 可拖拽的ListBox

可拖拽的ListBox

 2013/9/4 10:14:33  猴健居士  博客园  我要评论(0)
  • 摘要:之前在写播放器的时候,遇到了一个问题,现在播放器无论是千千,KuGoo还是比较原始的MediaPlayer,它们的播放表都是可以拖拽的,直接把文件拖到播放表实现歌曲的添加那个先暂且不说,光是播放表里面的歌曲次序也可以通过拖拽来调整。但是VS提供的ListBox没能直接通过设定某个属性实现这个拖拽排序,于是俺就开始了实现这功能的探索,无意中还找到了ListBox与ListBox之间元素的拖拽,于是一并实现了,遂述此文以记之。其实无论是ListBox里的拖拽排序,还是ListBox间的拖动
  • 标签:list

  之前在写播放器的时候,遇到了一个问题,现在播放器无论是千千,KuGoo还是比较原始的MediaPlayer,它们的播放表都是可以拖拽的,直接把文件拖到播放表实现歌曲的添加那个先暂且不说,光是播放表里面的歌曲次序也可以通过拖拽来调整。但是VS提供的ListBox没能直接通过设定某个属性实现这个拖拽排序,于是俺就开始了实现这功能的探索,无意中还找到了ListBox与ListBox之间元素的拖拽,于是一并实现了,遂述此文以记之。

  其实无论是ListBox里的拖拽排序,还是ListBox间的拖动,都是通过三个事件来实现的:DragDrop,DragOver和MouseDown,对于整个拖拽的过程来说,三个事件的触发顺序是MouseDown->DragOver->DragDrop。对于拖拽排序和控件间的拖动,代码会有所差异。下面则一分为二的说说各自的处理,由于我这里是扩展控件的,直接重写ListBox类的Onxxx方法。如果直接使用ListBox控件的话,就要在这三个事件绑定的方法里面写了。

  拖拽排序  

        protected override void  OnMouseDown(MouseEventArgs e)
        {
            base.OnMouseDoubleClick(e);

            if (this.Items.Count == 0 || e.Button != MouseButtons.Left || this.SelectedIndex == -1 || e.Clicks == 2)
                return;
            
            int index = this.SelectedIndex;
            object item = this.Items[index];
            DragDropEffects dde = DoDragDrop(item,
                DragDropEffects.All);
        }

首先要判断一下当前的ListBox有没有元素,还有鼠标有没有点中元素。接着到拖拽的过程

        protected override void OnDragOver(DragEventArgs drgevent)
        {
            base.OnDragOver(drgevent);

            drgevent.Effect = DragDropEffects.Move;
        }

最后到拖放结束,鼠标按键松开的时候触发

        protected override void OnDragDrop(DragEventArgs drgevent)
        {
            base.OnDragDrop(drgevent);

            object item = dragSource.SelectedItem;

                int index = this.IndexFromPoint(this.PointToClient(new Point(drgevent.X, drgevent.Y)));
                this.Items.Remove(item);
                if (index < 0)
                    this.Items.Add(item);
                else
                    this.Items.Insert(index, item);
        }

主要是获取那个被选中(后来就被拖动)的那个元素,然后把它从ListBox先移除,从鼠标当前的坐标来获取到所在元素的索引值,那个位置,那个索引就是被拖拽的元素的新位置,用Insert把它插进去。

  ListBox间的拖动

 

  这个就要先知道各个方法究竟是那个控件的事件触发时调用的。其余大体上跟上面的是一致的。

  举个例子,现在有两个ListBox lst1,lst2。我把lst1的一个元素拖到lst2中去,事件触发的队列是这样的

  Lst1.MouseDown=>lst1.DragOver=>lst1.DragOver=>….lst1.DragOver=>lst2.DragOver=>lst2.DragOver=>…..=>lst2.DragOver=>lst2.DragDrop

由于整个流程涉及到两个控件,最后元素的添加与元素的删除分别是两个控件的事,于是我这里就另外声明多一个静态字段来存放那个lst1。记录来源的ListBox只能在MouseDown记录了。

public static ListBox dragSource;

        protected override void  OnMouseDown(MouseEventArgs e)
        {
            base.OnMouseDoubleClick(e);

            if (this.Items.Count == 0 || e.Button != MouseButtons.Left || this.SelectedIndex == -1 || e.Clicks == 2)
                return;
            dragSource = this;
            
            int index = this.SelectedIndex;
            object item = this.Items[index];
            DragDropEffects dde = DoDragDrop(item,
                DragDropEffects.All);
        }

除了dragSource = this;外,其余都与拖拽排序的一样。

        protected override void OnDragOver(DragEventArgs drgevent)
        {
            base.OnDragOver(drgevent);
            drgevent.Effect = DragDropEffects.Move;
        }

这个可以说跟拖拽排序的一模一样了。

        protected override void OnDragDrop(DragEventArgs drgevent)
        {
            base.OnDragDrop(drgevent);

            object item = dragSource.SelectedItem;

            if ( dragSource != this)
            {
                dragSource.Items.Remove(item);
                this.Items.Add(item);
            }
            
        }

  因为是ListBox间的拖动,所以源ListBox和目标ListBox不能一样,处理还更简单,从源ListBox把元素删掉,然后增加到当前的ListBox中来。 

  如果想要既要控件间的拖动,拖动后又要按位置插入,那就把两个处理融合一下咯,本文末尾有我拓展控件的整份源码。需要的园友可以展开来看一下。

  

  交替颜色

 

  下面还介绍我另外一个拓展,就是单双行的交替颜色。记得以前的千千的播放表是有交替颜色的,现在的不知道,太久没用了,KuGoo现在的没有了,MediaPlayer12的也没有。

  我这里是重写OnDrawItem,直接拖控件的可以用DrawItem时间,接下来就是GDI+的内容了。

        protected override void OnDrawItem(DrawItemEventArgs e)
        {
            if (this.Items.Count < 0) return;
            if (e.Index < 0) return;
            bool selected = (e.State & DrawItemState.Selected) == DrawItemState.Selected;
            if(selected)
                e.Graphics.FillRectangle(selectRowBursh, e.Bounds);
            else if (e.Index % 2 != 0)
                e.Graphics.FillRectangle(OddRowBursh, e.Bounds);
            else
                e.Graphics.FillRectangle(EvenRowBursh, e.Bounds);

            if(selected)
            {
                e.Graphics.DrawString(this.GetItemText(e.Index), e.Font,
                            selectFontBursh, e.Bounds);
                
            }
            else
            {
                e.Graphics.DrawString(this.GetItemText(e.Index), e.Font,
                            normalFontBursh, e.Bounds);
            }
            e.DrawFocusRectangle();
            base.OnDrawItem(e);
        }

  值得一提的是这里判断选中的不是用e.Index==this.SelectedIndex,而是用(e.State & DrawItemState.Selected) == DrawItemState.Selected,当ListBox的选择模式用了多选而不是单选的时候,调用Select属性会报错,这个也是上面拖拽的局限性,当ListBox是多选的时候,上面的拖拽就会抛异常了,而且如果单纯用e.Index==this.SelectIndex的话,选择了一个元素,当在选择另一个元素的时候,之前选择过的元素的高亮状态不会消失,这个是什么原因我也没搞懂。如果有哪位园友知道的,麻烦指点一下。

  最后附上整个控件的源码

 

class="code_img_closed" src="/Upload/Images/2013090410/0015B68B3C38AA5B.gif" alt="" />logs_code_hide('96e1e7d5-83bb-4e3f-8750-83e6b470112f',event)" src="/Upload/Images/2013090410/2B1B950FA3DF188F.gif" alt="" />
  1     public class DragableListBox:ListBox
  2     {
  3         #region 字段
  4         private bool isDraw; //是否执行绘制
  5         SolidBrush evenRowBursh ;
  6         SolidBrush oddRowBursh;
  7         Brush normalFontBursh=SystemBrushes.ControlText;
  8         Brush selectFontBursh = SystemBrushes.HighlightText;
  9         Brush selectRowBursh =  SystemBrushes.Highlight;
 10         private bool dragAcross;
 11         private bool dragSort;
 12 
 13         public static ListBox dragSource;
 14         #endregion
 15 
 16         public DragableListBox()
 17         {
 18             this.DoubleBuffered = true;
 19             this.OddColor = this.BackColor;
 20         }
 21 
 22         #region 外放成员
 23 
 24         #region 属性
 25 
 26         [Description("跨ListBox拖放元素"), Category("行为")]
 27         public bool DragAcross 
 28         {
 29             get { return (dragAcross&&AllowDrop&&SelectionMode== System.Windows.Forms.SelectionMode.One); }
 30             set 
 31             {
 32                 dragAcross = value;
 33                 if (value) this.AllowDrop = true;
 34             }
 35         }
 36 
 37         [Description("元素拖动排序"),Category("行为")]
 38         public bool DragSort
 39         {
 40             get { return dragSort && AllowDrop && SelectionMode == System.Windows.Forms.SelectionMode.One; }
 41             set
 42             {
 43                 dragSort = value;
 44                 if (value) this.AllowDrop = true;
 45             }
 46         }
 47 
 48         private Color oddColor;
 49         [Description("单数行的底色"), Category("外观")]
 50         public Color OddColor
 51         {
 52             get { return oddColor; }
 53             set 
 54             {
 55                 oddColor = value;
 56                 isDraw = oddColor != this.BackColor;
 57                 if (isDraw) DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
 58                 else DrawMode = System.Windows.Forms.DrawMode.Normal;
 59             }
 60         }
 61 
 62         #endregion
 63 
 64         #region 事件
 65 
 66         [Description("跨ListBox拖拽完成后触发"),Category("行为")]
 67         public event DraggdHandler DraggedAcross;
 68 
 69         [Description("拖拽排序后触发"), Category("行为")]
 70         public event DraggdHandler DraggedSort;
 71 
 72         #endregion
 73 
 74         #endregion
 75 
 76         #region 重写方法
 77 
 78         #region 拖拽
 79 
 80         protected override void OnDragDrop(DragEventArgs drgevent)
 81         {
 82             base.OnDragDrop(drgevent);
 83             if (!DragAcross && !DragSort) return;
 84 
 85             object item = dragSource.SelectedItem;
 86 
 87             if (DragAcross && !DragSort && dragSource != this)
 88             {
 89                 dragSource.Items.Remove(item);
 90                 this.Items.Add(item);
 91                 if (DraggedAcross != null)
 92                     DraggedAcross(this, new DraggedEventArgs() { DragItem=item, SourceControl=dragSource });
 93             }
 94             else if (DragSort &&(( dragSource == this&&! DragAcross)||DragAcross))
 95             {
 96                 int index = this.IndexFromPoint(this.PointToClient(new Point(drgevent.X, drgevent.Y)));
 97                 dragSource.Items.Remove(item);
 98                 if (index < 0)
 99                     this.Items.Add(item);
100                 else
101                     this.Items.Insert(index, item);
102                 if (DragAcross && DraggedAcross != null)
103                     DraggedAcross(this, new DraggedEventArgs() { DragItem=item,SourceControl=dragSource });
104                 if (DraggedSort != null)
105                     DraggedSort(this, new DraggedEventArgs() { DragItem=item,SourceControl=dragSource, DestineIndex=index });
106             }
107             
108         }
109 
110         protected override void OnDragOver(DragEventArgs drgevent)
111         {
112             base.OnDragOver(drgevent);
113             if (!DragAcross&&!DragSort) return;
114 
115             //dragDestince=this;
116             drgevent.Effect = DragDropEffects.Move;
117         }
118 
119         protected override void  OnMouseDown(MouseEventArgs e)
120         {
121             base.OnMouseDoubleClick(e);
122             if (!DragAcross && !DragSort ) return;
123 
124             if (this.Items.Count == 0 || e.Button != MouseButtons.Left || this.SelectedIndex == -1 || e.Clicks == 2)
125                 return;
126             dragSource = this;
127             
128             int index = this.SelectedIndex;
129             object item = this.Items[index];
130             DragDropEffects dde = DoDragDrop(item,
131                 DragDropEffects.All);
132         }
133 
134         #endregion 
135 
136         #region 绘制
137 
138         protected override void OnDrawItem(DrawItemEventArgs e)
139         {
140             if (this.Items.Count < 0) return;
141             if (!isDraw) return;
142             if (e.Index < 0) return;
143             bool selected = (e.State & DrawItemState.Selected) == DrawItemState.Selected;
144             if(selected)
145             //if (e.Index == this.SelectedIndex)
146                 e.Graphics.FillRectangle(selectRowBursh, e.Bounds);
147             else if (e.Index % 2 != 0)
148                 e.Graphics.FillRectangle(OddRowBursh, e.Bounds);
149             else
150                 e.Graphics.FillRectangle(EvenRowBursh, e.Bounds);
151 
152             //if (e.Index == this.SelectedIndex )
153             if(selected)
154             {
155                 e.Graphics.DrawString(this.GetItemText(e.Index), e.Font,
156                             selectFontBursh, e.Bounds);
157                 
158             }
159             else
160             {
161                 e.Graphics.DrawString(this.GetItemText(e.Index), e.Font,
162                             normalFontBursh, e.Bounds);
163             }
164             e.DrawFocusRectangle();
165             base.OnDrawItem(e);
166         }
167 
168         protected override void Dispose(bool disposing)
169         {
170             base.Dispose(disposing);
171             if (oddRowBursh != null) oddRowBursh.Dispose();
172             if (evenRowBursh != null) evenRowBursh.Dispose();
173         }
174 
175         #endregion
176 
177         #endregion
178 
179         #region 私有方法和属性
180 
181         private SolidBrush EvenRowBursh
182         {
183             get 
184             {
185                 if(evenRowBursh==null)
186                 {
187                     evenRowBursh = new SolidBrush(this.BackColor);
188                     return evenRowBursh;
189                 }
190                 if ( evenRowBursh.Color == this.BackColor)return evenRowBursh;
191                 evenRowBursh.Dispose();
192                 evenRowBursh = new SolidBrush(this.BackColor);
193                 return evenRowBursh;
194             }
195             set 
196             {
197                 if(evenRowBursh!=null) evenRowBursh.Dispose();
198                 evenRowBursh = value;
199             }
200         }
201 
202         private SolidBrush OddRowBursh
203         {
204             get 
205             {
206                 if (oddRowBursh == null)
207                 {
208                     oddRowBursh = new SolidBrush(this.OddColor);
209                     return oddRowBursh;
210                 }
211                 if (oddRowBursh.Color == this.OddColor) return oddRowBursh;
212                 oddRowBursh.Dispose();
213                 oddRowBursh = new SolidBrush(this.OddColor);
214                 return oddRowBursh;
215             }
216             set 
217             {
218                 if (oddRowBursh != null) oddRowBursh.Dispose();
219                 oddRowBursh = value;
220             }
221         }
222 
223         private string GetItemText(int index)
224         {
225             try
226             {
227                 object item = this.Items[index];
228                 if (string.IsNullOrEmpty(this.DisplayMember) || string.IsNullOrWhiteSpace(this.DisplayMember))
229                     return item.ToString();
230                 PropertyInfo proInfo = item.GetType().GetProperty(this.DisplayMember);
231                 return proInfo.GetValue(item, null).ToString();
232             }
233             catch { return this.Name; }
234         }
235 
236         #endregion
237 
238         public class DraggedEventArgs:EventArgs
239         {
240             public ListBox SourceControl { get; set; }
241 
242             public object DragItem { get; set; }
243 
244             public int DestineIndex { get; set; }
245 
246             public DraggedEventArgs()
247             {
248                 DestineIndex = -1;
249             }
250         }
251 
252         public delegate void DraggdHandler(object sender, DraggedEventArgs e);
253     }
DragableListBox

 

发表评论
用户名: 匿名