描画した円の削除

Question

質問です。
swiftで画面をタップすることで円を描画するアプリケーションを作りました。
そこで、こんどは描画した円を全削除したいのですが、方法がよくわかりません。回答の方をお願いします。
プログラムは下に記載しておきます。

import UIKit

class ViewController: UIViewController {
    
    private var myToolBar: UIToolbar!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //ツールバーの設定
        myToolBar = UIToolbar(frame: CGRectMake(0, self.view.bounds.height - 44, self.view.bounds.width, 40))
        myToolBar.layer.position = CGPoint(x: self.view.bounds.width / 2, y: self.view.bounds.height - 20)
        
        myToolBar.barStyle = .Default
        myToolBar.tintColor = UIColor.whiteColor()
        myToolBar.backgroundColor = UIColor.blackColor()
        
        //ツールバーのボタン生成
        let myClearToolButton = UIBarButtonItem(title: "Clear", style: .Plain, target: self, action: "onTapClear:")
        myToolBar.items = [myClearToolButton]//ツールバーにアイテムを追加
        self.view.addSubview(myToolBar)
        
        let ovalShapeLayer: CAShapeLayer = CAShapeLayer()//CAShapeLayerのインスタンス生成
        ovalShapeLayer.strokeColor = UIColor.blackColor().CGColor//図形の枠線の色設定
        ovalShapeLayer.fillColor = randomColor().CGColor
        ovalShapeLayer.path = UIBezierPath(ovalInRect: CGRect(x: self.view.bounds.width / 2, y: self.view.bounds.height / 2, width: 50.0, height: 50.0)).CGPath
        self.view.layer.addSublayer(ovalShapeLayer)

    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    override func touchesBegan(touches: Set<UITouch>, withEvent event: UIEvent?) {
        if let touch = touches.first {
            let pos = touch.locationInView(self.view)
            print(pos)
            
            drawOval(posx: pos.x, posy: pos.y)
        }
    }
    
    internal func onTapClear(sender: UIBarButtonItem) {
        print("Clear")
    }
    
    func drawOval(posx x: CGFloat, posy y: CGFloat) {
        let ovalShapeLayer: CAShapeLayer = CAShapeLayer()//CAShapeLayerのインスタンス生成
        ovalShapeLayer.strokeColor = UIColor.clearColor().CGColor//図形の枠線の色設定
        ovalShapeLayer.fillColor = randomColor().CGColor
        //ovalShapeLayer.fillColor = UIColor.blackColor().CGColor
        
        ovalShapeLayer.path = UIBezierPath(ovalInRect: CGRect(x: x - 25.0, y: y - 25.0, width: 50.0, height: 50.0)).CGPath
        
        self.view.layer.addSublayer(ovalShapeLayer)
    }
    
    func randomColor() -> UIColor {
        let rand1 = CGFloat(getRandomNumber(Min: 0, Max: 1.0))
        let rand2 = CGFloat(getRandomNumber(Min: 0, Max: 1.0))
        let rand3 = CGFloat(getRandomNumber(Min: 0, Max: 1.0))
        let rand4 = CGFloat(getRandomNumber(Min: 0, Max: 1.0))
        
        print("rand1 is \(rand1)")
        print("rand2 is \(rand2)")
        print("rand3 is \(rand3)")
        print("rand4 is \(rand3)")

        let randColor = UIColor(red: rand1, green: rand2, blue: rand3, alpha: rand4)
        
        return randColor
    }
    
    func getRandomNumber(Min _Min : Float, Max _Max : Float)->Float {
        
        return ( Float(arc4random_uniform(UINT32_MAX)) / Float(UINT32_MAX) ) * (_Max - _Min) + _Min
    }
}

Answer 1

self.view.layer.addSublayer(ovalShapeLayer)

としたものを

internal func onTapClear(sender: UIBarButtonItem) {
  print("Clear")
}

ここで全部削除したいという認識で大丈夫ですか？

それであれば、ViewControllerにaddSublayerするCAShapeLayerをすべて保持しておき、onTapClearで一気に削除するのが良いでしょう。

class ViewController: UIViewController {
  private var addedLayers = [CAShapeLayer]()
  ...
  func drawOval(posx x: CGFloat, posy y: CGFloat) {
    ...
    self.view.layer.addSublayer(ovalShapeLayer)
    
    // ここで保持しておく
    self.addedLayers.append(ovalShapeLayer)
  }
  ...
  func onTapClear(sender: UIBarButtonItem) {
    // 全消し
    self.addedLayers.forEach {
      $0.removeFromSuperlayer()
    }
  }

ビルド確認していないのでビルド通るかわかりませんが、CALayerにはremoveFromSuperlayerというメソッドがあるのでそれを使ってください。

Answer 2

http://qiita.com/edo_m18/items/8b6b457f82b185ab1f6a
これがさんこうになるんじゃないでしょうか。サブview自体を切り替えることで削除とみなすのかな？

Answer 3

よく読んでいないので直感の回答になりますが、
self.view.layer.addSublayer(ovalShapeLayer) のところで追加しているオブジェクトを
削除すれば消えるのではないでしょうか。

Comments

[tamago0224]

そのオブジェクトを削除する方法が知りたいのです.

[YasuhiroMiyake]

CALayerのリファレンスは確認済みでしょうか。