创建表可以在cocos2d中滚动

user3200622 发表于 Dev

用户名

如何创建显示高分的表格，它具有2或3列（或table），并且可以向左或向右滚动，例如：

在此处输入图片说明

我找不到与此有关的任何教程或示例，请帮助我。

蒂博尔·乌德瓦里（Tibor Udvari）

程序

ScrollView对象的API与的API非常相似UIKit。

它的基本思想是将所有内容放在CCNode您要滚动的内容上。（您应确保contentSize节点的大小恰好是所需的可滚动区域的大小）。

构建完此对象后，您可以将其设置为您CCScrollView的内容节点。请注意，contentNode必须是的子项CCScrollView，如果您使用设置器，则会将其自动添加。

通过检出标头中的公共API来设置其他参数，例如分页，滚动或任何您喜欢的参数CCScollView。如果您对如何使用其中的某些方法感到困惑，请查看UIScrollView教程。

范例程式码

这是我为您准备的一些示例代码。它在屏幕上放置红色的10个红色CCNodeColor 框，您可以水平滚动它们。

CCNode *boxContainer = [CCNode node];
for (int i= 0; i < 10; i++)
{
    CCNodeColor *colorNode = [CCNodeColor nodeWithColor:[CCColor redColor] width:50.0f height:50.0f];
    colorNode.position = ccp(i * 60.0f, 25.0f);
    [boxContainer addChild:colorNode];
}
boxContainer.contentSize = CGSizeMake( 600.0f, 50.0f);
boxContainer.position = ccp(0.0f, 0.0f);
boxContainer.userInteractionEnabled = YES;

CCScrollView *scroll = [CCScrollView node];
scroll.contentNode = boxContainer;
scroll.position = ccp(0.0f, -self.scene.boundingBox.size.height / 2.0f);
scroll.verticalScrollEnabled = NO;

[self addChild:scroll];

请注意，y位置已翻转。

奖金提示

您可以使用SpriteBuilder设置您的Cocos2D-iphone视觉效果，例如，您可以在其中拖放滚动视图。一旦您对Cocos感到满意，这将节省大量时间
在我的示例代码中，我手动设置了盒子位置。您可以并且应该避免使用CCLayoutBox可以在Sprite Builder中设置的对象（将其视为一维Collection View）。