有些时候我们做的程序需要进度条,而vs提供的控件不是我们想要的。先看效果图:
进度条闪烁动画,当然背景可设为transparent
之前想手绘进度条线条的,结果控件运行时会闪烁,所以直接用了panel控件
源码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
[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关键字,需要设置项目的属性-----允许运行不安全的代码,没有设置的同学不要以为程序错了