Hi,

I am trying to make a menu see through.

radioMenu.opacity = 0;

When I try this I get told opacity is a readonly fielld and cannot be set.

Same goes for

((CCMenuItem*) settings).opacity = 0;
or
[(CCMenuItem*)settings setOpacity: 0];

How do I make a menu item images opacity 50?

I am trying to implement a pause button on the screen to pause and resume.

The pause button is on the Hud Layer.

Thanks

Shane

Thank you all very much!
Both solutions proposed are useful for me: I've already applied the easier one (with x-scaling) on the prototyping stage and will definitely use the more nice-looking but more difficult to implement (with 3 or 9 boxes) in the final version.

@geoegroeg

You must admit though it does look ugly: (same button with different widths)

And that last method you mentioned is basically a 3 slice scaling box like I mentioned where you can only adjust the width or height but not both.

The reason I didn't link to any of those as there are no pre made cocos2d versions that I could find.

@Stephen Morris

That's why I told him to try it. He might be pleased with the results. And since it takes like 1 minute to do it , I think it's worth it.
The idea is to look well. I don't really think he cares about the corner radius. Yes , it will get changed a bit , but it will remain curved.

And if that is not working , then he can have the middle part scaled on the X and attach the 2 corners.That will surely be looking fine.

@geoegroeg

Although it is far easier, it doesn't take into account the distortion that will happen to the curved corners.

Hi,

Cocos2D can scale on X, Y or both of them.
So , if the background image of your items is the black one above, you could also try simply scaling it on X.I mean something like this:

Sprite *mySprite = [CCSprite spriteWithFile:@"myBlacksprite.png"];
mySprite.scaleX = mySprite.contentSize.width/desiredWidth;

The idea is for you to have the maximum size of the image in your resources and make it smaller. Never try to make it bigger (well, there are times when you can do that , but it's not relevant here). I think you should give this a try and see if it looks ok. It is far easier that 9 patch button technique.

Hope this helps,
Regards ,
George

You need to look into scale 9 boxes for the button resizing:

http://jpsarda.tumblr.com/post/9162433577/scale9grid-for-cocos2d
http://www.crocodella.com.br/2011/07/resizable-decorated-box-using-cocos2d/

You could possibly also get away with a scale 3 box for just resizing the width, but I don't know of any Cocos2d ones of the top of my head

The button would simply be your black background, you would then add the text and image through code something like this: (pseudo code)

CCSpriteScale9 *buttonBg=[CCSpriteScale9 spriteWithFile:@"backpanel.png" andLeftCapWidth:32 andTopCapHeight:32];
[buttonBg adaptiveScale9:CGSizeMake(500,200)];

CCMenuItem *menuButton = [CCMenuItemSprite itemWithSprite:buttonBg selected:nil target:self selector:@selector(doSomething:)];

CCLabelBMFont *writing = [CCLabelBMFont labelWithString:@"Rules" fntFile:@"myFont.fnt"];
writing.position = ccp(menuButton.contentSize.width/2, menuButton.contentSize.height/2);
[menuButton addChild:writing];

// If you don't want to have to define the size of the Scale Box first you could probably change it down here based on the contentSize of the writing.

// Do same with the image as a CCSprite

// Add the menu button to a CCMenu

That should be enough for you to go on

Up (sorry, but I do need to know the answer)

Hello to everyone!
I'm quite new to Cocos2d, so, please, don't be too strict :)

I need to display a menuitem which has a background, an icon and a text. Both icon and text are defined dynamically, so I cannot prepare an image that contains all the things I need.
To be more concrete, here are two samples of what I would like to get as a result


Tricky thing here for me is how to resize the background image, so that it looks nice with both short and long text.

Could you tell me, please, how can I get what want?

Thank you in advance!

Wow... lol this has been a long time since I posted this. Sorry guys, maybe you've all forgot about this functionality now but I've finally got the time to make it more general for you guys to use. I've posted the source code here:
http://jamornh.com/creating-cocos2d-dock-implementation-ccmenudo

Enjoy and let me know if you've had any issues using it and what awesome games you're going to be using it for! :D

I've also created a cocos2d class to do this called CCMenuItemLabelAndImage. The usage is exactly as you'd expect other cocos2d classes to. You can see the entire code for the class here: http://jamornh.com/creating-cocos2d-ccmenuitem-with-a-background

I hope this helps anybody that needs to create buttons with image and text so you don't have to create a hundred images for a hundred buttons with just different text.

The label os designed to move down 1 pixel when pressed to simulate the button press but that can also be customized in the "selected:" method.

simple you can remove (removefromparentandcleanup:) the unsused invisible and disabled ccmenu :D

Not sure if anyone needs this anymore but I found a pretty nice solution for the menu problem.

1. Take a subclass/helper file for CCSprite and add a method that adds it as a delegate of the touch dispatcher with a lower priority than CCMenu (something like -1000) and set it to swallow touches.
2. Use an instance of that class as the background to your popup menu to absorb all touches in background menus.
3. For your popup, subclass CCMenu and override registerWithTouchDispatcher and set the priority lower than your background (-1001, for example).

Hope that helps someone!

Hi, I think overwriting will be much easier.
1> Create sub class

@interface AnimatedCCMenuItemSprite : CCMenuItemSprite
{
CCFiniteTimeAction *selectedAction;
}

@property(nonatomic, readwrite, retain) CCFiniteTimeAction *selectedAction;

2> Over Write needed part

@implementation AnimatedCCMenuItemSprite
@synthesize selectedAction;

-(void) selected
{
[super selected];

if( selectedImage_ )
{
[normalImage_ setVisible:NO];
[selectedImage_ setVisible:YES];
[disabledImage_ setVisible:NO];

}
else
{
[normalImage_ setVisible:YES];
[selectedImage_ setVisible:NO];
[disabledImage_ setVisible:NO];
}
}

-(void) unselected
{
[super unselected];
[normalImage_ setVisible:YES];
[selectedImage_ setVisible:NO];
[disabledImage_ setVisible:NO];
}

@end

3>
(Source code above has exactly same as exiting Original CCMenuItemSprite Source with that *You need to ADD Animation there)

You could declare your Gamelayer as a global variable, you could then access it from any class that includes it. Its difficult to say the best way of doing it for you as we don't know how your classes and such are connected.

Huge thread revival,

but I am using the above subclassed CCMenuItemImage and am able to successfully log output to the console when

(void) selected;

is called.

However, my problem is now that I need to run a function in my main game layer or in another class when the above method is called. How would I achieve this?

I only know how to do this:

GameLayer * myLevelObject = [[GameLayer alloc] init];
	[myLevelObject testing];

Which is totally ridiculous, as it is allocating and initializing my entire game scene each time the selected method is called!

What I ideally want to do is to call a method that counts up an integer while the button is held down, but this method is in the other class.

What is the best way of doing this?

I take it back. I don't need to increment the variable. It works fine as it is coded.

THanks again for your help. My hair can stay in my head now.

I was tagging the wrong part. I was tagging the menu and not the button in the menu. All is good now.

Joker,

That worked! Thanks so much for the reply.

However, I now have a new problem. I am creating the buttons in a for loop like this

int pbX = 30;
int pbY = 379;
int z=1001;

for(int y=0;y<8;y++){

    for(int x=0;x<6;x++){
            Button2 = [CCMenuItemImage
				  itemFromNormalImage:@"but_patterns_selection.png"
				  selectedImage: @"but_patterns_selection_sel.png"
				  target:self selector:@selector(displayPattern:)];
            PatternButton = [CCMenu menuWithItems: Button2, nil];
            PatternButton.position = ccp(pbX, pbY);
            Button2.tag = z;
	[self addChild:PatternButton z:2];

        pbX = pbX+52;
        z++;
    }

 pbY = pbY-49;
 pbX = 30;

}

This creates a grid of buttons in rows and columns. As long as I can set a tag for each button it would work fine to name them all Button2. But now that I am tagging button 2 I need to increment it to: Button2, Button3, Button4....

How do i append my variable z to my variable?

CCMenuItem *[NSString stringWithFormat:@"Button%i",z] = ....................

I'm guessing the problem is because you are assigning the tag to the menu as a whole and not to the individual button?

The button is Button2, PatternButton gets a tag of 1001 but is the menu that Button2 belongs to.

Can you try:

Button2.tag = 1001;

I'm able to access the MenuItem by

[self getChildByID:1001]

So the tag must be set properly, for instance if I change the visibility, the button disappears as expected.

[[self getChildByID:1001] setVisible:NO];

-(id) init {
	if( (self=[super init] )) {

Button2 = [CCMenuItemImage
			   itemFromNormalImage:@"but_patterns_selection.png"
			   selectedImage: @"but_patterns_selection_sel.png"
			   target:self selector:@selector(displayPattern:)];
		PatternButton = [CCMenu menuWithItems: Button2, nil];
		PatternButton.position = ccp(pbX, pbY);
		[self addChild:PatternButton z:2 tag:1001];

	}
	return self;
}

-(void) displayPattern:(int)sender {
NSLog(@"tag = %i",[sender tag]);
      if([sender tag] == 1001){
		NSLog(@"button 1 pressed");
	}
}

Perhaps you could post the code you're using, that doesn't work?

Are you certain your tags are set? Place a breakpoint in the target selector to verify.

You can also use the userData to store a pointer directly to whatever you're testing the tags for:

STParty *tempParty = ((CCMenuItemSprite *)sender).userData;

but note that you won't be getting around whatever issue is causing tag to be -1.

@ob1 - can you tell me why [sender tag] is always -1 for me? I set the tag properly and can even manipulate the button using getChildByTag. But I can't determine which button is pressed because they all send -1 as the tag.

This doesn't work for me. [sender tag] is always -1. No matter what button is pressed! It's always -1.

I can get the button by using getChildByTag but I can't go the other way.... If [sender tag] actually worked my life would be so much easier. If I can't get it to work I am going to need to create a function for each button that does nearly the same thing. When you have nearly 50 buttons, this is a pain in the a$$!!!!!

@Jamorn Did you clean up the code so can you share it with us ;) ?

sure. fixed:
https://github.com/cocos2d/cocos2d-iphone/commit/3649c3daac0bf739a8d39d749d29b99a18082d4d

Hi All,

The question came up in #cocos2d-iphone about the ability to use a class method as a call back to a CCMenuItem. After some investigation is seems that this is not possible with the current CCMenuItem code, as CCMenuItem's initWithTargetSelector does:

sig = [[rec class] instanceMethodSignatureForSelector:cb];

After some simple testing it seems like modifying it to :

sig = [rec methodSignatureForSelector:cb];

Would allow for both class and instance methods to be used.

Thoughts?

Rick

@tim:
thanks for the post...well it works well and the object fade in correctly......but what if i want to fade out it again??? here is what i did..

first add a sprite to scene

resumeS = [CCSprite spriteWithFile:@"Background_Pause_pad.png"];
		[resumeS setPosition:ccp(384,470)];

		[self addChild:resumeS z:1];

than fadein it in response to button press

resumeS.opacity = 0;

	       [resumeS runAction:[CCFadeIn actionWithDuration:2]];

and once again fadeout it response to button

[resumeS runAction:[CCFadeOut actionWithDuration:2]];`
`
but it does not work.....