使用FeathersUI中的ScrollContainer实现大滚屏操作

Posted on Edited on In

我竟然一直忘了FeathersUI，之前忘记什么时候来着，想好好看看这个基于Starling的UI框架的，结果直到今天要做项目时才发现这么一堆现成的好东西竟然一直没注意。

需求是这样的，我需要滚动一个较大的横幅画面，4096*640，需要实现缓动效果，自己写了半天也不理想，于是想去找对应的库，先找到鸭道比君的博客，和他写的一个下拉刷新的列表控件，而这个控件基于Feathers，我才想起它来。啊啊啊~
MURMURATIONS
有趣的是Starling的logo是一只欧椋鸟（Starling），然后它的UI框架就叫羽毛（FeathersUI），有爱啊～

这种鸟经常会做出的令人不能斜视的事就是像下图一样扎堆组团儿飞。
](https://archive.writeitdown.site/158860873.jpg)
它恰如其分地表达了这个框架具备的灵活，高效大量粒子运动渲染的特征，我猜想。

实现大幅度滚动的代码如下：

1
2
3
4
5
var scoller:ScrollContainer = new ScrollContainer();  
scoller.interactionMode = Scroller.INTERACTION_MODE_TOUCH;  
scoller.width = stageWidth;  
scoller.height = stageHeight;  
scoller.addChild(theViewYouWannaScroll);

资源：
PullToRefresh by 鸭道比
FeathersUI
欧椋鸟/Starling