CCMenuItemLabel wrong position for child

cocos2d for iPhone » Programming » cocos2d support (graphics engine)

CCMenuItemLabel wrong position for child

(10 posts) (3 voices)

Started 1 year ago by focus
Latest reply from Verisutha

Tags:

focus
Member

Hi
I have own class MyMenuItem inherite from CCMenuItemLabel. In MyMenuItem i create LABEL of type CCBitmapFontAtlas and this LABEL i'm add to MyMenuItem as child in constructor..but when i set position for LABEL this position is not relative to position CCMenuItemLabel but to "left bottom" position... when i change text in CCMenuItemLabel my LABEL postition is change too...

[MyMenuItem position]
^
|
[loooooooooooooooooooooooooooong text] - CCMenuItemLabel
[my label text] - CCBitmapFontAtlas

[MyMenuItem position
^
|
[short text] - CCMenuItemLabel
[label text] - CCBitmapFontAtlas

MyMenuItem position is same but label position is change...why?
each child position is not relative to parent?

thanks

Posted 1 year ago #
focus
Member

spaces :)

.................[MyMenuItem position]
...........................^
...........................|
..........[loooooooooooooooooooooooooooong text] - CCMenuItemLabel
[my label text] - CCBitmapFontAtlas

...............[MyMenuItem position
.......................^
.......................|
................[short text] - CCMenuItemLabel
.........[label text] - CCBitmapFontAtlas

Posted 1 year ago #
Verisutha
Member

I have to say that post makes no sense. Perhaps if you post some code we would have better insight as to what you are trying to accomplish.

Posting code will get the best response, unless it's theory, or a direct question about something methods.

Posted 1 year ago #
robodude666
Member

Screenshots might also help if you're trying to illustrate the position of items in your menu.

Posted 1 year ago #

focus
Member

ok here is
screenshot

here is code:

mMenu = [[CCMenu menuWithItems: nil ] retain ];
        CCBitmapFontAtlas *labelAtlas = [[CCBitmapFontAtlas bitmapFontAtlasWithString:@"MyMenuItem" fntFile:@"arial16.fnt"] retain];
        [labelAtlas setPosition:ccp(0.0,0.0)];

        CCMenuItemLabel *menuItem = [[CCMenuItemLabel itemWithLabel:labelAtlas target:self selector:@selector(OnMenuItemClick:) ]retain];

        //crete text label
        CCBitmapFontAtlas *mTextLabel = [[CCBitmapFontAtlas bitmapFontAtlasWithString:@"label" fntFile:@"arial16.fnt"] retain];
         [mTextLabel setPosition:ccp(0.0,0.0)];
        //add text label as child
        [menuItem addChild:mTextLabel];

        [mMenu addChild:menuItem];

        [self addChild:mMenu];

Posted 1 year ago #

robodude666
Member

A CCMenuItemLabel isn't really supposed to contain more than one label. Is there a particular thing you're trying to achieve by adding another label to it?

If you want to make a menu out of multiple CCBitmapFontAtlas based CCMenuItemLabels then you can do something like:

CCBitmapFontAtlas *labelAtlas1 = [[CCBitmapFontAtlas bitmapFontAtlasWithString:@"MyMenuItem" fntFile:@"arial16.fnt"] retain];
CCBitmapFontAtlas *labelAtlas2 = [[CCBitmapFontAtlas bitmapFontAtlasWithString:@"label" fntFile:@"arial16.fnt"] retain];

CCMenuItemLabel *menuItem1 = [[CCMenuItemLabel itemWithLabel:labelAtlas1 target:self selector:@selector(OnMenuItemClick1:) ]retain];
CCMenuItemLabel *menuItem2 = [[CCMenuItemLabel itemWithLabel:labelAtlas2 target:self selector:@selector(OnMenuItemClick2:) ]retain];

CCMenu *mMenu = [[CCMenu menuWithItems: menuItem1, menuItem2, nil ] retain ];

[mMenu alignItemsVertically];

[self addChild:mMenu];

-robodude666

Posted 1 year ago #

focus
Member

thx for reply...i made input label (MyMenuItem). When user click on this label keyboard is show and user can enter some text...child for this item is only label which show only text
e.g.:

[Strength:][ 20 ]

and i want add to menu item together "text label" with "input label". "input label" in my case is CCMenuItemLabel and "text label" is CCBitmapFontAtlas...
now all works fine...

child offset for Y axis is 10px..not for another size of font maybe :)
and child offset for X axis depend on text in "input label" (CCMenuItemLabel)
i made conversion and it works :)

i know this is not clean but i want add one "widget" (MyMenuItem) instead two "widgets" (CCBitmapFontAtlas and CCMenuItemLabel) to scene...

thanks

Posted 1 year ago #
robodude666
Member

Physically, CCMenuItemLabel is not meant for more than one label or sprite. It just so happens to inherit from CCMenuItem which inherits from CCNode which has the addChild method. CCMenuItem does NOT have its own addChild method, and thus when you add a new child it doesn't know what to do with it. If you look at the Cocos2D source code, CCMenuItemLabel's draw method only draws ITS own label.

If you want to create the effect that there's a textbox next to a label, when you click on the label the textbox is editable you'll need to create your own class that exends from CCMenuItem. This class would have 2 labels via composition. In the draw method it will then draw the two labels side by side as they should be.

-robodude666

Posted 1 year ago #
focus
Member

yes you are right. extend CCMenuItem is better solution but for my purpose is enough.
I have to rewrite whole my class and i don't want :)..if some problem occured i rewrite it but now it's ok...

thanks

Posted 1 year ago #
Verisutha
Member
Are you trying to get a label to appear over your menu item? If so I just went through something similar this past weekend. I wanted to get a bunch of menu stuff to animate on to the screen together.

Here is a snip from code:

There are a few things to take into account, I have edited the code here to remove global, I also have a couple of routines not posted here that handle the sprite loading from my textures, so keep that in mind.. The code will not work as is, it is here just to give you a basic overview of how I do it.
```
-(void)buildUsername
{
	CCMenuItemSprite *mnuUserName = [self buildToggleMenu:@selector(menuEditUser:) rect:CGRectMake(28, 28, 130, 28) maxSize:130];
	CCMenu *menu = [CCMenu menuWithItems: mnuUserName, nil];
	[menu alignItemsVerticallyWithPadding:12];
	menu.position = ccp(160,160);
	[self addChild:menu z:5];

	// USERNAME Textline, and the display label for the usersname...
	CCLabel* textLabel = [CCLabel labelWithString:@"User Name" fontName:@"mycustomfont" fontSize:10];
	textLabel.anchorPoint = ccp(0,0);
	textLabel.position = ccp(0,28);
	textLabel.opacity = 170;
	[mnuUserName addChild:textLabel z:10];
	usernameLabel = [CCLabel labelWithString:sharedMVHandler.username fontName:@"mycustomfont" fontSize:14];
	usernameLabel.position = ccp(5,5);
	usernameLabel.opacity = 170;
	usernameLabel.anchorPoint = ccp(0,0);
	[mnuUserName addChild:usernameLabel z:10];
}
```
That routine builds me a sprite based menu object and then I add 2 labels on to the object. I have a mix of UIKit and cocos2d, so it's a little more complex than what you see... but it should give you an idea of how to put a label over the menu object.

Moving the position of the label is in direct relation to the sprite. 0,0 is the bottom corner, increasing y makes the label move towards the top of the screen, just as increasing x will move the label to the right. (This is portrait, I don't use landscape in our game).

Hope this helps.
Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.