ユーザの注意を惹くためのコーチマークっぽいUIを作ってみました

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

Github - yukiasai/Minamo

ちなみに前作はこちら

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

インストール

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

pod 'Minamo'

使い方

対象のViewにコーチマークを出すコードです。

import Minamo

class ViewController: UIViewController {
  func showRippleView() {
    let rippeleView = RippleView()
    rippeleView.tintColor = UIColor(red: 0.3, green: 0.7, blue: 1, alpha: 1)
    rippeleView.coreImage = UIImage(named: "q")
    rippeleView.appearAtView(someView)
  }
}

動画のように、UIBarButtonItem上に出すことも出来ます。

if let buttonItem = navigationItem.rightBarButtonItems?.first {
    rippeleView.appearAtBarButtonItem(buttonItem, offset: CGPointMake(-10, 10))
}

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

RippleViewのプロパティ

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

• duration
  • リングが広がりきるまでの時間
• coreImage
  • 真ん中に表示される画像
• coreHidden
  • 真ん中のビューを非表示にする
• ringScale
  • リングの広がり具合
• ringWidth
  • リングの太さ
• ringHidden
  • リングのビューを非表示にする

最後に

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