滚动条原理分析(在使用纯C + API画列表及列表的滚动条时遇到的问题)

滚动条原理分析:

如上图:

列表可以区高度为 200, 子项为 10 个, 每个高度 20, 滚动条高度为 200, 假定滚动条上下按钮高度各为10, 则

滑动块大小为180,

如果数据总长是 400, 就有 200 的高度, 10 个\子项不可见, 则有如下形式:

// 1 ---------------------------------------------------------------------------------

滚动条滑动块的高度 = (滚动条高度 - 滚动条上下按钮高度) / (数据总高度 /  滚动条高度)

                   = (200 – 20) / (400 / 200)

滚动条滑动块的高度 =90;

// 2 -----------------------------------------------------------------------------------

滑动块可以移动的范围 = (滚动条高度 - 滚动条上下按钮高度)  - 滑动块的高度

                                   = (200 – 20) – 90

滑动块可以移动的范围 =90

/ 3 ----------------------------------------------------------------------------------

不可见数据高度 = (数据总高度 - 滚动条高度(或列表高度))

不可见数据高度 = 400 –200  == 200

// 4 ----------------------------------------------------------------------------------

要移动的次数 =不可见数据高度/ 子项高度

                      = 200 / 20

要移动的次数 =10 

// 5 ----------------------------------------------------------------------------------

那么 列表子项滚动一次, 滑动块要移动的距离为:

滑动块1次移动的距离 =滑动块可以移动的范围 / (要移动的次数 *  X)

1        =  90 / (10X)

X  = 9

反过来, 滑动块移动1次, 1 的距离, 子项要滚动 的次数是 1X = 9 / 9

------------------------------------------------------------------------------------------------

示例: 列表可以区高度为 200, 子项为 10 个, 每个高度 20, 滚动条高度为 200,

假定滚动条上下按钮高度各为10,则滑动块大小为180,

如果数据总长是 380, 就有 180 的高度, 10 个\子项不可见, 则有如下形式:

// 公式1: 

滚动条滑动块的高度 = (200 – 20) / (380 / 200)= 180 / 1.9 = 94.7   约为 95

// 公式2: 

滑动块可以移动的范围 = (200 – 20) – 95  =  180 –95 = 85

// 公式3:

不可见数据高度 = 380 – 200  =  180

// 公式4:

要移动的次数 = 180 / 20  =  9

// 公式5:

列表子项滚动1次, 滑动块1次移动的距离 =  85 / (9X) = 9.4  约为 9

 

// 

 更多可以直接去看我的共享代码    无句柄画列表-基本功能已实现.rar

 

 

 

 

        每一个 C/C++ 的UI 代码画家都要经过的事….