将CCMenu对齐到网格

Question

有没有人知道获取CCMenuItem对齐到网格的最佳实践方法？这是一个问题的cocos2d

例如：

int levelCount = 10; 

CCMenu *menuArray = [CCMenu menuWithItems:nil]; 

for (int x = 1; x<=levelCount; x++) { 
    CCLOG(@"Creating level icon for Level %i", x);  
    [menuArray addChild:[CCMenuItemImage itemFromNormalImage:@"Button2n.png" 
               selectedImage:@"Button2s.png" 
                 target:self 
                selector:@selector(onPlay:)]]; 

} 

[menuArray alignToGridWouldbeGreat????!!!!]; 
[self addChild:menuArray]; 

我可以对齐垂直，水平，在列或行然而不能完成一列或一行配置。

在此先感谢！

Answer 1

你只需要调用一个重载的alignItemsInColumns或alignItemsInRows方法。例如，如果你有15个菜单项，并希望3行5列，这样做：

CCMenu* menu = [CCMenu menuWithItems:...]; 
NSNumber* itemsPerRow = [NSNumber numberWithInt:5]; 
[menu alignItemsInColumns:itemsPerRow, itemsPerRow, itemsPerRow, nil]; 

唯一的缺点是，似乎没有成为一个办法设置填充对准网格时。

Answer 2

可能是你可以试试这个....

[menuArray alignItemsVerticallyWithPadding:20.0]; 

或

[first_menu alignItemsHorizontallyWithPadding:20.0]; 

Answer 3

据我所知阿尼什的回答是行动的你最好的课程。这将与对齐网格相同，这是我个人使用的。只需设置你的菜单位置和对齐填充，你应该有你在找什么。

Answer 4

好的，虽然没有我想要的那么灵活，但我已经为我的目的找到了足够体面的解决方案。任何人都可以随意使用此代码，如果他们也发现它有用。

//////// Put images (or whatever) for all levels in an array /////////   

    int levelCount = 15; 
    NSMutableArray* menuArray = [NSMutableArray arrayWithCapacity:levelCount]; 
    for (int x = 1; x<=levelCount; x++) { 

     CCLOG(@"Creating level icon for Level %i", x); 

     CCMenuItemImage* item = [CCMenuItemImage itemFromNormalImage:@"Button2n.png" 
                 selectedImage:@"Button2s.png" 
                   target:self 
                  selector:@selector(onPlay:)]; 
     [menuArray addObject:item];       
    } 

////////与列/////////

CGSize screenSize = [CCDirector sharedDirector].winSize; 

    int columns = 5; 

    int spaceBetweenColumns = columns + 1; 

    int spacing = screenSize.width/spaceBetweenColumns; 

    CCLOG(@"screenWidth (%f)/columnsWithEdges (%i) = spacing = %i, ", screenSize.width, spaceBetweenColumns, spacing); 

    CGPoint currentDrawPoint = CGPointMake(0, screenSize.height - spacing); // start at the top 

    for (CCMenuItem *item in menuArray) { 

     currentDrawPoint.x = currentDrawPoint.x + spacing; 

     if (currentDrawPoint.x > (columns * spacing)) { 
      // start a new line as we have reached the end of the previous one 
      currentDrawPoint.x = spacing; 
      currentDrawPoint.y = currentDrawPoint.y - spacing; 
     } 

     item.position = currentDrawPoint; 
     [self addChild:item]; 

    } 

Answer 5

这里的具体数字网格安排是我的解决方案，我希望它能帮助。

首先定义这个结构的地方：

typedef struct 
{ 
int cols; 
}RowInfo; 

然后：

-(void)layoutMenu:(CCMenu *)menu rowInfo:(RowInfo[])inf rows:(int)rows padding:(CGPoint)padding  
{ 
CCMenuItem *dummy = (CCMenuItem *)[menu.children objectAtIndex:0]; 
int itemIndex = 0; 

float w = dummy.contentSize.width; 
float h = dummy.contentSize.height; 

CGSize screenSize = [[CCDirector sharedDirector]winSize]; 
CCArray *items = [menu children]; 

float startX; 

for (int i = rows - 1; i >=0; i--) 
{ 
    int colsNow = info[i].cols; 

    startX = (screenSize.width - (colsNow * w + padding.x * (colsNow - 1)))/2; 
    float y = i * (padding.y + h); 

    for (int j = 0; j < colsNow; j++) 
    { 
     CCMenuItem *item = (CCMenuItem *)[items objectAtIndex:itemIndex]; 
     item.anchorPoint = ccp(0,0); 
     item.position = ccp(startX, y); 
     startX += padding.x + w; 
     itemIndex++; 
    } 
} 
} 

的调用是这样的（自定义键盘）：

//create custom keyboard 
NSArray *captions = [NSArray arrayWithObjects: 
@"Q", @"W", @"E", @"R", @"T", @"Y", @"U", @"I", @"O", @"P", 
    @"A", @"S", @"D", @"F", @"G",@"H", @"J", @"K", @"L", 
    @"Z", @"X", @"C", @"V", @"B", @"N", @"M", nil]; 

CCMenu *menu = [CCMenu menuWithItems:nil]; 

[self addChild:menu]; 

for (NSString *caption in captions) 
{ 
    CCLabelTTF *label = [CCLabelTTF labelWithString:caption fontName:@"Courier" fontSize:25]; 
    CCMenuItemLabel *item = [CCMenuItemLabel itemWithLabel:label target:self selector:@selector(callDelegate:)]; 
    [menu addChild:item]; 
} 

RowInfo info[3] = {{7}, {9}, {10}}; //inverse order 

[self layoutMenu:menu withRowInfo:info rows:3 padding:ccp(15, 15)];