A fast, easy to use, free, and community supported 2D game engine
Hello, happy Cocos community!
Just found that there's no mention about CCSliderControl on cocos forums. So i will post it here.
Original CCSliderControl was made by Israel Roth ( http://srooltheknife.blogspot.com/ ).
I added Mac Support and removed hardcoded behavior. Hope it will be helpfull for someone.
https://github.com/psineur/CCSlider
Best Regards,
Stepan
I found CCSlider a few weeks ago, however it was slightly buggy in its release, it was impossible to get the slider totally on 0 or 1 and it was possible to do a few quick touches and move the slider completly out of the slide area and the return in the touches moved meant the slider would stop if the user moved quickly out of the slider area then have to retouch again to get it moving, so I made a few changes to it last week:
CCSlider.h
//
// CCSliderControl.h
// AmericanTomato
//
// Created by iroth on 1/5/11.
// Copyright 2011 iRoth.net. All rights reserved.
//
#import <Foundation/Foundation.h>
#import "cocos2d.h"
@protocol CCSliderControlDelegate
- (void) valueChanged: (float) value tag: (int) tag;
@end
@interface CCSliderControl : CCLayer {
float value;
id<CCSliderControlDelegate> delegate;
float minX;
float maxX;
}
@property (nonatomic, assign) float value;
@property (nonatomic, retain) id<CCSliderControlDelegate> delegate;
-(void)setWithSprite:(CCSprite *)sliderBar slider:(CCSprite *)slider;
@endCCSlider.m
//
// CCSliderControl.m
// AmericanTomato
//
// Created by iroth on 1/5/11.
// Copyright 2011 iRoth.net. All rights reserved.
//
#import "CCSliderControl.h"
@implementation CCSliderControl
@synthesize value;
@synthesize delegate;
-(id) init
{
if ((self = [super init]))
{
CCLOG(@"init %@", self);
self.isTouchEnabled = YES;
value = 0;
// add the slider background
}
return self;
}
-(void)setWithSprite:(CCSprite *)sliderBar slider:(CCSprite *)slider {
CCSprite *bg = sliderBar; //- TODO: add this to some texture atlas
[self setContentSize:[bg contentSize]];
bg.position = CGPointMake([bg contentSize].width/2, [bg contentSize].height/2);
[self addChild:bg];
// add the slider thumb
CGSize thumb_size;
CCSprite *thumb = slider; //- TODO: add this to some texture atlas
thumb_size = [thumb contentSize];
minX = thumb_size.width/2;
maxX = [self contentSize].width - thumb_size.width/2;
thumb.position = CGPointMake(minX, [self contentSize].height / 2);
[thumb setColor:ccc3(215, 71, 71)];
[self addChild:thumb];
}
- (void) setValue:(float) newValue
{
if (newValue < 0)
newValue = 0;
if (newValue > 1.0)
newValue = 1.0;
value = newValue;
CCSprite *thumb = (CCSprite *)[[self children] objectAtIndex:1];
CGPoint pos = thumb.position;
pos.x = minX + newValue * (maxX - minX);
thumb.position = pos;
}
#pragma mark -
#pragma mark Handle Touch Events
-(void) registerWithTouchDispatcher
{
[[CCTouchDispatcher sharedDispatcher] addTargetedDelegate:self priority:-1 swallowsTouches:YES];
}
-(CGPoint) locationFromTouch:(UITouch *)touch
{
CGPoint touchLocation = [touch locationInView: [touch view]];
touchLocation = [[CCDirector sharedDirector] convertToGL:touchLocation];
CGRect bbox = [self boundingBox];
touchLocation.x -= bbox.origin.x;
touchLocation.y -= bbox.origin.y;
return touchLocation;
}
-(bool) isTouchForMe:(CGPoint)touchLocation
{
CCSprite *bg = (CCSprite *)[[self children] objectAtIndex:0];
return CGRectContainsPoint([bg boundingBox], touchLocation);
}
-(BOOL) ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event
{
CGPoint location = [self locationFromTouch:touch];
bool isTouchHandled = [self isTouchForMe:location];
if (isTouchHandled) {
CCSprite *thumb = (CCSprite *)[[self children] objectAtIndex:1];
thumb.color = ccORANGE;
CGPoint pos = thumb.position;
pos.x = location.x;
if (location.x < minX) {
thumb.position = ccp(minX, thumb.position.y);
}else if(location.x > maxX) {
thumb.position = ccp(maxX, thumb.position.y);
}else{
thumb.position = pos;
}
}
return isTouchHandled; // YES for events I handle
}
-(void) ccTouchMoved:(UITouch *)touch withEvent:(UIEvent *)event
{
CCSprite *thumb = (CCSprite *)[[self children] objectAtIndex:1];
CGPoint location = [self locationFromTouch:touch];
if (location.x < minX){
thumb.position = ccp(minX, thumb.position.y);
}else if(location.x > maxX) {
thumb.position = ccp(maxX, thumb.position.y);
}else{
CGPoint pos = thumb.position;
pos.x = location.x;
thumb.position = pos;
}
}
-(void) ccTouchEnded:(UITouch *)touch withEvent:(UIEvent *)event
{
CCSprite *thumb = (CCSprite *)[[self children] objectAtIndex:1];
thumb.color = ccc3(215, 71, 71);
value = (thumb.position.x - minX) / (maxX - minX);
[delegate valueChanged:value tag:self.tag];
}
@endTo use:
CCSprite *sliderBar = [CCSprite spriteWithSpriteFrameName:@"sliderBar.png"];
CCSprite *slider = [CCSprite spriteWithSpriteFrameName:@"fishMedium1.png"];
CCSliderControl *musicVolumeSlider = [[[CCSliderControl alloc] init] autorelease];
[musicVolumeSlider setWithSprite:sliderBar slider:slider];
musicVolumeSlider.position = CGPointMake(winSize.width/2 - sliderBar.contentSize.width/2,
music.position.y - music.contentSize.height - sliderBar.contentSize.height/2);
musicVolumeSlider.value = musicVol;
musicVolumeSlider.delegate = self;
[self addChild:musicVolumeSlider z:0 tag:kMusicSliderTag];Then use the delegate as listed on http://srooltheknife.blogspot.com/2011/01/creating-slider-control-in-cocos2d.html
I have my own CCSlider implementation here https://github.com/hiepnd/CCSlider. With this implementation, the slider can be in any angle. If the height of the track image is too small (cause you hard touch the slider) you can set the height property to the value you want. For more details, please checkout the code.
Hope it helps :)
CCSlider is now a part of cocos2d-iphone-extensions repo:
https://github.com/cocos2d/cocos2d-iphone-extensions/tree/develop/Extensions/CCSlider
After release it will be in the master branch:
https://github.com/cocos2d/cocos2d-iphone-extensions/Extensions/CCSlider
Please let's treat cocos2d-iphone-extensions as the new home for this extension and send all pull requests there.
If you're not famillar with git - you can register on GitHub and create issue with a link to your patch/extension.
Thanks!
@hiepnd Thank you for you link!
I will try to combine yours, Israel Roth's and Season7's CCSlider in one solid class.
Feel free to send me a pull request with adding your features to the existing CCSlider.
I've added this CCSlider, based on CCSliderControl, cause it supports Mac and i have experiene with it.
Issue about combining different CCSlider's is here: https://github.com/cocos2d/cocos2d-iphone-extensions/issues/21
I'm having trouble getting this implemented (particularly with the .delegate = self). Where should I add the initialization? Here is my code:
-(id) init
{
if( (self=[super init]) )
{
[super init];
CGSize s = [[CCDirector sharedDirector] winSize];
CCSprite *background = [CCSprite spriteWithFile:@"menu.png"];
background.position = ccp(s.width/2, s.height/2);
[self addChild:background];
// Title
CCSprite *title = [CCSprite spriteWithSpriteFrameName:@"Settings.png"];
title.position = ccp(s.width/2, s.height-25);
[self addChild:title z:10];
CCMenuItemToggle *item1 = [CCMenuItemToggle itemWithTarget:self selector:@selector(controlCallback:) items:
[CCMenuItemFont itemFromString: @"Control: Tilt"],
[CCMenuItemFont itemFromString: @"Control: D-Pad"],
nil];
CCMenuItemToggle *item2 = [CCMenuItemToggle itemWithTarget:self selector:@selector(controlFPS:) items:
[CCMenuItemFont itemFromString: @"Show FPS: OFF"],
[CCMenuItemFont itemFromString: @"Show FPS: ON"],
nil];
CCMenuItemToggle *item3 = [CCMenuItemToggle itemWithTarget:self selector:@selector(controlTVOut:) items:
[CCMenuItemFont itemFromString: @"TV Out: OFF"],
[CCMenuItemFont itemFromString: @"TV Out: ON"],
nil];
CCMenuItemFont * item4 = [CCMenuItemFont itemFromString:@"Reset Game Data" target:self selector:@selector(resetLevel:)];
item4.color = ccWHITE;
CCMenuItemFont * item5 = [CCMenuItemFont itemFromString:@"Reset Achievements" target:self selector:@selector(resetAchievement:)];
item5.color = ccWHITE;
GameConfiguration *config = [GameConfiguration sharedConfiguration];
if( config.controlType == kControlTypePad )
item1.selectedIndex = 1;
CCMenu *menu = [CCMenu menuWithItems: item1, item2, item3, item4, item5, nil];
[menu alignItemsVertically];
menu.position = ccp(130,s.height - 150);
[self addChild: menu];
// back button
SoundMenuItem *backButton = [SoundMenuItem itemFromNormalSpriteFrameName:@"btn-back-normal.png" selectedSpriteFrameName:@"btn-back-selected.png" target:self selector:@selector(backCallback:)];
backButton.position = ccp(5,s.height-5);
backButton.anchorPoint = ccp(0,1);
menu = [CCMenu menuWithItems:backButton, nil];
menu.position = ccp(0,0);
[self addChild: menu z:0];
// Music Slider
CCSprite *sliderSprite = [CCSprite spriteWithSpriteFrameName:@"Slider.png"];
CCSprite *thumbSprite = [CCSprite spriteWithSpriteFrameName:@"Thumb.png"];
CCSprite *thumbSelectedSprite = [CCSprite spriteWithSpriteFrameName:@"ThumbSelected.png"];
CCMenuItemSprite *thumbItem = [CCMenuItemSprite itemFromNormalSprite:thumbSprite selectedSprite:thumbSelectedSprite];
CCSlider *_musicSlider = [CCSlider sliderWithBackgroundSprite:sliderSprite thumbMenuItem:thumbItem];
// Effects Slider
CCSprite *sliderSpriteE = [CCSprite spriteWithSpriteFrameName:@"Slider.png"];
CCSprite *thumbSpriteE = [CCSprite spriteWithSpriteFrameName:@"Thumb.png"];
CCSprite *thumbSelectedSpriteE = [CCSprite spriteWithSpriteFrameName:@"ThumbSelected.png"];
CCMenuItemSprite *thumbItemE = [CCMenuItemSprite itemFromNormalSprite:thumbSpriteE selectedSprite:thumbSelectedSpriteE];
CCSlider *_effectsSlider = [CCSlider sliderWithBackgroundSprite:sliderSpriteE thumbMenuItem:thumbItemE];
_musicSlider.tag = kMusic;
_musicSlider.position = ccp(150, 60);
_effectsSlider.tag = kSoundEffects;
_effectsSlider.position = ccp(150, 40);
[self addChild:_musicSlider];
[self addChild:_effectsSlider];
_musicSlider.delegate = self;
_effectsSlider.delegate = self;
_musicSlider.value = 0.5;
_effectsSlider.value = 0.75;
return self;
}
return self;
}I have it in the init for my settings scene. Should I place it somewhere else? It works fine if I comment out the delegate = self, but of course it doesn't actually change the values.
Never mind, figured it out. I'm sure I'm probably the only one dumb enough to have this problem, but just in case someone else has the same issue I'll post the solution.
Since it for some reason didn't like _musicSlider.delegate = self; and _effectsSlider.delegate = self; I just added a variable for self and then assigned the delegates to that like so:
id tmp = self;
_musicSlider.delegate = tmp;
_effectsSlider.delegate = tmp;Works like a charm now. Thanks for the great class!
Benihana
Member
I've made some changes to CCSlider, are you still working on a v0.2? Additionally I made a CCSliderInt which has an intValue property and only moves at integer values between 0 and the max value. I also stripped the delegate code and modified the example to use KVO (since my understanding of KVO is that the CCSlider instance is only responsible for being responsible and updating the value property, it is the responsibility of the parent to monitor that property). I also added an "active" property in the nature of SneakyJoystick, so that if the user is only interested in the value when the touch/click ends, they can monitor that instead, and read the value. I also made the modification to properly set the value to sentinel values when the slider is moved quickly, as currently it just "sticks" at whatever it is set at.
I'm mostly asking/explaining because I don't think we need a branch, but the changes are useful. Also because I've never worked with public repositories and don't mean to step on anyone's shoes.
Edit: I've looked over Yannick's CCControl implementation, and I can't quite wrap my head around the benefit. I'll look at it a bit more in the meantime. Additionally, I'm not sure the performance improvement is worth the loss of support for pre-4.0 if blocks are used.
Yes, i'm still working on v0.2. Release branch will be created after merging Rubber Effect for CCLayerPanZoom from Alexey Lang.
KVO instead of delegate is good idea, and it's already implemented in the develop branch.
Currently all extensions runs well on iPod Touch 1Gen with iOS 3.1.3, and i'll try to keep this as long as possible.
I remember CCControl, but it's not planned for any milestone yet.
Anyway - send me your code, i would love to look, what we can merge.
Best way, however, will be that you will base your changes on current develop state, where KVO is already added. This will make patch smaller and easier to understand & merge. You can post your code here, or send me via e-mail, or Pull Request on the GitHub - anyway you want.
You must log in to post.