這篇文章主要為大家詳細介紹了C#自訂音樂播放器進度條效果,具有一定的參考價值,感興趣的小夥伴們可以參考一下
有些時候我們做的程式需要進度條,而vs提供的控制項不是我們想要的。先看:
進度條閃爍動畫,當然背景可設為Transparent
之前想手繪進度條線條的,結果控制項運行時會閃爍,所以直接用了panel控制項
源碼:
[DefaultEvent("ProgressClick")] [ToolboxBitmap(typeof(TrackBar))] public partial class ProcessBar : UserControl { public ProcessBar() { //InitializeComponent(); //this.SetStyle(ControlStyles.UserPaint, true); //this.SetStyle(ControlStyles.AllPaintingInWmPaint, true); //this.SetStyle(ControlStyles.DoubleBuffer, true); } private int locationX=0; [Description("單擊時X的座標")] public int LocationX { get { return locationX; } } private int current = 0; [Description("當前進度")] public int Current { get { return current; } set { if (value > 232 || value < 0) return; current = value; panelCurrent.Size = new Size(value, 1); picture.Location = new Point(value - 4, -3); Invalidate(); } } private bool isPlay = false; [Description("是否播放")] public bool IsPlay { get { return isPlay; } set { isPlay = value; tmrCurrent.Enabled = isPlay; Invalidate(); } } public delegate void MouseHandle(object sender,EventArgs e); [Description("點下滑鼠")] public event MouseHandle BarMouseDown; int picturetype = 0; private void tmrCurrent_Tick(object sender, EventArgs e) { if (picturetype == 0) { picture.Image = Properties.Resources.play_slider_thumb; picturetype = 1; } else { picture.Image = Properties.Resources.play_slider_thumb_animate; picturetype = 0; } GraphicsPath g = subGraphicsPath(picture.Image); if (g == null) return; picture.Region = new Region(g); } private unsafe static GraphicsPath subGraphicsPath(Image img) { if (img == null) return null; // 建立GraphicsPath, 給我們的位元影像路徑計算使用 GraphicsPath g = new GraphicsPath(FillMode.Alternate); Bitmap bitmap = new Bitmap(img); int width = bitmap.Width; int height = bitmap.Height; BitmapData bmData = bitmap.LockBits(new Rectangle(0, 0, width, height), ImageLockMode.ReadWrite, PixelFormat.Format24bppRgb); byte* p = (byte*)bmData.Scan0; int offset = bmData.Stride - width * 3; int p0, p1, p2; // 記錄左上方0,0座標的顏色值 p0 = p[0]; p1 = p[1]; p2 = p[2]; int start = -1; // 行座標 ( Y col ) for (int Y = 0; Y < height; Y++) { // 列座標 ( X row ) for (int X = 0; X < width; X++) { if (start == -1 && (p[0] != p0 || p[1] != p1 || p[2] != p2)) //如果 之前的點沒有不透明 且 不透明 { start = X; //記錄這個點 } else if (start > -1 && (p[0] == p0 && p[1] == p1 && p[2] == p2)) //如果 之前的點是不透明 且 透明 { g.AddRectangle(new Rectangle(start, Y, X - start, 1)); //添加之前的矩形到 start = -1; } if (X == width - 1 && start > -1) //如果 之前的點是不透明 且 是最後一個點 { g.AddRectangle(new Rectangle(start, Y, X - start + 1, 1)); //添加之前的矩形到 start = -1; } p += 3; //下一個記憶體位址 } p += offset; } bitmap.UnlockBits(bmData); bitmap.Dispose(); // 返回計算出來的不透明圖片路徑 return g; } private void panelTotal_MouseDown(object sender, MouseEventArgs e) { Current = e.Location.X; locationX = e.Location.X; if (BarMouseDown != null) { BarMouseDown.Invoke(sender, e); } } private void panelCurrent_MouseDown(object sender, MouseEventArgs e) { Current = e.Location.X; locationX = e.Location.X; if (BarMouseDown != null) { BarMouseDown.Invoke(sender, e); } } }
用到的素材:
直接右鍵另存新檔圖片,之所以用黑色背景是因為圖片是白色的看不見,不用多說了。
提示:這裡用到了unsafe關鍵字,需要設定項目的屬性-----允許運行不安全的代碼,沒有設定的同學不要以為程式錯了