基于OnPaint的Slider进度条自绘实现

原理:

控件绘制总会调用onpaint函数。

slider控件分为四个区域、背景区、通道背景区、左边通道进度区、滑块区四个区域。

通过Slider控件的成员函数 GetClientRect可以轻易获取控件背景区域大小。

通过Slider控件的成员函数 GetChannelRect可以轻易获取通道背景区域大小。

通过Slider控件的成员函数 GetThumbRect可以轻易获取滑块区域大小。

可以根据GetThumbRect获取的区域调整自绘滑块区域。

根据通道背景区域和滑块区域可以计算通道左边进度显示区域。

说明:

本文为GDI绘图实现，如需支持图片绘制，对应区域绘制响应图片即可。

效果一：正常播放状态

效果二：选中状态

效果三：拖动状态

绘制时绘制顺序:

1、绘制控件底色

2、绘制通道背景色

3、绘制通道左边进度区域。

4、绘制滑块色

滑块颜色变化可以根据滑块选取状态切换。

代码如下:

#pragma once
/*
功能：实现进度条的重绘
作者：JC
时间：2017.06.28
*/
#include "afxcmn.h"

class redraw_slider : public CSliderCtrl
{
public:
	redraw_slider();
	virtual ~redraw_slider() { delete_gdi_objs(); }
	afx_msg void OnPaint();
	afx_ms