將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)];