C#自定义音乐播放器进度条
程序员文章站
2023-12-04 14:37:24
有些时候我们做的程序需要进度条,而vs提供的控件不是我们想要的。先看效果图:
进度条闪烁动画,当然背景可设为transparent
之前想手绘进度条线条的,结果控件...
有些时候我们做的程序需要进度条,而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关键字,需要设置项目的属性-----允许运行不安全的代码,没有设置的同学不要以为程序错了