This content has moved; redirecting to the new location.
Types — The Swift Programming Language (Swift 4.2)
This content has moved; redirecting to the new location.
iOSライブラリをまとめてるサイトのまとめ - Qiita
暇なときに眺めてる、 iOSライブラリを見つける、検索できるサイトをまとめてみました。 眺めているだけでも、流行っているライブラリやUIが確認できるのでオススメなサイト・記事たちです。。。 ※各OSバージョンごとの、リポジトリのまとめは、紹介リポジトリが増えたので、別記事に分離しました。 各iOSバージョンで追加された新機能を速攻で試せる アプリRepository まとめ 2018年これだけは知っておきたいiOSライブラリ31選 これだけは知っておきたいiOSライブラリが紹介されています。 すごくいいです！ fantastic-ios-animation 各UIごとのアニメーションライブラリが、カテゴリー付けされてgithub上にリストアップされています。 Alert/Transition/View/LabelなどやMaterialDesignのライブラリまで、綺麗にまとまっている感じで
UIView.animateWithDurationのinitialSpringVelocityについて - Qiita
今更ですが、UIViewにiOS7で追加された、animateWithDuration:delay:usingSpringWithDamping:initialSpringVelocity:options:animations:completionの、initialSpringVelocityブロパティが何を示しているのか、Google先生も教えてくれなかったので調べました。 頑張って簡単に答えをいうと、アニメーションの初速が、 「アニメーション全体をLinearに1秒で終わらせる速度の何倍の速度か」 を示すプロパティのようです。混乱しますが、 「アニメーション全体をLinearに何秒で終わらせる速度か」 ではありません。 リファレンスを読むと、 A value of 1 corresponds to the total animation distance traversed in on
Core Graphics Tutorial: Arcs and Paths
Welcome back to another tutorial in our Core Graphics tutorial series! This series covers how to get started with Core Graphics. Core Graphics is a two-dimensional drawing engine with path-based drawing that helps you to create rich UIs. In this tutorial, you’ll learn how to draw arcs and paths. In particular, you’ll enhance each footer of a grouped table view by adding a neat arc on the bottom, a
UIViewを曲線上にアニメーションさせる方法 - Yumico’s blog
今回は半径分だけアニメーションさせて見ます。 まずは全コードを。。 開発環境：Xcode8 + swift3 スタートボタンのイベントはIBかストーリーボードで設定して繋げてください。 import UIKit class CurveAnimationViewController: UIViewController { let animateView: UIView = UIView() let viewSize: CGFloat = 100.0 let curcleRadius: CGFloat = 150.0 let duration: TimeInterval = 0.5 var isDownView: Bool = false override func viewDidLoad() { super.viewDidLoad() animateView.frame = CGRect(x
普段何気なく見ているiOSアニメーションからアプリのUXを考えてみよう！ | Adobe Blog
ユーザーが迷うこと無く自然に操作できるようにユーザーインターフェース（UI）をデザインすることは、簡単なように見えてとても難しいことです。この連載では、まず普段使い慣れたiPhoneの基本的なUIアニメーションや画面遷移を見ていきます。何気ないアニメーションに隠れた意味や効果を知ることは、これから作るアプリのUX（ユーザー体験）のヒントになるはずです。今回は、iOS標準アプリに使われているアニメーションを紹介します。 アプリ内アニメーションの重要性とは 近年、モバイルアプリやWebサイトのUIデザインは平面的な表現が特徴のフラットデザインが主流となって、静的なデザインだけでは直感的に使いやすいUIを作ることが難しくなってきています。使いやすく楽しいアプリケーションを作るためには、トランジションやアニメーションを効果的に取り入れることが重要です。 また、フラットな
[iOS9]CASpringAnimationについて - Qiita
springAnimation.fromValue = [NSValue valueWithCGPoint:CGPointMake(beforeX, beforeY)]; // 始点 springAnimation.toValue = [NSValue valueWithCGPoint:CGPointMake(afterX, afterY)]; // 終点 springAnimation.removedOnCompletion = NO; springAnimation.fillMode = kCAFillModeForwards; springAnimation.delegate = self; [self.hogeView.layer addAnimation:springAnimation forKey:@"move-layer"]; この場合、 fromValueがばねを伸ばした状
![[iOS9]CASpringAnimationについて - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d664f8aaeacad0d8e6388602d8c05750d368ee75/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNzEyNTklMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTg3NjE_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9MzMzOWU2NTQ5NGNmZjYyN2NhNTkwYjU3NjJhYTEyMzE%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D4b731836a7a575884ebd77bd39d99feb%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCaU9TOSU1RENBU3ByaW5nQW5pbWF0aW9uJUUzJTgxJUFCJUUzJTgxJUE0JUUzJTgxJTg0JUUzJTgxJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MzliYzU1MjU3MWE1Y2FmODRmNzAyZThiNDU0MThlYWM%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrYXdheSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTllMmQ1ZTljYTQyYTViNTY4NDYwMDQ1ZTE4ZTVkZWZk%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D877a06b358fb65e3be113ee92aef2600)
Core Animation 中級編 - Qiita
8/19担当、Qiita初投稿の@inamiyです、こんにちは。 今回は、iOS/OSXアプリのUXの根幹である「Core Animation」について、 ハマりやすい点や、意外と知られていないtipsなどについて書きたいと思います。 アニメーション完了時のコールバック Delegateでif分岐しながら処理する方法もありますが、 [CATransaction setCompletionBlock:]を使う方が、より見通しの良いコードになります。 問題は、アニメーションが正常終了したかどうかのfinishedフラグがないという点ですが、 下記のようなコードを書くと、上手く判別できます。 [CATransaction begin]; [CATransaction setCompletionBlock:^{ CAAnimation* animation = [layer animationFo
[iOS]CoreAnimationでお手軽にシーケンシャルなアニメーションを実装する - Qiita
はじめに 説明すること アニメーションを順次再生するのに便利っぽいカテゴリを作ったので、そのご紹介をしつつシーケンシャルなアニメーションをどう実装するかについて説明します。 説明しないこと ここではCoreAnimationとかCABasicAnimation自体の説明はしてないので、そもそもアニメーション自体どうやって実装するの？って場合はまず以下の様な記事を読んでみると参考になると思います。 Objective-Cでアニメーションまとめ http://qiita.com/edo_m18/items/8064a9c0102aac5ab415#2-4 Core Animation 中級編 http://qiita.com/inamiy/items/bdc0eb403852178c4ea7 beginTimeを良きにはからってくれるやつを作った 結論から言うと、CABasicAnimatio
![[iOS]CoreAnimationでお手軽にシーケンシャルなアニメーションを実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/224dee40a974736e491da4665e76d2d02fd51bbb/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCaU9TJTVEQ29yZUFuaW1hdGlvbiVFMyU4MSVBNyVFMyU4MSU4QSVFNiU4OSU4QiVFOCVCQiVCRCVFMyU4MSVBQiVFMyU4MiVCNyVFMyU4MyVCQyVFMyU4MiVCMSVFMyU4MyVCMyVFMyU4MiVCNyVFMyU4MyVBMyVFMyU4MyVBQiVFMyU4MSVBQSVFMyU4MiVBMiVFMyU4MyU4QiVFMyU4MyVBMSVFMyU4MyVCQyVFMyU4MiVCNyVFMyU4MyVBNyVFMyU4MyVCMyVFMyU4MiU5MiVFNSVBRSU5RiVFOCVBMyU4NSVFMyU4MSU5OSVFMyU4MiU4QiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NjVjYjYwYzUwZTYyNGViYTFkZGZhZDFmZDBkMWNiMGY%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrYXp1MDYyMCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9Y2U2Njg3MjUyMGM1MzhmNzFkZGM0NDQzYjczOGI3NjY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Df8aa65f0f89a36fb2a92bdbaa3b693d0)
iOS で SceneKit を試す(Swift 3) その2 - SceneKit の中身 - Apple Engine
iOS の描画はざっくり説明すると、 3D 描画のライブラリの上に Core Graphic や Core Animation などが使用され表示しアプリの見た目ができている。 以下、WWDC 2015 の資料より抜粋し修正。 3DCG を描画する SceneKit の中身は、 Core Graphic と並列処理を行う SIMD の命令、 ローレベルの API のいずれかと、 サービスの Model I/O でできている。 APIの説明 ローレベル API 名称 説明 Metal (MetalKit) Apple 版 DirectX。 Apple 製品でしか動かないためハードとのオーバーヘッドが少なく、CPU オーバーヘッドを少なく設計され、CPUとGPUでメモリが共有が行われている。 C++11 ベースの Metal シェーダーは事前コンパイルされて実行される。GLSL も変換して使用
Swiftでアニメーション[CoreAnimation編] - Qiita
Swiftでアニメーションを実装する手順について、紹介していきます。 Swiftでアニメーションする方法として、UIKitのクラスメソッドをつかった方法とカスタム性の高いCoreAnimationクラスを使う方法があります。 今回は、CoreAnimationを使う方法を紹介します。 こちらも参考に iOSアプリ初心者が覚えておきたい10のUIクラス 売れるiOSアプリが作れるようになるおすすめの本８選 SwiftでViewを操作する SwiftでViewControllerを使う Swiftでジェスチャーの追加 ##CoreAnimation CoreAnimationは、UIKitアニメーションほど直感的ではなくアニメーションをプロパティの設定によって細かく設定できるようになっています。そのため、UIKitのときより難しい感じはありますが軽量かつ細かなアニメーションが可能になっています
![Swiftでアニメーション[CoreAnimation編] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b941355628b504d6e63a776cc0641d7e1be611f7/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9U3dpZnQlRTMlODElQTclRTMlODIlQTIlRTMlODMlOEIlRTMlODMlQTElRTMlODMlQkMlRTMlODIlQjclRTMlODMlQTclRTMlODMlQjMlNUJDb3JlQW5pbWF0aW9uJUU3JUI3JUE4JTVEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz03YmE2ZjEyZTQ5NzMwMDYwMDYyNGViYjA0NDI4ZDdlZQ%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBoX25hZ2FtaSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTU5NjFjZjNmNjI3MTU5NDkxNzk3NGUzMGNmZjQ3M2U%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dbddaad69fba84404ad9cc98059a0b508)
[swift] 画像の回転アニメーション - Bluebear I/O: 技術備忘録
UIImageを回転アニメーションさせたい時は以下のコードを実装 @IBOutlet var imageUIImageView! override func viewDidLoad() { super.viewDidLoad() let layer:CALayer = image.layer let animation:CABasicAnimation = CABasicAnimation(keyPath: "transform.rotation") animation.toValue = M_PI / 2.0 animation.duration = 0.5 // 0.5秒で90度回転 animation.repeatCount = MAXFLOAT; // 無限に繰り返す animation.cumulative = true; // 効果を累積 layer.addAnimation(
![[swift] 画像の回転アニメーション - Bluebear I/O: 技術備忘録](https://cdn-ak-scissors.b.st-hatena.com/image/square/b57580863da8f23072d9d20eb35e9959bf275fcd/height=288;version=1;width=512/https%3A%2F%2Fblue-bear.jp%2Fkb%2Fwp-content%2Fuploads%2F2021%2F05%2Flogo_150x150.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Swift / デザインパターン の記事一覧 | DevelopersIO
CAKeyframeAnimation | Apple Developer Documentation
http://swift-studying.com/blog/swift/?p=1177
Property-Based Animations
http://swift-studying.com/blog/swift/?p=1158
Objective-C 2.0プログラミング言語
3streamer.net
CoreAnimationでカスタムのEasing Functionを使う - Qiita
