由浅入深——滚动条

时间：2022-05-23 19:49:09

滚动条在Win32程序中是非常常见的一个控件，它的功能和地位也就不言而喻了，在文本输出中算是一个难点……

我将借用P先生的思路讲述两种不同风格滚动条，下面切入主题：(实例程序都是显示一张位图  当然，位图比客户区大得多，以显示出滚动条的作用)

(1)不可变长的滚动条

这是16windows中的版本，windows1.0就有了这个玩意儿

它的使用主要依托以下两个API函数：

设定滚动条范围：

BOOL SetScrollRange(

  HWND hWnd,    // 窗口句柄
  int nBar,     // 滚动条的类型(SB_VERT、SB_HORZ、SB_CTL)
  int nMinPos,  // 范围的下边界
  int nMaxPos,  // 范围的上边界
  BOOL bRedraw  // 是否重绘滚动条块
);

设定滚动条的位置：

int SetScrollPos(

  HWND hWnd,

  int nBar,

  int nPos,      // 滚动条的新位置
  BOOL bRedraw
);

获取滚动条的位置：

int GetScrollPos(

  HWND hWnd,

  int nBar
);

我们先来瞧一瞧这种风格的滚动条的效果：

<Win32_8>由浅入深——滚动条

它们的使用应该还是比较简单，只是要注意两点：

1)图片显示移动的方向和滚动条的滚动方向应该是相反的，所以代码中你会看到贴位图的位置是一个负值

   BitBlt(hdc, -iHscrollPos, -iVscrollPos, cxBitmap, cyBitmap, hdcMem, 0, 0, SRCCOPY);

2)这种风格的滚动条需要我们程序员自行控制它的范围，使显示的位置始终在规定的范围内

    iVscrollPos = max(0, min(iVscrollPos, cyBitmap - cyClient));//垂直滚动条位置

    iHscrollPos = max(0, min(iHscrollPos, cxBitmap - cxClient));//水平滚动条位置

主要代码详解：

加载位图，这个和之前讲的位图的应用是一样的

case WM_CREATE:

	//加载位图

	hInstance = ((LPCREATESTRUCT)lParam)->hInstance;

	hBitmap = LoadBitmap(hInstance, MAKEINTRESOURCE(IDB_BITMAP1));

	GetObject(hBitmap, sizeof(BITMAP), &bitmap);

	cxBitmap = bitmap.bmWidth;

	cyBitmap = bitmap.bmHeight;

	return 0 ;

设定滚动条参数

	case WM_SIZE:

		cxClient = LOWORD(lParam);

		cyClient = HIWORD(lParam);

		//当窗口大小改变时 , 重新判断水平、垂直滚动条位置是否超出范围

		iVscrollPos = max(0, min(iVscrollPos, cyBitmap - cyClient));

		iHscrollPos = max(0, min(iHscrollPos, cxBitmap - cxClient));

		//设定水平滚动条

		SetScrollRange(hwnd, SB_HORZ, 0, cxBitmap - cxClient, FALSE);

		SetScrollPos(hwnd, SB_HORZ, iHscrollPos, TRUE);

		//设定垂直滚动条

		SetScrollRange(hwnd, SB_VERT, 0, cyBitmap - cyClient, FALSE);

		SetScrollPos(hwnd, SB_VERT, iVscrollPos, TRUE);

		return 0;

滚动条消息处理(这里只给出垂直的，水平的类似)

	//处理垂直滚动条消息

	case WM_VSCROLL:

		switch(LOWORD(wParam))

		{

          case SB_LINEUP:

               iVscrollPos -= 10 ;//每一行滚动10个像素

               break ;

          case SB_LINEDOWN:

               iVscrollPos += 10 ;

               break ;

          case SB_PAGEUP://翻页就是一个客户区大小

               iVscrollPos -= cyClient ;

               break ;

          case SB_PAGEDOWN:

               iVscrollPos += cyClient ;

               break ;

          case SB_THUMBTRACK:

               iVscrollPos = HIWORD (wParam) ;

               break ;

          default :

               break ;

		}

		//保证滚动条的位置在规定的范围内

		iVscrollPos = max(0, min(iVscrollPos, cyBitmap - cyClient));

		//iVscrollPos与当前滚动条位置不同时 , 才更新滚动条的位置

		if (iVscrollPos != GetScrollPos (hwnd, SB_VERT))

		{

		   SetScrollPos (hwnd, SB_VERT, iVscrollPos, TRUE) ;

		   InvalidateRect (hwnd, NULL, FALSE) ;

		   //由于这里是图片, 就不要刷背景了(也就是最后一个参数设为FALSE), 免得闪屏很厉害

		}

		return 0;

(2)可变长的滚动条

Win32的标准风格
它要稍微复杂点儿，它同样有一套API来维护，以下是相关的API函数：

设定滚动条信息

int SetScrollInfo(

  HWND hwnd,           // 窗口句柄
  int fnBar,           // 滚动条类型
  LPCSCROLLINFO lpsi,  // 滚动条信息结构体(稍后详解)
  BOOL fRedraw         // 是否重绘滚动条方块
);

获取滚动条信息

BOOL GetScrollInfo(

  HWND hwnd,         // handle to window
  int fnBar,         // scroll bar type
  LPSCROLLINFO lpsi  // scroll bar parameters
);

滚动窗口(这里是指窗口的客户区)

BOOL ScrollWindow(

  HWND hWnd,              // handle to window
  int XAmount,            // 水平滚动距离
  int YAmount,            // 垂直滚动距离
CONST RECT *lpRect,     // 滚动区域范围(一般就是设为NULL，指客户区)
  CONST RECT*lpClipRect  // 剪裁区域(今天用不到，设定为NULL)
);

SCROLLINFO结构体

typedef struct tagSCROLLINFO {

    UINT cbSize;//SCROLLINFO类型大小(主要是windows为了以后能兼容)，也就是sizeof(SCROLLINFO)

    UINT fMask;	//设定滚动条需要设置的参数

    int  nMin;	//滚动条上边界

    int  nMax; 	//滚动条下边界

    UINT nPage; //每一页的大小(主要用于计算滚动条块的大小)

    int  nPos; 	//滚动条的位置

    int  nTrackPos; //滚动条滚动的位置

}   SCROLLINFO, *LPSCROLLINFO;

typedef SCROLLINFO CONST *LPCSCROLLINFO;

同样，我们还是先来看看它的效果：

<Win32_8>由浅入深——滚动条

你会发现随着窗口大小的变化，滚动条方块也随着变化了，它变化的依据如下：

<Win32_8>由浅入深——滚动条

有一点需要注意的是：windows帮你做了以下一个设计 —— 滚动条实际滚动的范围是：nMax - nPage + 1，这主要是避免过多的滚动，当显示内容在后一行在客户区最后一行就行了，所以我们只需要从我们的视角来设定nMin和nMax，不要自己去考虑滚动条滚动的实际范围，windows都为我们做好了。

主要代码详解：

初始化滚动条参数

	case WM_SIZE:

		cxClient = LOWORD(lParam);

		cyClient = HIWORD(lParam);

		//设定垂直滚动条范围和页面大小

		si.cbSize	= sizeof(si);

		si.fMask	= SIF_RANGE | SIF_PAGE;

		si.nMin		= 0;

		si.nMax		= cyBitmap;

		si.nPage	= cyClient;

		SetScrollInfo(hwnd, SB_VERT, &si, TRUE);

		//设定水平滚动条范围和页面大小

		si.cbSize	= sizeof(si);

		si.fMask	= SIF_RANGE | SIF_PAGE;

		si.nMin		= 0;

		si.nMax		= cxBitmap;

		si.nPage	= cxClient;

		SetScrollInfo(hwnd, SB_HORZ, &si, TRUE);

		return 0;

处理滚动条消息(同样也实现垂直的)

	//处理垂直滚动条消息

	case WM_VSCROLL:

		si.cbSize	= sizeof(si);

		si.fMask	= SIF_ALL;

		GetScrollInfo(hwnd, SB_VERT, &si);

		iVertPos = si.nPos;

		switch(LOWORD(wParam))

		{

          case SB_TOP:	//置顶(先按下Shift键不放，然后点击滚动条方块上侧区域就能置顶)

               si.nPos = si.nMin ;

               break ;

          case SB_BOTTOM://置底(同置顶)

               si.nPos = si.nMax ;

               break ;

          case SB_LINEUP:

               si.nPos -= 10 ;//每一行滚动10个像素

               break ;

          case SB_LINEDOWN:

               si.nPos += 10 ;

               break ;

          case SB_PAGEUP://翻页就是一个客户区大小

               si.nPos -= cyClient ;

               break ;

          case SB_PAGEDOWN:

               si.nPos += cyClient ;

               break ;

          case SB_THUMBTRACK:

               si.nPos = HIWORD (wParam) ;

               break ;

          default :

               break ;

		}

		si.fMask	= SIF_POS;

		SetScrollInfo(hwnd, SB_VERT, &si, TRUE);

		GetScrollInfo(hwnd, SB_VERT, &si);

		if(iVertPos != si.nPos)

		{

			//这里InvalidateRect、ScrollWindow，效果相同

			InvalidateRect(hwnd, NULL, FALSE);

			//ScrollWindow(hwnd, 0, iVertPos - si.nPos, NULL, NULL);

		}

		return 0;

有过Java开发的朋友可能知道，在Java中添加一个滚动条是多么容易啊，几行代码就OK了，但我想说的是：真正的程序员是了解自己编写的程序整个的来龙去脉，那么，试问Java的滚动条，有谁知道它是怎么来的吗？呵呵，当然，我说这些不具有任何感情色彩，只是我觉得真刀真枪的做才会有意义，各位觉得呢^_^

源代码下载

相关文章