好了Bar做完了那就可以用Bar来做ScrollBar了. 这里我用的布局是Canvas.默认建立的是Gread.制作一个高300px的背景条.起名字为"xBg".并把刚才做好的Bar放到上边.使Bar在最上方.
好了到这里界面就做好了.该去实现功能了.
定义onDrag事件.传递出参数为移动的百分数.
定义高度属性
定义移动百分数属性
在初始化时设置高度为300.移动百分数为0.
在设置移动百分数属性的同时对Bar的Y位移也进行设置.
在设置高度属性的同时对xBg的高度进行设置.
下来对Bar做拖动的实现. 其实也就是一个drag.只是对Y属性设置而已.用xBar.xTranslateTransform.Y=88.就可以了.
这里在Move时触发上边定义的onDrag事件.计算移动百分数并返回.
好了一个简单的scrollbar控件制作完成. ; )
简单的看一下如何使用.
说明一下"panelTranslateTransform.Y" 是目标元素的Y位移.
