How to build a nice Hamburger Button transition in Swift – robb.is
Hamburger buttons may have become somewhat of a cliché in interface design lately, but when I came across a particularly nice transition of a hamburger button on dribbble, I had to try and recreate it in code. Here's the original shot by the CreativeDash team: You'll notice how the top and bottom strokes of the hamburger form a X, while the middle one morphs into an outline. I knew this effect cou
Core Animationã®è©± Part.1
Core Animationã®è©± Part.1 — Presentation Transcript Core Animationã®è©± Part.1åˆã‚ã«ã‚ˆãã‚ã‚‹å•é¡Œ2012.05.19ãµã˜ã—㒠ゆã†ã„ã¡@nakiwo • ãµã˜ã—㒠ゆã†ã„ã¡â€¢ @nakiwo• æ ªå¼ä¼šç¤¾ãƒ•ã‚£ãƒ¼ãƒ‰ãƒ†ã‚¤ãƒ©ãƒ¼ http://feedtailor.jp/ Book+ ãら案内 SYNCNEL • ãµã˜ã—㒠ゆã†ã„ã¡â€¢ @nakiwo• http://www.nakiwo.com/ 洞窟物語 ã‚ãŒã (Mac AppStore) 今日ã®ãƒ†ãƒ¼ãƒžâ€¢ Core Animation• 最åˆã«ã¯ã¾ã‚ŠãŒã¡ãªå•é¡Œ 『アニメーション終了後表示ãŒæˆ»ã‚‹ã€â€¢ çµè«–ã¯ç°¡å˜ã€‚éŽç¨‹ãŒè¤‡é›‘• iOS 今日ã®ã‚µãƒ³ãƒ—ルhttps://github.com/nakiwo/CoreAnimationSample1 Core Animation• 矩形ã®
í•œêµ ì•„ì´í°
ìµœì‹ ì•„ì´í° íœ´ëŒ€í° ì†Œì‹ì„ ì œê³µí•©ë‹ˆë‹¤.
Cocoaã®æ—¥ã€…: [iOS] transform を使ã£ãŸç”»åƒã®ãŠæ‰‹è»½å›žè»¢ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
１枚ã®ç”»åƒã‚’回転ã•ã›ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実ç¾ã—ãŸã„。UIView ã® transform プãƒãƒ‘ティを使ã†ã¨éžå¸¸ã«ç°¡å˜ã«ã§ãã‚‹ã“ã¨ãŒã‚ã‹ã£ãŸã€‚ サンプル åˆæœŸçŠ¶æ…‹ã€‚ã“ã“㧠start を押ã™ã¨ ※画åƒå…¥æ‰‹å…ƒãŠã‚ˆã³ç”»åƒä½œè€… 入手元：Arrow, Up icon | Icon Search Engine 作æˆè€…: Kyo Tux　（ホームページ kyo-tux on deviantART） ã“れを UIImageView.image ã«è¨å®šã—ã€transformプãƒãƒ‘ティを使ã£ã¦å›žè»¢ã•ã›ã‚‹ã€‚ã“ã‚“ãªæ„Ÿã˜ã€‚ - (IBAction)start:(id)sender { self.imageView.transform = CGAffineTransformMakeRotation(0); [UIView animateWithDuration:0.2 animations:^{ self.image
![Cocoaã®æ—¥ã€…: [iOS] transform を使ã£ãŸç”»åƒã®ãŠæ‰‹è»½å›žè»¢ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³](https://cdn-ak-scissors.b.st-hatena.com/image/square/a793f8b6f9887e8f12ea5a1dd20c3f91a0ebf47c/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEj5aQOMs1J02Q69T7JKr7wqYZcv3GAg9ndNGaSg5YyJyiUGN14EQl7j4f0chVIGBW7W626C-XBitw2mgd6lEsZmIh9_-wqEMvyY0rh8ua_-WhwOXGISEIjkR7W-bUkxNr6y-EoGiuO3v9KF%2Fs1600%2F110706-0007.jpg)
Cocoaã®æ—¥ã€…: Core Animation - ç”»é¢æ‰‹å‰ã‹ã‚‰ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ / 手å‰ã¸ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆ
[å‰å›ž] Cocoaã®æ—¥ã€…: Core Animation - ç”»åƒãŒé ãã‹ã‚‰è¿‘ã¥ã„ã¦ãã¦ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã™ã‚‹ [2]手直㗠å‰å›žã®ã‚³ãƒ¼ãƒ‰ã‚’改良ã—ã¦ã€ç”»é¢æ‰‹å‰ã‹ã‚‰ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã™ã‚‹ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã—ã¦ã¿ã‚‹ã€‚ãã®é€†ã«ç”»é¢æ‰‹å‰ã¸ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã•ã›ã‚‹ã€‚ãã†ã€Dashboardã®ã‚ˆã†ãªå‹•ã。 サンプル実行 ã¾ãšã¯å‹•ä½œã‹ã‚‰ã€‚ã“ã‚“ãªæ„Ÿã˜ã€‚ ボタンを押ã™ã¨é€†ã«å®Ÿå¯¸å¤§ã®çŠ¶æ…‹ã‹ã‚‰å¾ã€…ã«æ‹¡å¤§ãŒå§‹ã¾ã‚Šã€ç”»é¢ã®æ‰‹å‰ã¸ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã™ã‚‹ã€‚ 実装 å‰å›žã®å‡¦ç†ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãŸç®‡æ‰€ã‚’メソッドã¨ã—ã¦åˆ‡ã‚Šå‡ºã™ã€‚ #define DURATION 0.5 - (void)animateFadeInOut:(BOOL)flag { CGFloat zPositionFrom = flag ? -1000 : 0; CGFloat zPositionTo = flag ? 0 : -1000; CGFloat o
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - neror/CA360: Core Animation iOS example code. Lots of it.
{{#tags}}- {{label}}
{{/tags}}