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

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)