查看: 308|回复: 0

[ASP.NET教程] C#自定义音乐播放器进度条

发表于 2018-2-10 08:00:07

有些时候我们做的程序需要进度条,而vs提供的控件不是我们想要的。先看效果图:

进度条闪烁动画,当然背景可设为Transparent

之前想手绘进度条线条的,结果控件运行时会闪烁,所以直接用了panel控件

源码:

  1. [DefaultEvent("ProgressClick")]
  2. [ToolboxBitmap(typeof(TrackBar))]
  3. public partial class ProcessBar : UserControl
  4. {
  5. public ProcessBar()
  6. {
  7. //InitializeComponent();
  8. //this.SetStyle(ControlStyles.UserPaint, true);
  9. //this.SetStyle(ControlStyles.AllPaintingInWmPaint, true);
  10. //this.SetStyle(ControlStyles.DoubleBuffer, true);
  11. }
  12. private int locationX=0;
  13. [Description("单击时X的坐标")]
  14. public int LocationX
  15. {
  16. get { return locationX; }
  17. }
  18. private int current = 0;
  19. [Description("当前进度")]
  20. public int Current
  21. {
  22. get { return current; }
  23. set
  24. {
  25. if (value > 232 || value < 0)
  26. return;
  27. current = value;
  28. panelCurrent.Size = new Size(value, 1);
  29. picture.Location = new Point(value - 4, -3);
  30. Invalidate();
  31. }
  32. }
  33. private bool isPlay = false;
  34. [Description("是否播放")]
  35. public bool IsPlay
  36. {
  37. get { return isPlay; }
  38. set { isPlay = value; tmrCurrent.Enabled = isPlay; Invalidate(); }
  39. }
  40. public delegate void MouseHandle(object sender,EventArgs e);
  41. [Description("点下鼠标")]
  42. public event MouseHandle BarMouseDown;
  43. int picturetype = 0;
  44. private void tmrCurrent_Tick(object sender, EventArgs e)
  45. {
  46. if (picturetype == 0)
  47. { picture.Image = Properties.Resources.play_slider_thumb; picturetype = 1; }
  48. else
  49. { picture.Image = Properties.Resources.play_slider_thumb_animate; picturetype = 0; }
  50. GraphicsPath g = subGraphicsPath(picture.Image);
  51. if (g == null) return;
  52. picture.Region = new Region(g);
  53. }
  54. private unsafe static GraphicsPath subGraphicsPath(Image img)
  55. {
  56. if (img == null) return null;
  57. // 建立GraphicsPath, 给我们的位图路径计算使用
  58. GraphicsPath g = new GraphicsPath(FillMode.Alternate);
  59. Bitmap bitmap = new Bitmap(img);
  60. int width = bitmap.Width;
  61. int height = bitmap.Height;
  62. BitmapData bmData = bitmap.LockBits(new Rectangle(0, 0, width, height), ImageLockMode.ReadWrite, PixelFormat.Format24bppRgb);
  63. byte* p = (byte*)bmData.Scan0;
  64. int offset = bmData.Stride - width * 3;
  65. int p0, p1, p2; // 记录左上角0,0座标的颜色值
  66. p0 = p[0];
  67. p1 = p[1];
  68. p2 = p[2];
  69. int start = -1;
  70. // 行座标 ( Y col )
  71. for (int Y = 0; Y < height; Y++)
  72. {
  73. // 列座标 ( X row )
  74. for (int X = 0; X < width; X++)
  75. {
  76. if (start == -1 && (p[0] != p0 || p[1] != p1 || p[2] != p2)) //如果 之前的点没有不透明 且 不透明
  77. {
  78. start = X; //记录这个点
  79. }
  80. else if (start > -1 && (p[0] == p0 && p[1] == p1 && p[2] == p2)) //如果 之前的点是不透明 且 透明
  81. {
  82. g.AddRectangle(new Rectangle(start, Y, X - start, 1)); //添加之前的矩形到
  83. start = -1;
  84. }
  85. if (X == width - 1 && start > -1) //如果 之前的点是不透明 且 是最后一个点
  86. {
  87. g.AddRectangle(new Rectangle(start, Y, X - start + 1, 1)); //添加之前的矩形到
  88. start = -1;
  89. }
  90. p += 3; //下一个内存地址
  91. }
  92. p += offset;
  93. } bitmap.UnlockBits(bmData);
  94. bitmap.Dispose();
  95. // 返回计算出来的不透明图片路径
  96. return g;
  97. }
  98. private void panelTotal_MouseDown(object sender, MouseEventArgs e)
  99. {
  100. Current = e.Location.X;
  101. locationX = e.Location.X;
  102. if (BarMouseDown != null)
  103. {
  104. BarMouseDown.Invoke(sender, e);
  105. }
  106. }
  107. private void panelCurrent_MouseDown(object sender, MouseEventArgs e)
  108. {
  109. Current = e.Location.X;
  110. locationX = e.Location.X;
  111. if (BarMouseDown != null)
  112. {
  113. BarMouseDown.Invoke(sender, e);
  114. }
  115. }
  116. }
复制代码

用到的素材:

直接右键另存为图片,之所以用黑色背景是因为图片是白色的看不见,不用多说了。

提示:这里用到了unsafe关键字,需要设置项目的属性-----允许运行不安全的代码,没有设置的同学不要以为程序错了

您可能感兴趣的文章:

  • C#中常使用进度条的代码
  • asp.net(c#)开发中的文件上传组件uploadify的使用方法(带进度条)
  • c#进度条 progressBar 使用方法的小例子
  • c#根据文件大小显示文件复制进度条实例
  • C# Winform下载文件并显示进度条的实现代码
  • C#实现带进度条的ListView
  • C#实现带百分比的进度条功能示例


回复

使用道具 举报