「iOSで丸いボタン」              Satoshi Yamada12年8月25日土曜日
丸いボタンが              独立して存在している場合12年8月25日土曜日
丸いボタンが                独立して存在している場合              四角いUIButton + 周りが透明な画                像でも、問題にならない。12年8月25日土曜日
複数の丸いボタンが              隣接して存在している場合12年8月25日土曜日
複数の丸いボタンが                隣接して存在している場合              四角いUIButton + 周りが透明な画              像だと反応エリアが重なり合い、              タップしたのと...
複数の丸いボタンが               隣接して存在している場合              反応エリアを重なり合わないよう                   にしたい。12年8月25日土曜日
必要な処理              1. 反応する領域を定義              2. タップした位置が定義した領域に入っ               ているか判定              3. 領域に入っていればタップを受け入   ...
1. 反応する領域を定義   UIBezierPath   + (UIBezierPath *)bezierPathWithOvalInRect:(CGRect)rect   Creates and returns a new UIBezier...
2. タップした位置が定義した領域に入っ              ているか判定   UIBezierPath   - (BOOL)containsPoint:(CGPoint)point   Returns a Boolean value i...
3. タップイベント受け入れ   UIView   - (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event   Returns the farthest descendant ...
demo12年8月25日土曜日
問題点               丸以外は?12年8月25日土曜日
タップした点のアルファ値を見れば               汎用的に使えるのではないか12年8月25日土曜日
demo12年8月25日土曜日
Upcoming SlideShare
Loading in...5
×

Oval button

681

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
681
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Oval button

  1. 1. 「iOSで丸いボタン」 Satoshi Yamada12年8月25日土曜日
  2. 2. 丸いボタンが 独立して存在している場合12年8月25日土曜日
  3. 3. 丸いボタンが 独立して存在している場合 四角いUIButton + 周りが透明な画 像でも、問題にならない。12年8月25日土曜日
  4. 4. 複数の丸いボタンが 隣接して存在している場合12年8月25日土曜日
  5. 5. 複数の丸いボタンが 隣接して存在している場合 四角いUIButton + 周りが透明な画 像だと反応エリアが重なり合い、 タップしたのと別のボタンが反応 する場合も発生する12年8月25日土曜日
  6. 6. 複数の丸いボタンが 隣接して存在している場合 反応エリアを重なり合わないよう にしたい。12年8月25日土曜日
  7. 7. 必要な処理 1. 反応する領域を定義 2. タップした位置が定義した領域に入っ ているか判定 3. 領域に入っていればタップを受け入 れ、入っていなければイベントを他の オブジェクトへ12年8月25日土曜日
  8. 8. 1. 反応する領域を定義 UIBezierPath + (UIBezierPath *)bezierPathWithOvalInRect:(CGRect)rect Creates and returns a new UIBezierPath object initialized with an oval path inscribed in the specified rectangle.12年8月25日土曜日
  9. 9. 2. タップした位置が定義した領域に入っ ているか判定 UIBezierPath - (BOOL)containsPoint:(CGPoint)point Returns a Boolean value indicating whether the area enclosed by the receiver contains the specified point.12年8月25日土曜日
  10. 10. 3. タップイベント受け入れ UIView - (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event Returns the farthest descendant of the receiver in the view hierarchy (including itself) that contains a specified point.12年8月25日土曜日
  11. 11. demo12年8月25日土曜日
  12. 12. 問題点  丸以外は?12年8月25日土曜日
  13. 13. タップした点のアルファ値を見れば 汎用的に使えるのではないか12年8月25日土曜日
  14. 14. demo12年8月25日土曜日
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×