OrangeUI-开放-免费

在这篇使用说明中,我将给大家介绍OrangeUI中的拖动加载面板控件PullLoadPanel的使用。
 
 
拖动加载面板控件,在列表框中比较常见,
比如需要刷新数据的时候,
下拉ListBox内容到顶部再松开手指,
会显示滚动圆圈图片,表示正在刷新,
如下图:

上拉ListBox内容到底部的时候松开手指,
会显示正在加载的文字,表示正在加载更多的数据,
如下图:

 
PullLoadPanel是与ListBox的滚动条结合起来使用的,
ListBoxVertScrollBarMinPullLoadPanelMaxPullLoadPanel,
MaxPullLoadPanel为下拉刷新时所使用的PullLoadPanel
MinPullLoadPanel为上拉加载更多时所使用的PullLoadPanel,

ListBox的内容显示到顶部,继续下拉内容出现空白区域时,
垂直滚动条VertScrollBarMinPullLoadPanel就开始显示了,
ListBox的内容显示到底部,继续上拉内容出现空白内容时,
垂直滚动条VertScrollBarMaxPullLoadPanel就开始显示了。
 
 
PullLoadPanel上面可以随便放控件,
但是通常情况下,要放如下控件:
用来显示当前是否可以加载的提示图片(Image控件)
用来显示正在刷新的图片(Image控件)
用来提示当前状态的文字(Label控件)
用来显示其他刷新信息的文字(Label控件)
因此,PullLoadPanel的属性有:
LoadingImage:显示正在加载的图片控件

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

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

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

 
如下图所示:


 
 
PullLoadPanel的有三种风格,
ComponentTypeNameDefault时,
是最简单的情况,只有一个加载时滚动的图片,
素材属性有:
EnableAutoCenterPosition:启用控件自动居中显示(加载图片自动居中)
EnableLoadingImageBiggerEffect:启用LoadingImage下拉时逐渐放大的效果
EnableLoadingImageRotateEffect:启用LoadingImage旋转的效果
LoadingImageStopBiggerPosition:下拉(或上拉)LoadingImage停止逐渐放大的距离(默认为0)
LoadingImageBeginRotatePosition:下拉(或上拉)LoadingImage开始旋转的位置(默认为0)
 
 
 
 
 
ComponentTypeNameDefaultEx(一个图片+一个文本)
相比Default风格,
素材多出如下属性:
DecideLoadCaption:拉动到松开手指就可以加载数据时的显示文本(比如松开刷新”)
LoadingCaption:正在加载时显示的文本(比如正在刷新...”)
UnDecideLoadCaption:没有确定可以加载时显示的文本(比如下拉刷新”)
LoadingStopCaption:加载结束时显示的文本(比如加载成功!”)