在这篇使用说明中，我将给大家介绍OrangeUI中的拖动加载面板控件PullLoadPanel的使用。

 

 

拖动加载面板控件，在列表框中比较常见，

比如需要刷新数据的时候，

下拉ListBox内容到顶部再松开手指，

会显示滚动圆圈图片，表示正在刷新，

如下图:

上拉ListBox内容到底部的时候松开手指，

会显示正在加载的文字，表示正在加载更多的数据，

如下图:

 

PullLoadPanel是与ListBox的滚动条结合起来使用的，

ListBox的VertScrollBar有MinPullLoadPanel和MaxPullLoadPanel,

MaxPullLoadPanel为下拉刷新时所使用的PullLoadPanel，

MinPullLoadPanel为上拉加载更多时所使用的PullLoadPanel,

当ListBox的内容显示到顶部，继续下拉内容出现空白区域时，

垂直滚动条VertScrollBar的MinPullLoadPanel就开始显示了，

当ListBox的内容显示到底部，继续上拉内容出现空白内容时，

垂直滚动条VertScrollBar的MaxPullLoadPanel就开始显示了。

 

 

PullLoadPanel上面可以随便放控件，

但是通常情况下，要放如下控件:

用来显示当前是否可以加载的提示图片(Image控件)

用来显示正在刷新的图片(Image控件)，

用来提示当前状态的文字(Label控件)，

用来显示其他刷新信息的文字(Label控件)，

因此，PullLoadPanel的属性有：

LoadingImage:显示正在加载的图片控件

LoadingLabel:显示正在加载的文本控件

DecideLoadHintImage:显示加载状态的提示图片控件

LastLoadingInfoLabel:显示上次加载信息或时间等其他信息的文本控件

 

如下图所示:

 

 

PullLoadPanel的有三种风格，

当ComponentTypeName为Default时，

是最简单的情况，只有一个加载时滚动的图片，

素材属性有:

EnableAutoCenterPosition:启用控件自动居中显示（加载图片自动居中）

EnableLoadingImageBiggerEffect:启用LoadingImage下拉时逐渐放大的效果

EnableLoadingImageRotateEffect:启用LoadingImage旋转的效果

LoadingImageStopBiggerPosition:下拉(或上拉)时LoadingImage停止逐渐放大的距离(默认为0)

LoadingImageBeginRotatePosition:下拉(或上拉)时LoadingImage开始旋转的位置(默认为0)

 

 

 

 

 

当ComponentTypeName为DefaultEx时(一个图片+一个文本)

相比Default风格,

素材多出如下属性:

DecideLoadCaption:拉动到松开手指就可以加载数据时的显示文本(比如”松开刷新”)

LoadingCaption:正在加载时显示的文本(比如”正在刷新…”)

UnDecideLoadCaption:没有确定可以加载时显示的文本(比如”下拉刷新”)

LoadingStopCaption:加载结束时显示的文本(比如”加载成功!”)