C# 实现TrackBar控件美化换肤

Bertha 。 2022-05-22 11:39 553阅读 0赞

[http://www.vspub.com/viewthread.php?tid=6043][http_www.vspub.com_viewthread.php_tid_6043]

TrackBar控件没有像其他控件那样，直接提供给用户重绘的函数，要实现个性化的TrackBar控件，一种方法是继承Control完全的自己实现，这种方法就是实现标准的Windows控件功能需要自己处理很多东西，例如：实现一样的属性、键盘的操作、鼠标滚动改变TrackBar的值等；另一种方法就是直接继承TrackBar控件，利用TrackBar的一些Windows消息，获取TrackBar控件的信息，然后自己完全重绘，这种方法的好处是保留TrackBar控件的标准操作和属性，但是需要比较清楚的了解TrackBar控件的Windows消息。本文将介绍使用第二种方法实现对TrackBar控件的美化。  
  
下面来了解一下实现TrackBar控件美化需要的一些API消息。TrackBar控件相关的一些消息都是以TBM(TackBar Message)开头的,在TrackBar控件的美化中，主要用到了以下三个消息：  
TBM\_GETCHANNELRECT 获取轨道的位置和大小。  
TBM\_GETTHUMBRECT 获取滑块的位置和大小。  
TBM\_GETNUMTICS 获取刻度的总个数。  
  
要获取这些信息，只需要向TrackBar控件发送相应的消息即可，例如需要获取取轨道的位置和大小：SendMessage(hWnd, TBM.TBM\_GETCHANNELRECT, 0, ref trackRect)。  
  
有了上面的知识，接下来就是重绘TrackBar控件了。重绘TrackBar控件，需要重写WndProc函数，在WM\_PAINT消息实现重绘就行了：

1.  protected override void WndProc(ref Message m)  
    
2.  \{  
    
3.  switch (m.Msg)  
    
4.  \{  
    
5.  case WM.WM\_PAINT:  
    
6.  if (!\_bPainting)  
    
7.  \{  
    
8.  \_bPainting = true;  
    
9.    
    
10. PAINTSTRUCT ps = new PAINTSTRUCT();  
    
11.   
    
12. NativeMethods.BeginPaint(m.HWnd, ref ps);  
    
13. DrawTrackBar(m.HWnd);  
    
14. NativeMethods.ValidateRect(m.HWnd, ref ps.rcPaint);  
    
15. NativeMethods.EndPaint(m.HWnd, ref ps);  
    
16.   
    
17. \_bPainting = false;  
    
18. m.Result = Result.TRUE;  
    
19. \}  
    
20. else  
    
21. \{  
    
22. base.WndProc(ref m);  
    
23. \}  
    
24. break;  
    
25. default:  
    
26. base.WndProc(ref m);  
    
27. break;  
    
28. \}  
    
29. \}

*复制代码*

来看看DrawTrackBar函数，DrawTrackBar函数的功能就是获取TrackBar控件的一些信息，然后分别调用四个函数来绘制TrackBar控件：  
  
OnRenderBackground函数，绘制TrackBar控件的背景。  
OnRenderTick函数，绘制TrackBar控件的刻度。  
OnRenderTrack函数，绘制TrackBar控件的轨道。  
OnRenderThumb函数，绘制TrackBar控件的滑块。  
这四个函数都是可以重写的，如果想实现不同样式的TrackBar控件，重写这四个函数，进行相应的绘制即可。看看DrawTrackBar函数的具体代码：

1.  private void DrawTrackBar(IntPtr hWnd)  
    
2.  \{  
    
3.  ControlState state = ControlState.Normal;  
    
4.  bool horizontal = base.Orientation == Orientation.Horizontal;  
    
5.  ImageDc tempDc = new ImageDc(base.Width, base.Height);  
    
6.  RECT trackRect = new RECT();  
    
7.  RECT thumbRect = new RECT();  
    
8.  Graphics g = Graphics.FromHdc(tempDc.Hdc);  
    
9.    
    
10. NativeMethods.SendMessage(hWnd, TBM.TBM\_GETCHANNELRECT, 0, ref trackRect);  
    
11. NativeMethods.SendMessage(hWnd, TBM.TBM\_GETTHUMBRECT, 0, ref thumbRect);  
    
12.   
    
13. Rectangle trackRectangle = horizontal ? trackRect.Rect :Rectangle.FromLTRB(trackRect.Top, trackRect.Left,trackRect.Bottom, trackRect.Right);  
    
14.   
    
15. if (ThumbHovering(thumbRect))  
    
16. \{  
    
17. if (Helper.LeftKeyPressed())  
    
18. \{  
    
19. state = ControlState.Pressed;  
    
20. \}  
    
21. else  
    
22. \{  
    
23. state = ControlState.Hover;  
    
24. \}  
    
25. \}  
    
26.   
    
27. using (PaintEventArgs pe = new PaintEventArgs(g, ClientRectangle))  
    
28. \{  
    
29. OnRenderBackground(pe);  
    
30. \}  
    
31.   
    
32. int ticks = NativeMethods.SendMessage(hWnd, TBM.TBM\_GETNUMTICS, 0, 0);  
    
33. if (ticks > 0)  
    
34. \{  
    
35. List<float> tickPosList = new List<float>(ticks);  
    
36.   
    
37. int thumbOffset = horizontal ?thumbRect.Rect.Width : thumbRect.Rect.Height;  
    
38. int trackWidth = trackRect.Right - trackRect.Left;  
    
39.   
    
40. float tickSpace = (trackWidth - thumbOffset) / (float)(ticks - 1);  
    
41. float offset = trackRect.Left + thumbOffset / 2f;  
    
42.   
    
43. for (int pos = 0; pos < ticks; pos++)  
    
44. \{  
    
45. tickPosList.Add(offset + tickSpace \* pos);  
    
46. \}  
    
47.   
    
48. using (PaintTickEventArgs pte = new PaintTickEventArgs(g, trackRectangle, tickPosList))  
    
49. \{  
    
50. OnRenderTick(pte);  
    
51. \}  
    
52.   
    
53. \}  
    
54. using (PaintEventArgs pe = new PaintEventArgs( g, trackRectangle))  
    
55. \{  
    
56. OnRenderTrack(pe);  
    
57. \}  
    
58.   
    
59. using (PaintThumbEventArgs pe = new PaintThumbEventArgs( g, thumbRect.Rect, state))  
    
60. \{  
    
61. OnRenderThumb(pe);  
    
62. \}  
    
63. g.Dispose();  
    
64.   
    
65. IntPtr hDC = NativeMethods.GetDC(hWnd);  
    
66.   
    
67. NativeMethods.BitBlt( hDC, 0, 0, base.Width, base.Height,tempDc.Hdc, 0, 0, 0xCC0020);  
    
68. NativeMethods.ReleaseDC(hWnd, hDC);  
    
69.   
    
70. tempDc.Dispose();  
    
71. \}

*复制代码*

最后需要说明的是，扩展后的TrackBar控件还实现了一个ColorTable属性，只要通过ColorTable设置相应的颜色，就可以得到不同颜色效果的TrackBar控件了。  
TrackBar控件的美化换肤到此就实现了，希望对你了解TrackBar控件的美化有所帮助。

[http_www.vspub.com_viewthread.php_tid_6043]: http://www.vspub.com/viewthread.php?tid=6043

发表评论取消回复

表情：

评论列表（有 0 条评论，553人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android实现apk插件方式换肤

换肤思路： 1.什么时候换肤？ xml加载前换肤，如果xml加载后换肤，用户将会看见换肤之前的色彩，用户体验不好。 2.皮肤是什么？皮肤就是apk，是一个资源包，包含

忘是亡心i/ 2023年10月08日 08:18/ 0 赞/ 64 阅读

相关 Android实现apk插件方式换肤

换肤思路： 1.什么时候换肤？ xml加载前换肤，如果xml加载后换肤，用户将会看见换肤之前的色彩，用户体验不好。 2.皮肤是什么？皮肤就是apk，是一个资源包，包含

忘是亡心i/ 2023年06月07日 11:00/ 0 赞/ 12 阅读

相关 java web换肤_原生JavaScript实现换肤

原生JavaScript实现换肤的具体代码，供大家参考，具体内容如下原理通过点击事件，获取点击的的图片的信息，在HTML背景图片的路径改变 css样式 body\{

柔光的暖阳◎/ 2022年11月06日 10:50/ 0 赞/ 242 阅读

相关 Android实现换肤思路整理

Android实现换肤思路整理整体思路总结： 1.获取APP 的Resources对象 2.使用反射创建AssetManager对象

水深无声/ 2022年10月28日 10:29/ 0 赞/ 201 阅读

相关安卓换肤功能实现

Hi,大家好，快元旦啦，提前祝大家元旦快乐，(\^\_\_^\) 嘻嘻，今天给大家分享的是Apad Qzone换肤功能的实现，我们首先看下效果: ![0_1325249978

比眉伴天荒/ 2022年08月23日 11:52/ 0 赞/ 286 阅读

相关 Android主题换肤实现

本系列文章主要是对一个Material Design的APP的深度解析，主要包括以下内容基于Material Design Support Library作为项目整体

秒速五厘米/ 2022年08月22日 12:24/ 0 赞/ 281 阅读

相关 C# 实现TrackBar控件美化换肤

[http://www.vspub.com/viewthread.php?tid=6043][http_www.vspub.com_viewthread.php_tid_604

Bertha 。/ 2022年05月22日 11:39/ 0 赞/ 554 阅读

相关 C# Winform中窗体的美化—— 用IrisSkin轻松实现换肤功能

我写的有道原文链接，里面有皮肤包： [http://note.youdao.com/noteshare?id=c795bb6fb4db3b5254a2a07e91caab0

骑猪看日落/ 2022年05月11日 05:24/ 0 赞/ 776 阅读

相关 Android 换肤功能的实现（Apk插件方式）

技术：Android+Java 概述由于Android 没有提供一套统一的换肤机制，我猜可能是因为国外更注重功能和体验的原因所以国内如果要做一个漂亮的换肤方案，需要

Love The Way You Lie/ 2022年01月05日 15:45/ 0 赞/ 328 阅读

相关 GridView控件CSS美化

/调用方式：GridView中加上属性 CssClass="mGrid" 即可 <asp:GridView CssClass="mGrid" ID="gvGue

心已赠人/ 2021年11月11日 04:50/ 0 赞/ 492 阅读