踊る犬.netブログ (旧)

[iOS] チップスの吹き出しを簡単に表示する方法

酔っぱらってるけど更新します!!

アプリに新しいボタンを追加した時とか、初めて利用する人に向けてUIの説明をしたい時ってありますよね。
それも、出来るだけユーザさんの操作の邪魔をせずに。
そういう時に、ボタンの上下左右いずれかの場所にバルーンを表示できたら便利ですよね!
そんなバルーンを手軽に表示できるのが、CMPopTipViewです!動作させると以下のようにいい感じで表示してくれます:

もちろん、バルーンの見た目のカスタマイズ性も充分にあります。
枠や陰、ボコっと出っ張ったグラデーションなどを調整できます。
使い方も簡単!
以下のようなコードを書くだけ!

// PopTipViewのインスタンス作成
CMPopTipView *navBarLeftButtonPopTipView = [[CMPopTipView alloc] initWithMessage:@"A Message"];
navBarLeftButtonPopTipView.delegate = self;
// ナビゲーションバーのボタンに位置を合わせるように指定して表示
[navBarLeftButtonPopTipView presentPointingAtBarButtonItem:self.navigationItem.leftBarButtonItem animated:YES];

// PopTipViewが非表示になった時に呼ばれるデリゲートメソッド
- (void)popTipViewWasDismissedByUser:(CMPopTipView *)popTipView {
  // クリーンアップコード
}

お試しあれ!