纯c++实现之滚动窗口

别在MFC了，先分析下，上图



我们以左上角为坐标原点，用position_width和position_height来保存当前显示坐标。

根据msdn说明，滚动条默认情况下的值在0~100之间。

根据图可以知道positon_width的活动范围是0到canvas_width-screen-width，另一边类似。

所以有恒等式1：position_width/(canvas_width-screen_width) = hb_pos/100，其中hb_pos是水平方向滚动条当前值。

滚动块长度公式2：screen_width/canvas_width = 滚动块长度/滚动条可滚动区域长度，滚动条可滚动区域长度大概是screen_width-40差不多，可以设置大写留余地。

下面直接上完整代码，可以运行的，只实现了拖动滚动块事件，其他事件自己补充吧

[cpp] view plain copy

#include <windows.h>

#define IDC_CANVAS 200

HWND hwnd_screen = NULL;//屏幕句柄，这里的屏幕既是我们创建的顶级窗口

HWND hwnd_canvas = NULL;//画布句柄

HINSTANCE Ghinstance = NULL;//程序实例

//注意：以下提到的“屏幕”指的都是我们创建的模拟屏幕，也就是顶级窗口，而不是我们计算机的屏幕

int canvas_width = 2000;//画布长度

int canvas_height = 1500;//画布宽度

int screen_width = 0;//屏幕长度

int screen_height = 0;//屏幕宽度

int position_width = 0;//当前位置的横坐标

int position_height = 0;//当前位置的纵坐标

int hb_pos = 0;//竖直方向滚动条当前位置

int vb_pos = 0;//水平方向滚动条当前位置

LRESULT CALLBACK ScreenProc(HWND hwnd, UINT Message, WPARAM wParam, LPARAM lParam);//屏幕事件处理函数

LRESULT CALLBACK CanvasProc(HWND hwnd, UINT Message, WPARAM wParam, LPARAM lParam);//画布事件处理函数

//入口函数

int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow) {

//========================================创建屏幕begin==================================================

WNDCLASSEX wc;

MSG Msg;

memset(&wc,0,sizeof(wc));

wc.cbSize = sizeof(WNDCLASSEX);

wc.lpfnWndProc = ScreenProc;

wc.hInstance = hInstance;

wc.hCursor = LoadCursor(NULL, IDC_ARROW);

wc.hbrBackground = (HBRUSH)(COLOR_WINDOW+1);

wc.lpszClassName = "WindowClass";

wc.hIcon = LoadIcon(NULL, IDI_APPLICATION);

if(!RegisterClassEx(&wc)) {

MessageBox(NULL, "Window Registration Failed!","Error!",MB_ICONEXCLAMATION|MB_OK);

return 0;

}

//程序实例和屏幕句柄放到全局变量里

Ghinstance = hInstance;

hwnd_screen = CreateWindowEx(WS_EX_CLIENTEDGE,"WindowClass","Caption",WS_VISIBLE|WS_OVERLAPPEDWINDOW | WS_HSCROLL | WS_VSCROLL,

CW_USEDEFAULT,

CW_USEDEFAULT,

800,

600,

NULL,NULL,hInstance,NULL);

if(hwnd_screen == NULL) {

MessageBox(NULL, "Screen Creation Failed!","Error!",MB_ICONEXCLAMATION|MB_OK);

return 0;

}

//========================================创建屏幕end==================================================

//你也可以把创建画布的过程放到屏幕的WM_CREATE事件中，放这里是使读者思路能清晰些

//========================================创建画布begin==================================================

wc;

memset(&wc,0,sizeof(wc));

wc.cbSize = sizeof(WNDCLASSEX);

wc.lpszClassName = "Canvas";

wc.lpfnWndProc = CanvasProc;

wc.hInstance = Ghinstance;//这里可以直接使用全局变量了

wc.hCursor = LoadCursor(NULL, IDC_ARROW);

wc.hbrBackground = (HBRUSH)(COLOR_BACKGROUND);

if(!RegisterClassEx(&wc)) {

MessageBox(NULL, "Canvas Registration Failed!","Error!",MB_ICONEXCLAMATION|MB_OK);

return 0;

}

hwnd_canvas= CreateWindow(

"Canvas",

"",

WS_CHILD | WS_VISIBLE | WS_BORDER,

0, 0, canvas_width, canvas_height,

hwnd_screen,//这里可以直接使用全局变量了，注意，如果是放屏幕的WM_CREATE里面，这时候是还不能使用这个全局变量的，WM_CREATE事件结束后CreateWindow方法才会返回创建窗口的句柄

(HMENU)IDC_CANVAS,

Ghinstance,//这里可以直接使用全局变量了

0

);

if(hwnd_canvas == NULL) {

MessageBox(NULL, "Canvas Creation Failed!","Error!",MB_ICONEXCLAMATION|MB_OK);

return 0;

}

//========================================创建画布end==================================================

//该显示的显示

ShowWindow(hwnd_screen, nCmdShow);

UpdateWindow(hwnd_screen);

//该显示的显示

ShowWindow(hwnd_canvas, SW_SHOW);

UpdateWindow(hwnd_canvas);

//消息循环

while(GetMessage(&Msg, NULL, 0, 0) > 0) {

TranslateMessage(&Msg);

DispatchMessage(&Msg);

}

return Msg.wParam;

}

//屏幕的事件

LRESULT CALLBACK ScreenProc(HWND hwnd, UINT Message, WPARAM wParam, LPARAM lParam) {

//只需要处理WM_SIZE、WM_HSCROLL、WM_VSCROLL三个消息

switch(Message) {

//窗口大小改变时，更新全局变量中的屏幕大小，更新滚动条上滚动块的位置

case WM_SIZE: {

//更新屏幕大小begin-----------------------------

screen_width = LOWORD (lParam);

screen_height = HIWORD (lParam);

//更新屏幕大小end-----------------------------

//更新滚动条上滚动块的位置begin----------------------

hb_pos = position_width * 100 / (canvas_width - screen_width);//根据恒等式1

vb_pos = position_height * 100 / (canvas_height - screen_height);

SCROLLINFO si;

si.cbSize=sizeof(SCROLLINFO);

si.fMask=SIF_POS;

si.nPos = vb_pos;

SetScrollInfo(hwnd_screen,SB_VERT,&si,true);

si.nPos = hb_pos;

SetScrollInfo(hwnd_screen,SB_HORZ,&si,true);

//更新滚动条上滚动块的位置end----------------------

//其实还应该更新滚动条上滚动块的长度，这里先忽略吧

//int hb_length = GValue::s_width * (GValue::s_width - 40) / GValue::c_width;//根据恒等式2

//int vb_length = GValue::s_height * (GValue::s_height - 40) / GValue::c_height;

break;

}

//水平方向滚动条事件

case WM_HSCROLL : {

SCROLLINFO si;

si.cbSize=sizeof(SCROLLINFO);

si.fMask=SIF_ALL;

GetScrollInfo(hwnd_screen,SB_HORZ,&si);//先拿滚动条信息

switch(LOWORD(wParam)){//这里只处理按下滚动条拖动的事件，其他滚动条事件自己实现吧

//分析可知按住滚动条拖动过程中，需要修改当前位置、然后基于当前位置移动画布，最后修改滚动条位置（你不修改的话视觉效果上会弹回去的）、

case SB_THUMBTRACK: {

position_width = si.nTrackPos * (canvas_width - screen_width) / 100;//更改当前位置

MoveWindow(hwnd_canvas, 0 - position_width, 0 - position_height, canvas_width, canvas_height, true);//移动画布

si.nPos=si.nTrackPos;

break;

}

//TODO 滚动条的其他事件

default: {

break;

}

}

//回写滚动条滚动块的位置，时视觉上正常

si.fMask=SIF_POS;

SetScrollInfo(hwnd_screen, SB_HORZ, &si, true);

break;

}

//竖直方向滚动条事件，与上面相似不解释了

case WM_VSCROLL : {

SCROLLINFO si;

si.cbSize=sizeof(SCROLLINFO);

si.fMask=SIF_ALL;

GetScrollInfo(hwnd_screen, SB_VERT, &si);

switch(LOWORD(wParam)){

case SB_THUMBTRACK: {

position_height = si.nTrackPos * (canvas_height - screen_height) / 100;

MoveWindow(hwnd_canvas, 0 - position_width, 0 - position_height, canvas_width, canvas_height, true);

si.nPos=si.nTrackPos;

break;

}

default: {

break;

}

}

si.fMask=SIF_POS;

SetScrollInfo(hwnd_screen, SB_VERT, &si, true);

break;

}

//鼠标滚轮

/* case WM_MOUSEWHEEL : {

//向下

if(HIWORD(wParam) < 0) {

vb_pos = vb_pos + 10;

if(vb_pos > 100) {

vb_pos = 0;

}

} else {

vb_pos = vb_pos - 10;

if(vb_pos < 0) {

vb_pos = 0;

}

}

break;

}

*/

case WM_CLOSE: {

DestroyWindow(hwnd);

break;

}

case WM_DESTROY: {

PostQuitMessage(0);

break;

}

default:

return DefWindowProc(hwnd, Message, wParam, lParam);

}

return 0;

}

//窗口的事件

LRESULT CALLBACK CanvasProc(HWND hwnd, UINT Message, WPARAM wParam, LPARAM lParam) {

switch(Message) {

//从画布左上角到右下角画一条线，以便观察滚动效果

case WM_PAINT: {

PAINTSTRUCT ps;

HDC hdc;

RECT rc;

GetClientRect(hwnd_canvas, &rc);

hdc = BeginPaint(hwnd_canvas, &ps);

MoveToEx(hdc, 0 , 0 , NULL);

LineTo(hdc, rc.right, rc.bottom);

EndPaint(hwnd_canvas, &ps);

break;

}

case WM_CLOSE: {

DestroyWindow(hwnd);

break;

}

case WM_DESTROY: {

PostQuitMessage(0);

break;

}

default:

return DefWindowProc(hwnd, Message, wParam, lParam);

}

}