Sprite Kit iOS7 - 添加滑块

Question

我认为您可以在SpriteKit应用程序中添加UIKit滑块或按钮。

但是我不知道如何做到这一点，创建一个程序化滑块的代码是：

if (self.view) {
    CGRect frame = CGRectMake(0.0, 0.0, 200.0, 300);
    UISlider *slider = [[UISlider alloc] initWithFrame:frame];
    //[slider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];
    [slider setBackgroundColor:[UIColor clearColor]];
    slider.minimumValue = 0.0;
    slider.maximumValue = 50.0;
    slider.continuous = YES;
    [self.view addSubview:slider];
    NSLog(@"View is alive - look for slider...");
} 
else {
    NSLog(@"No View!!");
}

上面的方法不起作用，视图中子视图的数量保持不变。

我猜我需要将它添加为我的层（SKNode）的子节点，但是addChild方法无法与UISlider一起使用。它本身需要是一个SKNode。

我在此场景类中调用它。

-(id)initWithSize:(CGSize)size {    

    if (self = [super initWithSize:size]) {
         // thought putting here would work 
         // but self.view is nil
    }

    return self;
}

感谢评论，我可以让它显示 - 但我必须将其添加到viewController类中，如下所示。

- (void)viewDidLoad
{
[super viewDidLoad];

// Configure the view.
SKView * skView = (SKView *)self.view;
skView.showsFPS = YES;
skView.showsNodeCount = YES;
// Create and configure the scene.
SKScene * scene = [XBLMyScene sceneWithSize:skView.bounds.size];
scene.scaleMode = SKSceneScaleModeAspectFill;
// Present the scene.
[skView presentScene:scene];

if (self.view) {
    CGRect frame = CGRectMake(0.0, 0.0, 200.0, 300);
    UISlider *slider = [[UISlider alloc] initWithFrame:frame];
    //[slider addTarget:self action:@selector(sliderAction:) forControlEvents:UIControlEventValueChanged];
    [slider setBackgroundColor:[UIColor clearColor]];
    slider.minimumValue = 0.0;
    slider.maximumValue = 50.0;
    slider.continuous = YES;
    NSLog(@"View is alive - look for slider...");
    [self.view addSubview:slider];
} else {
    NSLog(@"No View!!");
}
}

有没有一种方法可以在实际场景类中完成它.... 谢谢。

- DogCoffee

---

这段代码何时运行？也许是在视图初始化之前？请检查视图是否为非空。 - CodeSmile

在我将其他项目添加到屏幕后，通常的初始化结束时它被添加。 - DogCoffee

不，它没有被调用...自我以上问题编辑。 - DogCoffee

Answer 1

经过一些调试

感谢 @LearnCocos2D 的提示，我的解决方案如下：

我的场景类需要这个：

- (void) didMoveToView:(SKView *)view
{
    [self addSlider];
}

然后调用你的方法来添加滑块......等等。

- DogCoffee

---

是的，那就是正确的解决方案。在该方法运行之前，场景中根本没有与视图相关联的内容。 - CodeSmile

你能添加这个UIMenuController *theMenu = [UIMenuController sharedMenuController]; 吗？我搞不清楚这个。 - DogCoffee

谢谢你们两个。你们刚刚解决了我的技术问题。我尝试了一下，你们的解决方案完美地运行。 :-) - Job_September_2020

Answer 2

我遇到了同样的问题，对UISlider不是很满意。因此，我为Sprite Kit创建了自己的类。其中包括按钮、摇杆、方向键和滑块。也许它们可以帮助您改进应用程序。在我的游戏中，它们的表现非常好。

请注意，它们是使用Swift编写的。

LESKSliderNode

//
//  LESKSliderNode.swift
//  LESKClasses
//
//  Created by Cyrill Lippuner on 17.06.14.
//  Copyright (c) 2014 legelite. All rights reserved.
//

import SpriteKit


class LESKSliderNode : SKNode
{
/**
Defines the Size of the LESKSliderNode.
*/
var size : CGSize = CGSize(width: 0, height: 0)
/**
Defines the AnchorPoint of the LESKSliderNode.
*/
//var anchorPoint : CGPoint = CGPoint(x:0.5,y:0.5)
/**
Defines frameInParent with the position of the superclass and the size of the LESKSliderNode.
*/
var frameInParent : CGRect
{
get {return CGRect(origin: CGPoint(x:self.position.x - 0.5 * self.size.width,y:self.position.y - 0.5 * self.size.height), size: self.size)}
set(newValue)
{
    super.position = newValue.origin
    self.size = newValue.size
    //self.value = self.valueRange.startIndex + ((newPositionX + range.endIndex) / (range.endIndex - range.startIndex)) * (self.valueRange.endIndex - self.valueRange.startIndex)
}
}

/**
Enables the LESKSliderNode to interactions.
*/
var isEnabled : Bool = true
/**
Displays whether a touch is in progress.
*/
var isActive : Bool = false
/**
Defines the space between the thumb and the edges of the scale.
*/
var overlayThumb : Bool = false {didSet{calculateNewThumbRange()}}
/**
Displays the value of thumb on the slider.
*/
var value : Float
{
get
{
    return  self.valueRange.startIndex + ((thumbSprite.position.x + self.thumbRange.endIndex) / (self.thumbRange.endIndex - self.thumbRange.startIndex)) * (self.valueRange.endIndex - self.valueRange.startIndex)
}
set(newValue)
{
    var val = newValue
    if newValue < self.valueRange.startIndex {val = self.valueRange.startIndex}
    else if newValue > self.valueRange.endIndex {val = self.valueRange.endIndex}
    let newPositionX = (val - self.valueRange.startIndex) * (self.thumbRange.endIndex - self.thumbRange.startIndex) / (self.valueRange.endIndex - self.valueRange.startIndex) - self.thumbRange.endIndex
    thumbSprite.position = CGPoint(x:newPositionX,y:thumbSprite.position.y)
    if self.thumbSpriteActive {self.thumbSpriteActive!.position = CGPoint(x:newPositionX,y:self.thumbSpriteActive!.position.y)}
}
}
/**
Defines the range of the values.
*/
var valueRange : Range<Float> = Range(start: 0.0, end: 1.0)
/**
The range of the thumb's position.
*/
var thumbRange : Range<Float> = Range(start: 0.0, end: 0.0)
/**
The range of the thumb's position.
*/
var thumbOffset : Float = 0.0
{
didSet
{
    self.thumbSprite.position = CGPoint(x:self.thumbSprite.position.x, y: self.thumbOffset)
    if self.thumbSpriteActive {self.thumbSpriteActive!.position = CGPoint(x:self.thumbSpriteActive!.position.x, y: self.thumbOffset)}
}
}


/**
ScaleSprite is the scale for the LESKSliderNode.
*/
let scaleSprite : SKSpriteNode
/**
ThumbSprite is the thumb for the LESKSliderNode.
*/
let thumbSprite : SKSpriteNode
/**
ScaleSpriteActive is the active scale for the LESKSliderNode.
*/
let scaleSpriteActive : SKSpriteNode?
/**
ThumbSpriteActive is the active thumb for the LESKSliderNode.
*/
let thumbSpriteActive : SKSpriteNode?

/**
Description of the LESKSliderNode
*/
override var description : String
{
get
{
    var string = "<LESKSliderNode> name: \(self.name) "
    string += "scaleSprite: [\(scaleSprite.description)] "
    string += "thumbSprites: [\(thumbSprite.description)] "
    string += "frame: \(self.frameInParent) rotation: \(self.zRotation) "
    string += "isEnabled: \(isEnabled) "
    if isEnabled {string += "isActive: \(isActive) overlayThumb: \(overlayThumb) range: \(valueRange) value: \(value)"}
    return string
}
}

/**
Typealiases
*/
typealias LESKSliderNodeCompletion = ((slider: LESKSliderNode, value: Float) -> ())
/**
Closure, which is executed when a touch begins
*/
var touchDown : LESKSliderNodeCompletion?
/**
Closure, which is executed when the thumb is dragged
*/
var touchMoved : LESKSliderNodeCompletion?
/**
Closure, which is executed when a touch ends
*/
var touchUp : LESKSliderNodeCompletion?
/**
Closure, which is executed when a touch ends inside the frame of the LESKSliderNode
*/
var touchUpInside : LESKSliderNodeCompletion?
/**
Closure, which is executed when a touch is cancelled
*/
var touchCancelled : LESKSliderNodeCompletion?


/**
Initializer
@param the string of the thumbSprite
@param the string of the scaleSprite
*/
convenience init(thumbString: String, scaleString: String)
{
    self.init(thumbSprite: SKSpriteNode(imageNamed: thumbString), scaleSprite: SKSpriteNode(imageNamed: scaleString), thumbSpriteActive: nil, scaleSpriteActive: nil)
}

/**
Initializer
@param the string of the thumbSprite
@param the string of the scaleSprite
@param the string of the thumbSpriteActive
@param the string of the scaleSpriteActive
*/
convenience init(thumbString: String, scaleString: String, thumbStringActive: String?, scaleStringActive: String?)
{
    self.init(thumbSprite: SKSpriteNode(imageNamed: thumbString), scaleSprite: SKSpriteNode(imageNamed: scaleString), thumbSpriteActive: SKSpriteNode(imageNamed: thumbStringActive), scaleSpriteActive: SKSpriteNode(imageNamed: scaleStringActive))
}


/**
Initializer
@param the texture of the thumbSprite
@param the texture of the scaleSprite
*/
convenience init(thumbTexture: SKTexture, scaleTexture: SKTexture)
{
    self.init(thumbSprite: SKSpriteNode(texture: thumbTexture), scaleSprite: SKSpriteNode(texture: scaleTexture), thumbSpriteActive: nil, scaleSpriteActive: nil)
}

/**
Initializer
@param the texture of the thumbSprite
@param the texture of the scaleSprite
@param the texture of the thumbSpriteActive
@param the texture of the scaleSpriteActive
*/
convenience init(thumbTexture: SKTexture, scaleTexture: SKTexture, thumbTextureActive: SKTexture?, scaleTextureActive: SKTexture?)
{
    self.init(thumbSprite: SKSpriteNode(texture: thumbTexture), scaleSprite: SKSpriteNode(texture: scaleTexture), thumbSpriteActive: SKSpriteNode(texture: thumbTextureActive), scaleSpriteActive: SKSpriteNode(texture: scaleTextureActive))
}

/**
Initializer
@param the sprite of the thumbSprite
@param the sprite of the scaleSprite
*/
convenience init(thumbSprite: SKSpriteNode, scaleSprite: SKSpriteNode)
{
    self.init(thumbSprite: thumbSprite, scaleSprite: scaleSprite)
}

/**
Initializer
@param the sprite of the thumbSprite
@param the sprite of the scaleSprite
@param the sprite of the thumbSpriteActive
@param the sprite of the scaleSpriteActive
*/
init(thumbSprite: SKSpriteNode, scaleSprite: SKSpriteNode, thumbSpriteActive: SKSpriteNode?, scaleSpriteActive: SKSpriteNode?)
{
    self.thumbSprite = thumbSprite
    self.scaleSprite = scaleSprite
    self.thumbSpriteActive = thumbSpriteActive
    self.scaleSpriteActive = scaleSpriteActive
    super.init()
    self.userInteractionEnabled = true
    self.addChild(self.scaleSprite)
    self.addChild(self.thumbSprite)
    if self.scaleSpriteActive?
    {
        self.addChild(self.scaleSpriteActive)
        self.scaleSpriteActive!.hidden = true
    }
    if self.thumbSpriteActive?
    {
        self.addChild(self.thumbSpriteActive)
        self.thumbSpriteActive!.hidden = true
    }
    calculateNewThumbRange()
    self.size = scaleSprite.size
}

override func touchesBegan(touches: NSSet!, withEvent event: UIEvent!)
{
    if isEnabled
    {
        isActive = true
        if self.scaleSpriteActive?
        {
            self.scaleSprite.hidden = true
            self.scaleSpriteActive!.hidden = false
        }
        if self.thumbSpriteActive?
        {
            self.thumbSprite.hidden = true
            self.thumbSpriteActive!.hidden = false
        }
        moveThumbToValueAccordingToTouch(touches.anyObject() as UITouch)
        if touchDown? {touchDown!(slider: self, value: self.value)}
    }
}

override func touchesMoved(touches: NSSet!, withEvent event: UIEvent!)
{
    if isEnabled
    {
        let touchPosition = (touches.anyObject() as UITouch).locationInNode(self.parent)
        if CGRectContainsPoint(self.frameInParent, touchPosition)
        {
            if self.scaleSpriteActive?
            {
                self.scaleSprite.hidden = true
                self.scaleSpriteActive!.hidden = false
            }
        }
        else
        {
            if self.scaleSpriteActive?
            {
                self.scaleSprite.hidden = false
                self.scaleSpriteActive!.hidden = true
            }
        }
        moveThumbToValueAccordingToTouch(touches.anyObject() as UITouch)
        if touchMoved? {touchMoved!(slider: self, value: self.value)}
    }
}

override func touchesEnded(touches: NSSet!, withEvent event: UIEvent!)
{
    if isEnabled
    {
        isActive = false
        if self.scaleSpriteActive?
        {
            self.scaleSprite.hidden = false
            self.scaleSpriteActive!.hidden = true
        }
        if self.thumbSpriteActive?
        {
            self.thumbSprite.hidden = false
            self.thumbSpriteActive!.hidden = true
        }
        if touchUp? {touchUp!(slider: self, value: self.value)}
        let touchPosition = (touches.anyObject() as UITouch).locationInNode(self.parent)
        if CGRectContainsPoint(self.frameInParent, touchPosition) {if touchUpInside? {touchUpInside!(slider: self, value: self.value)}}
    }
}

override func touchesCancelled(touches: NSSet!, withEvent event: UIEvent!)
{
    if isEnabled
    {
        isActive = false
        if self.scaleSpriteActive?
        {
            self.scaleSprite.hidden = false
            self.scaleSpriteActive!.hidden = true
        }
        if self.thumbSpriteActive?
        {
            self.thumbSprite.hidden = false
            self.thumbSpriteActive!.hidden = true
        }
        if touchCancelled? {touchCancelled!(slider: self, value: self.value)}
    }
}

func moveThumbToValueAccordingToTouch(touch: UITouch)
{
    let touchPosition = touch.locationInNode(self)
    var newPositionX = touchPosition.x
    if newPositionX < self.thumbRange.startIndex {newPositionX = self.thumbRange.startIndex}
    else if newPositionX > self.thumbRange.endIndex {newPositionX = self.thumbRange.endIndex}
    self.thumbSprite.position = CGPoint(x:newPositionX,y:self.thumbSprite.position.y)
    if self.thumbSpriteActive {self.thumbSpriteActive!.position = CGPoint(x:newPositionX,y:self.thumbSpriteActive!.position.y)}
}

func calculateNewThumbRange()
{
    self.thumbRange = (self.overlayThumb) ? Range(start: -scaleSprite.size.width/2, end: scaleSprite.size.width/2) : Range(start: -(scaleSprite.size.width / 2 - thumbSprite.size.width / 2), end: scaleSprite.size.width / 2 - thumbSprite.size.width / 2)
}
}

- Miaucl

---

这看起来是一个非常有趣和创新的解决方案；我很想试试它，但它在Xcode 6.0（版本6.3.2（6D2105））中无法编译。我尝试修复它以适应6，但错误太多了。 - Shawn J. Molloy