OrangeUI

在这篇使用说明中，我将给大家介绍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:加载结束时显示的文本(比如”加载成功!”)