ListView使用总结

setDirection 设置是向下滚动还是向下滚动;
setTouchEnabled 设置是否可以点击
setBounceEnabled 设置是否有回弹效果,即拉到最下面之后回弹的效果
setBackGroundImage 设置背景图片
setBackGroundImageScale9Enabled 设置背景图是否开启九宫格
setSize 设置界面大小
setPosition 设置位置
addEventListenerListView 添加点击事件
setItemModel 设置默认的Item格式(一般通过layout的方式)
pushBackDefaultItem 添加默认的Item
pushBackCustomItem 添加自定义的Item

关于Layout使用的小技巧:
添加的元素都是以layout自身作为相对的位置来设置的

ListView* listView = ListView::create();
    //SCROLLVIEW_DIR_VERTICAL  SCROLLVIEW_DIR_HORIZONTAL   
    listView->setDirection(SCROLLVIEW_DIR_VERTICAL);
    listView->setTouchEnabled(true);
    listView->setBounceEnabled(true);
    //listView->setBackGroundImage("green_edit.png");
    listView->setBackGroundImageScale9Enabled(true);
    //listView->setAnchorPoint(Vec2(0.5f, 0.5f));
    listView->setSize(Size(480, 260));
    listView->setPosition(Point(widgetSize.width / 2.0f, widgetSize.height / 2.0f));
    listView->addEventListenerListView(this, cocos2d::ui::SEL_ListViewEvent(&HelloWorld::selectedItemEvent));
    Layout *layout = Layout::create();
    auto othersprite = Sprite::create("green_block.png");
    ImageView* image = ImageView::create("green_block.png");
    layout->setSize(Size(400, othersprite->getContentSize().height));
    layout->setPosition(Vec2(widgetSize.width / 2, widgetSize.height / 2));
    //layout->setBackGroundImage("HelloWorld.png");
    layout->setBackGroundColorType(LAYOUT_COLOR_SOLID);
    layout->setBackGroundColor(Color3B::RED);
    othersprite->setPosition(Point(othersprite->getContentSize().width/2, layout->getSize().height- othersprite->getContentSize().height/2));
    image->setPosition(Point(image->getContentSize().width / 2, layout->getSize().height - image->getContentSize().height / 2));
    layout->addChild(image);
    layout->setTouchEnabled(true);
    listView->setItemModel(layout);
    this->addChild(listView);
    listView->pushBackDefaultItem();
    listView->pushBackCustomItem(layout);
    listView->pushBackCustomItem(layout->clone());
    listView->pushBackCustomItem(layout->clone());

效果如下:
这里写图片描述

判断选着了哪个Item

void HelloWorld::selectedItemEvent(cocos2d::Ref * pSender, cocos2d::ui::ListViewEventType type)
{
    CCLOG("selectedItemEvent");
    /*ProgressTimer* loadProgress = static_cast<ProgressTimer*>(this->getChildByName("loadProgress"));
    sum += 10;
    loadProgress->setPercentage(sum);*/
    switch (type) {
    case cocos2d::ui::LISTVIEW_ONSELECTEDITEM_START:
    {
        ListView* listView = static_cast<ListView*>(pSender);

        log("%ld", listView->getCurSelectedIndex());
    }
    break;


    case cocos2d::ui::LISTVIEW_ONSELECTEDITEM_END:
    {
        ListView* listView = static_cast<ListView*>(pSender);

        log("%ld", listView->getCurSelectedIndex());
    }
    break;
    default:
        break;
    }
}
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值