チュートリアルなどで使えるスポットライトっぽいUIを作ってみました

よく、「こんなのできないの？」と聞かれることがあるので、作ってみました。

Github - yukiasai/Gecco

インストール

Cocoapodsでインストールして下さい

pod 'Gecco'

使い方

ただスポットライトを出すだけのシンプルなコードです。

import Gecco

class ViewController: UIViewController {
  func showSpotlight() {
    let spotlightViewController = SpotlightViewController()
    spotlightViewController.spotlight = Spotlight.Oval(center: CGPointMake(100, 100), width: 100)
    presentViewController(spotlightViewController, animated: true, completion: nil)
  }
}

もし動画のように、注釈を出したい場合はSpotlightViewControllerを継承してカスタマイズします。

import Gecco

class AnnotationViewController: SpotlightViewController {
  override func viewDidLoad() {
    super.viewDidLoad()
    // ... カスタムの処理などなど
  }
}

動画の実装は GeccoExample に記載されています。

スポットライトの形

以下の形状をサポートしています。

• 円
• 長方形
• 角丸長方形

public enum Spotlight {
  case Oval(center: CGPoint, width: CGFloat)
  case Rect(center: CGPoint, size: CGSize)
  case RoundedRect(center: CGPoint, size: CGSize, radius: CGFloat)
    // ...
}

最後に

是非使ってみてください！