Winform--實現加載數據時動態等待/加載效果

最近在遇到數據加載耗時比較長，想用一個動態等待效果來告訴用戶程序還沒死，以下是實現過程。

實現兩種效果：一種條形進度條，不停滾動；一種有幾個紅點在動態循環。原本想上傳視頻更清楚一點，無奈不太會用，丟人了……

第一種效果：

條形進度條

優勢：極其簡單，直接使用的是winform里面的控件—progressbar，將其style屬性設置為Marquee，MarqueeAnimationSpeed屬性定義其滾動速度。在合適的地方調用它就能實現功能了。該控件還可以跟BackGroundWorker配合使用，實時顯示加載進度。

缺點：太過依賴於控件了，我們都知道並不是所有時候都能用控件的，比如說progressbar能使用的平台是受限的（見MSDN）。

問題：還不知道如何改變中間綠色滾動的寬度。

第二種效果：

紅色轉圈

優勢：僅使用picturebox、timer兩種比較常見的控件，可替代性強。

缺點：代碼量要多一點，理解難度要大一點。

問題：還沒完全看懂代碼，比如如何改變點的大小、形狀等等。

引用Drawing來繪制：

using System.Drawing.Drawing2D;
#region 等待界面
        private int count = -1;
        private ArrayList images = new ArrayList();
        public Bitmap[] bitmap = new Bitmap[8];
        private int _value = 1;
        private Color _circleColor = Color.Red;
        private float _circleSize = 0.8f;      

        private int width = 200;//設置圓的寬
        private int height = 200;////設置圓的高

        public Bitmap DrawCircle(int j)
        {
            const float angle = 360.0F / 8;
            Bitmap map = new Bitmap(150, 150);
            Graphics g = Graphics.FromImage(map);

            g.TranslateTransform(width / 2.0F, height / 2.0F);
            g.RotateTransform(angle * _value);
            g.InterpolationMode = InterpolationMode.HighQualityBicubic;
            g.SmoothingMode = SmoothingMode.AntiAlias;
            int[] a = new int[8] { 25, 50, 75, 100, 125, 150, 175, 200 };
            for (int i = 1; i <= 8; i++)
            {
                int alpha = a[(i + j - 1) % 8];
                Color drawColor = Color.FromArgb(alpha, _circleColor);
                using (SolidBrush brush = new SolidBrush(drawColor))
                {
                    float sizeRate = 3.5F / _circleSize;
                    float size = width / (6 * sizeRate);
                    float diff = (width / 10.0F) - size;
                    float x = (width / 80.0F) + diff;
                    float y = (height / 80.0F) + diff;
                    g.FillEllipse(brush, x, y, size, size);
                    g.RotateTransform(angle);
                }
            }
            return map;
        }

        public void Draw()
        {
            for (int j = 0; j < 8; j++)
            {
                bitmap[7 - j] = DrawCircle(j);
            }
        }

        protected override void OnResize(EventArgs e)
        {
            SetNewSize();
            base.OnResize(e);
        }

        protected override void OnSizeChanged(EventArgs e)
        {
            SetNewSize();
            base.OnSizeChanged(e);
        }

        private void SetNewSize()
        {
            int size = Math.Max(width, height);
            pictureBox.Size = new Size(size, size);
        }

        public void set()
        {
            for (int i = 0; i < 8; i++)
            {
                Draw();
                Bitmap map = new Bitmap((bitmap[i]), new Size(120, 110));
                images.Add(map);
            }
            pictureBox.Image = (Image)images[0];
            pictureBox.Size = pictureBox.Image.Size;
        }
       
        private void Timer_Tick(object sender, EventArgs e)
        {
            set();
            count = (count + 1) % 8;
            pictureBox.Image = (Image)images[count];
        }
        
        private void StartWaiting()
        {
            timer1.Start();
            pictureBox.Visible = true;

            progressBar1.Visible = true;
            progressBar1.Enabled = true;
        }

        private void StopWaiting()
        {
            timer1.Stop();
            pictureBox.Visible = false;

            progressBar1.Visible = false;
            progressBar1.Enabled = false;
        }

        #endregion

代碼參考：http://www.jb51.net/article/46069.htm

需求加強對drawing類的學習，GDI繪制，動畫效果等學習。

 

后期如果使用更多的這種效果再來繼續更新！