環形動畫Loading控件制作 C#

看一看效果

此控件設定了常用的外觀屬性 例如主題色彩 線條寬度 内圓大小 外圓大小都可以調節

提供2個對外的方法Start() Stop()控制控件的行為 調用Start()動畫開始 Stop()結束動畫還原到初始狀态

以下是字段 該控件繼承自Control類

代碼  1  private  Timer _Timer;

 2  private   bool  _IsLoading  =   false ;

 3  private   int  _NumberOfSpoke  =   12 ; // 輻條數目

 4  private   int  _ProgressValue  =   0 ; // 進度值

 5  private  PointF _CenterPointF;

 6  private   int  _InnerCircleRadius  =   5 ;

 7  private   int  _OutnerCircleRadius  =   10 ;

 8  private  Color _ThemeColor  =  Color.DimGray;

 9  private   int  _Speed  =   100 ;

10  private  Color[] _Colors;

11  private   int  _lineWidth  =   3 ;

輔助方法

代碼  1  // 畫帶有圓角線帽和指定顔色的直線（帶alpha）

 2  private   void  DrawLine(Graphics g, PointF pointF1, PointF pointF2, Color color)

 3  {

 4       // 強制資源管理 （管理非托管資源）

 5       using  (Pen pen  =   new  Pen( new  SolidBrush(color),_lineWidth))

 6      {

 7           // 指定線帽子

 8          pen.StartCap  =  LineCap.Round;

 9          pen.EndCap  =  LineCap.Round;

10          g.DrawLine(pen, pointF1, pointF2);

11      }

12  }

13  // 根據中心點 半徑 和角度，擷取從中心點出發的線段終點

14  private  PointF GetPointF(PointF centerPointF,  int  r,  double  angle)

15  {

16       double  A  =  Math.PI  *  angle  /   180 ; // (angle/360)*2PI

17       float  xF  =  centerPointF.X  +  r  *  ( float )Math.Cos(A);

18       float  yF  =  centerPointF.Y  +  r  *  ( float )Math.Sin(A);

19      

20       return  ( new  PointF(xF, yF));

21  }

22  // 根據輻條數量和主題顔色傳回一個Color數組

23  private  Color[] GetColors(Color color,  int  spokeMember,  bool  isLoading)

24  {

25      Color[] colors  =   new  Color[spokeMember];

26       int  offseAlpha  =   255   /  spokeMember; // alpha偏差量

27       if  (isLoading  ==   true )

28      {

29           for  ( int  i  =   0 ; i  <  spokeMember; i ++ )

30          {

31              colors[i]  =  Color.FromArgb(i  *  offseAlpha, color); // 反向儲存 形成順時針旋轉效果

32          }

33      }

34       else

35      {

36           for  ( int  i  =   0 ; i  <  spokeMember; i ++ )

37          {

38              colors[i]  =  color;

39          }

40      }

41       return  colors;

42  }

43  private   void  _Timer_Tick( object  sender, EventArgs e)

44  {

45      _ProgressValue ++ ;

46       if  (_ProgressValue  >   11 )

47          _ProgressValue  =   0 ;

48      Invalidate();

49  }

構造函數和重寫方法

代碼  1  public  CircleLoading()

 2  {

 3      InitializeComponent();

 4      SetStyle(ControlStyles.UserPaint,  true );

 5      SetStyle(ControlStyles.OptimizedDoubleBuffer,  true );

 6      SetStyle(ControlStyles.ResizeRedraw,  true );

 7      SetStyle(ControlStyles.SupportsTransparentBackColor,  true );

 8 

 9      _Timer  =   new  Timer();

10      _Timer.Tick += new  EventHandler(_Timer_Tick);

11      _Timer.Interval  =  _Speed;

12      _Colors  =  GetColors(_ThemeColor, _NumberOfSpoke, _IsLoading);

13 

14  }

15  protected   override   void  OnPaint(PaintEventArgs pe)

16  {

17      _CenterPointF  =   new  PointF( this .Width  /   2 ,  this .Height  /   2 );

18       if  (_NumberOfSpoke  >   0 )

19      {

20          pe.Graphics.SmoothingMode  =  SmoothingMode.HighQuality;

21           double  offsetAngle  =  ( double ) 360   /  _NumberOfSpoke;

22           double  currentAngle  =  _ProgressValue  *  offsetAngle;

23           for  ( int  i  =   0 ; i  <  _NumberOfSpoke; i ++ )

24          {

25              DrawLine(pe.Graphics, GetPointF(_CenterPointF, _InnerCircleRadius, currentAngle), GetPointF(_CenterPointF, _OutnerCircleRadius, currentAngle), _Colors[i]);

26              currentAngle  +=  offsetAngle;

27          }

28      }

29       base .OnPaint(pe);

30  }

對外方法start stop

代碼  1  public   void  Start()

 2  {

 3      _IsLoading  =   true ;

 4      _Colors  =  GetColors(_ThemeColor, _NumberOfSpoke, _IsLoading);

 5      _Timer.Start();

 6  }

 7  public   void  Stop()

 8  {

 9      _Timer.Stop();

10      _IsLoading  =   false ;

11      _Colors  =  GetColors(_ThemeColor, _NumberOfSpoke, _IsLoading);

12      Invalidate();

13  }

屬性

代碼  1  public   int  Speed

 2  {

 3       get  {  return  _Speed; }

 4       set

 5      {

 6          _Speed  =  value;

 7          _Timer.Interval  =  _Speed;

 8      }

 9  }

10  public   int  SpokesMember

11  {

12       get  {  return  _NumberOfSpoke; }

13       set

14      {

15          _NumberOfSpoke  =  value;

16          Invalidate();

17      }

18  }

19  public   int  InnerCircleRadius

20  {

21       get  {  return  _InnerCircleRadius; }

22       set

23      {

24          _InnerCircleRadius  =  value;

25          Invalidate();

26      }

27  }

28  public   int  OutnerCircleRadius

29  {

30       get  {  return  _OutnerCircleRadius; }

31       set

32      {

33          _OutnerCircleRadius  =  value;

34          Invalidate();

35      }

36  }

37  public  Color ThemeColor

38  {

39       get  {  return  _ThemeColor; }

40       set

41      {

42          _ThemeColor  =  value;

43          _Colors  =  GetColors(_ThemeColor, _NumberOfSpoke, _IsLoading);

44          Invalidate();

45      }

46  }

47  public   int  LineWidth

48  {

49       get  {  return  _lineWidth; }

50       set

51      {

52          _lineWidth  =  value;

53          Invalidate();

54      }

55  }

56  public   bool  IsActive

57  {

58       get

59      {

60           return  _Timer.Enabled;

61      }

62  }

到此控件完成

轉載于:https://www.cnblogs.com/yuanfan/archive/2010/12/12/1903965.html