PagerView.md

PagerView 是OS_Lua系统中的页面组组件（轮播图）。

-- PagerView 列子
pagerView = PagerView{
    PageCount = function()
        -- 获取页面个数
        return table:getn(net.options);
    end,
    Pages = {
        Init = function(page, pos)
          -- 页面初始化代码放置在这里，一般在这里创建出对应的视图，如
          -- page.ui = Image()
        end,
        Layout = function(page, pos)
          -- 页面对应的布局代码放置在这里，一般是对Page页面的内容进行填充，如
          -- page.ui.image("image_url")
        end
    },
    Callback = {-- 处理PagerView的各种事件，如滚动开始，滚动中，滚动结束事件
        Scrolling = function(pageIndex, percent, offset)
            -- PagerView的滚动监听写在这里
            local x = (pageIndex - 1) * scrW + offset;
            local y = 0;
            if (bar) then
                bar.renewContentScrollOffset(x, y);
            end
        end,
        ScrollEnd = function(pageIndex)
           -- PagerView滚动结束回调
        end
    }
};

API

• reload
• indicator
• currentPage
• currentItem
• autoScroll
• looping
• previewSide
• showScrollBar

reload

api	参数	返回参数	平台	备注
reload	-	-	-	重新加载数据

例:

pagerView  = PagerView ()
pagerView:reload()

indicator

api	参数	返回参数	平台	备注
indicator	v: PagerIndicator	-	-	设置页面组指示器

例:

pagerView  = PagerView ()
indicator = PagerIndicator()
indicator:pageColor(0xff00FF)
pagerView:indicator(indicator)
indicator:frame(0,10,scrW,100)

currentPage

api	参数	返回参数	平台	备注
currentPage	v: Number	v	-	设置/获取当前页

例:

pagerView  = PagerView ()
pagerView:currentPage(3)

currentItem

api	参数	返回参数	平台	备注
currentItem	v: Number	v	-	设置/获取当前页

例:

pagerView  = PagerView ()
pagerView:currentItem(2)

autoScroll

api	参数	返回参数	平台	备注
autoScroll	duration: Number	-	-	自动轮播

例:

pagerView  = PagerView ()
pagerView:autoScroll(1)

looping

api	参数	返回参数	平台	备注
looping	v: Boolean	v	-	自动轮播

例:

pagerView  = PagerView ()
pagerView:looping(ture)

previewSide

api	参数	返回参数	平台	备注
previewSide	l: Number<br&r: Number	-	-	支持左右透出预览

例:

pagerView  = PagerView ()
pagerView:previewSide(10,20)

showScrollBar

api	参数	返回参数	平台	备注
showScrollBar	-	-	IOS	是否显示类似CollectionView的滚动条

例:

pagerView  = PagerView ()
pagerView:showScrollBar(ture)