滚动条 实现的细节代码 SCROLLINFO


今天分析了以前的一段自绘 滚动条的代码, 终于明白了滚动条的细节。
 

 对于Edit 来说

SCROLLINFO si1;

si1.nMin:0, si1.nMax:14, si1.nPage:6, si1.nPos:9, si1.nTrackPos:9

 

例如上面信息:
si1.nMax - si1.nMin + 1

代表编辑框中文字的总行数

si1.nPage:6

编辑框一页可以容纳的行数(在不足一显示页时为当前页中的行数),

一页:在不用滚动条的情况下最多可以显示的行数。编辑框大,可以显示nPage的就大
 si1.nPos:9, si1.nTrackPos:9

滚动条把Edit中文本滚过的行数, 每次点击滚动条上下箭头,编辑框滚动1行
 

假设 nPage=10, 
si1.nMax - si1.nMin + 1 = 100
则nPos最大为 100 - 10 = 90, 对于垂直滚动条来说,此时滑块滚到了最底端。
 

垂直滚动条滑块高度的计算:
si1.nMax - si1.nMin + 1 = 800   编辑框文本总行数
si1.nPage = 100                       编辑框最多一页最多容纳 100 行
 

假设垂直滚动条:
TotalHeight = 100 像素, 上下2个Arrow各 10像素,

则 InterHeight = TotalHeight - HeightOf(Arrow)*2 = 100 -10*2 = 80

 

ThumbHeight = si1.nPage * InterHeight /(si1.nMax - si1.nMin + 1) 

                        = 100 * 80/(800) = 10 像素
 

计算滑块的位置:
对于垂直滚动条,计算滑块Thumb的最上端的位置 ThumbPos
EmptyHeight = InterHeight – ThumbHeight

EmptyHeight: 滚动条内空白区域的总高度
InterHeight: 滚动条出去上下箭头的高度
ThumbHeight: 滑块的高度
 

存在下面比例关系:
si1.nTrackPos/( si1.nMax - si1.nMin + 1 - si1.nPage) = ThumbPos/EmptyHeight;

 

 

 

 

si1.nMax - si1.nMin + 1 - si1.nPage

需要滚动条滚动才能显示的总行数(对应滚动条的空白区域)

si1.nTrackPos

已经滚动的行数(对应滑块的位置)

 

 

则滑块最顶端 ThumbPos = EmptyHeight * si1.nTrackPos/( si1.nMax - si1.nMin + 1 - si1.nPage)

你可能感兴趣的:(滚动条 实现的细节代码 SCROLLINFO)