可拖拽的ListBox

　　之前在寫播放器的時候，遇到了一個問題，現在播放器無論是千千，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的話，選擇了一個元素，當在選擇另一個元素的時候，之前選擇過的元素的高亮狀態不會消失，這個是什么原因我也沒搞懂。如果有哪位園友知道的，麻煩指點一下。

　　最后附上整個控件的源碼

 

    public class DragableListBox:ListBox
    {
        #region 字段
        private bool isDraw; //是否執行繪制
        SolidBrush evenRowBursh ;
        SolidBrush oddRowBursh;
        Brush normalFontBursh=SystemBrushes.ControlText;
        Brush selectFontBursh = SystemBrushes.HighlightText;
        Brush selectRowBursh =  SystemBrushes.Highlight;
        private bool dragAcross;
        private bool dragSort;

        public static ListBox dragSource;
        #endregion

        public DragableListBox()
        {
            this.DoubleBuffered = true;
            this.OddColor = this.BackColor;
        }

        #region 外放成員

        #region 屬性

        [Description("跨ListBox拖放元素"), Category("行為")]
        public bool DragAcross 
        {
            get { return (dragAcross&&AllowDrop&&SelectionMode== System.Windows.Forms.SelectionMode.One); }
            set 
            {
                dragAcross = value;
                if (value) this.AllowDrop = true;
            }
        }

        [Description("元素拖動排序"),Category("行為")]
        public bool DragSort
        {
            get { return dragSort && AllowDrop && SelectionMode == System.Windows.Forms.SelectionMode.One; }
            set
            {
                dragSort = value;
                if (value) this.AllowDrop = true;
            }
        }

        private Color oddColor;
        [Description("單數行的底色"), Category("外觀")]
        public Color OddColor
        {
            get { return oddColor; }
            set 
            {
                oddColor = value;
                isDraw = oddColor != this.BackColor;
                if (isDraw) DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;
                else DrawMode = System.Windows.Forms.DrawMode.Normal;
            }
        }

        #endregion

        #region 事件

        [Description("跨ListBox拖拽完成后觸發"),Category("行為")]
        public event DraggdHandler DraggedAcross;

        [Description("拖拽排序后觸發"), Category("行為")]
        public event DraggdHandler DraggedSort;

        #endregion

        #endregion

        #region 重寫方法

        #region 拖拽

        protected override void OnDragDrop(DragEventArgs drgevent)
        {
            base.OnDragDrop(drgevent);
            if (!DragAcross && !DragSort) return;

            object item = dragSource.SelectedItem;

            if (DragAcross && !DragSort && dragSource != this)
            {
                dragSource.Items.Remove(item);
                this.Items.Add(item);
                if (DraggedAcross != null)
                    DraggedAcross(this, new DraggedEventArgs() { DragItem=item, SourceControl=dragSource });
            }
            else if (DragSort &&(( dragSource == this&&! DragAcross)||DragAcross))
            {
                int index = this.IndexFromPoint(this.PointToClient(new Point(drgevent.X, drgevent.Y)));
                dragSource.Items.Remove(item);
                if (index < 0)
                    this.Items.Add(item);
                else
                    this.Items.Insert(index, item);
                if (DragAcross && DraggedAcross != null)
                    DraggedAcross(this, new DraggedEventArgs() { DragItem=item,SourceControl=dragSource });
                if (DraggedSort != null)
                    DraggedSort(this, new DraggedEventArgs() { DragItem=item,SourceControl=dragSource, DestineIndex=index });
            }
            
        }

        protected override void OnDragOver(DragEventArgs drgevent)
        {
            base.OnDragOver(drgevent);
            if (!DragAcross&&!DragSort) return;

            //dragDestince=this;
            drgevent.Effect = DragDropEffects.Move;
        }

        protected override void  OnMouseDown(MouseEventArgs e)
        {
            base.OnMouseDoubleClick(e);
            if (!DragAcross && !DragSort ) return;

            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);
        }

        #endregion 

        #region 繪制

        protected override void OnDrawItem(DrawItemEventArgs e)
        {
            if (this.Items.Count < 0) return;
            if (!isDraw) return;
            if (e.Index < 0) return;
            bool selected = (e.State & DrawItemState.Selected) == DrawItemState.Selected;
            if(selected)
            //if (e.Index == this.SelectedIndex)
                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 (e.Index == this.SelectedIndex )
            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);
        }

        protected override void Dispose(bool disposing)
        {
            base.Dispose(disposing);
            if (oddRowBursh != null) oddRowBursh.Dispose();
            if (evenRowBursh != null) evenRowBursh.Dispose();
        }

        #endregion

        #endregion

        #region 私有方法和屬性

        private SolidBrush EvenRowBursh
        {
            get 
            {
                if(evenRowBursh==null)
                {
                    evenRowBursh = new SolidBrush(this.BackColor);
                    return evenRowBursh;
                }
                if ( evenRowBursh.Color == this.BackColor)return evenRowBursh;
                evenRowBursh.Dispose();
                evenRowBursh = new SolidBrush(this.BackColor);
                return evenRowBursh;
            }
            set 
            {
                if(evenRowBursh!=null) evenRowBursh.Dispose();
                evenRowBursh = value;
            }
        }

        private SolidBrush OddRowBursh
        {
            get 
            {
                if (oddRowBursh == null)
                {
                    oddRowBursh = new SolidBrush(this.OddColor);
                    return oddRowBursh;
                }
                if (oddRowBursh.Color == this.OddColor) return oddRowBursh;
                oddRowBursh.Dispose();
                oddRowBursh = new SolidBrush(this.OddColor);
                return oddRowBursh;
            }
            set 
            {
                if (oddRowBursh != null) oddRowBursh.Dispose();
                oddRowBursh = value;
            }
        }

        private string GetItemText(int index)
        {
            try
            {
                object item = this.Items[index];
                if (string.IsNullOrEmpty(this.DisplayMember) || string.IsNullOrWhiteSpace(this.DisplayMember))
                    return item.ToString();
                PropertyInfo proInfo = item.GetType().GetProperty(this.DisplayMember);
                return proInfo.GetValue(item, null).ToString();
            }
            catch { return this.Name; }
        }

        #endregion

        public class DraggedEventArgs:EventArgs
        {
            public ListBox SourceControl { get; set; }

            public object DragItem { get; set; }

            public int DestineIndex { get; set; }

            public DraggedEventArgs()
            {
                DestineIndex = -1;
            }
        }

        public delegate void DraggdHandler(object sender, DraggedEventArgs e);
    }