cocos2d extienda el área táctil desde un botón

Question

Tengo algunos botones de radio pero la toucharea es demasiado pequeña. La toucharea depende del tamaño de la imagen. ¿Existe una manera elegante de extender el área de contacto con cocos2d sin usar una imagen más grande o crear mis propias áreas táctiles con cgrect? setContentSize haga lo que quiera. Lamentablemente, la imagen se mueve hacia la esquina inferior izquierda de la zona de contenidos. Establecer el punto de anclaje mueve el contenido pero la imagen permanece en la esquina inferior izquierda.

CCMenuItem* pickEasy = [CCMenuItemImage itemFromNormalImage:@"radiobutton_off.png" selectedImage:@"radiobutton_on.png" target:self selector:@selector(pickEasyTapped:)]; 
    pickEasy.position = ccp(ss.width * 0.40, ss.height * 0.78); 
    [pickEasy setContentSize:CGSizeMake(50, 50)]; 

Gracias de antemano.

Answer 1

se debe redefinir el método rectInPixels

- (CGRect)rectInPixels 
{ 
CGSize s = [self contentSize]; 
return CGRectMake(0, 0, s.width, s.height); 
} 

- (BOOL)containsTouchLocation:(UITouch *)touch 
{ 
CGPoint p = [self convertTouchToNodeSpace:touch]; 
CGRect r = [self rectInPixels]; 
return CGRectContainsPoint(r, p); 
} 

- (BOOL)ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event { 

NSSet *allTouches = [event allTouches]; 
for (UITouch *aTouch in allTouches) { 

     if (![self containsTouchLocation:aTouch]) return NO; 
} 

return YES; 
} 

Este dice que el sprite para comprobar que las lejías táctiles dentro de su CGRect alterado

Editar para mostrar subclase CCSprite ---

- (void)onEnter 
{ 
[[CCTouchDispatcher sharedDispatcher] addTargetedDelegate:self priority:0 swallowsTouches:YES]; 
[super onEnter]; 
} 

- (void)onExit 
{ 
[[CCTouchDispatcher sharedDispatcher] removeDelegate:self]; 
[super onExit]; 
} 

Answer 2

Hice una solución anulando -(CCMenuItem*) itemForTouch:(UITouch *)touch de CCMenu.

 
-(CCMenuItem*) itemForTouch:(UITouch *)touch 
{ 
    CGPoint touchLocation = [touch locationInView:[touch view]]; 
    touchLocation = [[CCDirector sharedDirector] convertToGL:touchLocation]; 
    CCMenuItem* item; 
    CCARRAY_FOREACH(children_, item) 
    { 
     if ([item visible] && [item isEnabled]) { 
      CGPoint local = [item convertToNodeSpace:touchLocation]; 
      CGRect r = [item rect]; 
      r.origin = CGPointZero; 
      // increase rect by * 2 
      // a rect at bottom left of the image 
      CGRect bigR = CGRectMake(r.origin.x - r.size.width, r.origin.y - r.size.height, r.size.width * 2, r.size.width * 2); 
      // a rect at top right of the image 
      CGRect bigR2 = CGRectMake(0, 0, r.size.width * 2, r.size.width * 2); 
      if (CGRectContainsPoint(bigR, local) || CGRectContainsPoint(bigR2, local)) { 
       return item; 
      } 
     } 
    } 
    return nil; 
} 

centro de la rect en el medio de la ni de imagen trabajado

Answer 3

Tomando el código de respuesta original ...

CCMenuItem* pickEasy = [CCMenuItemImage itemFromNormalImage:@"radiobutton_off.png" selectedImage:@"radiobutton_on.png" target:self selector:@selector(pickEasyTapped:)]; 
pickEasy.position = ccp(ss.width * 0.40, ss.height * 0.78); 
[pickEasy setContentSize:CGSizeMake(50, 50)]; 

... es suficiente con fijar la imagen en la correcta posición ...

[[[pickEasy children] objectAtIndex:0] setAnchorPoint:ccp(0.5,0.5)]; 
[[[pickEasy children] objectAtIndex:1] setAnchorPoint:ccp(0.5,0.5)]; 
[[[pickEasy children] objectAtIndex:0] setPosition:ccp(pickEasy.contentSize.width/2,pickEasy.contentSize.height/2)]; 
[[[pickEasy children] objectAtIndex:1] setPosition:ccp(pickEasy.contentSize.width/2,pickEasy.contentSize.height/2)]; 

... solo con 4 líneas de código! ¡Que te diviertas!

Answer 4

Además, puede cambiar la propiedad activeArea de CCMenuItem. (cocos2d 2.x)

CGRect active = [someMenuItem activeArea]; 
[someMenuItem setActiveArea:CGRectMake(active.origin.x - active.size.width * 2.f, active.origin.y - active.size.height * 2.5f, active.size.width * 2.f, active.size.height * 2.f)]; 
[someMenu addChild:someMenuItem];