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
[Android] 文字をなめらかに点滅させる - Qiita
完成イメージ VISIBLE/INVISIBLE でなく、フェードさせてなめらかに点滅させます。 （GIFアニメのループの都合で点滅タイミングが若干乱れていますが実際は等間隔で点滅します） 実装 private Handler mHandler = new Handler(); private ScheduledExecutorService mScheduledExecutor; private TextView mLblMeasuring; private void startMeasure() { /** * 点滅させたいView * TextViewじゃなくてもよい。 */ mLblMeasuring = (TextView) findViewById(R.id.lbl_measuring); /** * 第一引数: 繰り返し実行したい処理 * 第二引数: 指定時間後に第一引数の処
![[Android] 文字をなめらかに点滅させる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/7650d131a4fb9eec93ae9856acad543ff3561773/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCQW5kcm9pZCU1RCUyMCVFNiU5NiU4NyVFNSVBRCU5NyVFMyU4MiU5MiVFMyU4MSVBQSVFMyU4MiU4MSVFMyU4MiU4OSVFMyU4MSU4QiVFMyU4MSVBQiVFNyU4MiVCOSVFNiVCQiU4NSVFMyU4MSU5NSVFMyU4MSU5QiVFMyU4MiU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NTAyZWE4NTQ3Y2Y4Zjk4NzMyYzgxNGQ4MTFjMGZiMjE%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwQWJlSGFydWhpa28mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWZiZmU5ZGI3OGEzZjQ4ZjdmYTlhZTg2YzgwODFiMTJk%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D37f76af487398e0b35ad204bcc22a6dc)
[iOS 7] お手軽になったキーフレームアニメーション！ | DevelopersIO
iOS 7からUIKitにキーフレームアニメーションが加わった！ iOS6まではキーフレームアニメーションを実現するにはUIKitによるアニメーションよりちょいと複雑なCore AnimationのCAKeyframeAnimationを使っていましたが、iOS 7からUIKitだけでキーフレームアニメーションが実装できるようになりました！ UIKitによるアニメーション vs Core Animation まず、UIKitによるアニメーションとCore Animationで何が違うのかをおさらいしておきましょう。 UIKitによるアニメーションは、Core Animationを直接実装するよりも比較的簡単です。以下のサンプルコードを見てみましょう。 以下のコードはビューの背景色を徐々に赤から青に変更するアニメーションをそれぞれ実現しています。 // UIKitによるアニメーション [UI
![[iOS 7] お手軽になったキーフレームアニメーション！ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/5771c24e024f12a499edf770981086568ca369b4/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fios7_logo_api.png){kind=logo}
変なInterpolatorの使い方 - Qiita
どうも､@amyu_sanです｡ 本稿はDroidKaigi2016にCFPで出した内容の一部書き出しとなります｡ お断り Interpolatorの解説は一切しないため､Interpolatorは何かを知りたい場合には全く役に立ちません｡ Interpolatorを知りたい場合はググっていただくか､ Android Animations Tutorial 5: More on Interpolators Interpolatorを作ったリッチなViewのAnimation などなどをぜひご参考ください｡ また､本稿の最後に今回作ったViewのサンプルコードを公開したGithubへのリンクを貼っておきます｡ そのため､コードを一部抜粋して解説します｡ 今回作るもの recruit-lifestyle/WaveSwipeRefreshLayoutの円が落ちた時にバウンドするAnimation
AppleのCore Animationプログラミングガイドを読んだメモ - Qiita
Appleが提供しているプログラミングガイドは全部読んだほうがいいなーと思っています。 目下、興味のあるところから順次読み込み中。 今回は[PDF] Core Animationプログラミングガイドを読んだので、覚えておいたほうがいいところとかをピックアップし、自分なりの考察なんかを加えて書いています。 UIView／CALayerの基本構造 画面になにかを表示しようとした時、使うのはUIViewかそのサブクラスを使うのが通常です。 addSubview:メソッドなど使って階層構造を成して構築していきますね。 普通はUIViewを使えば問題ありませんが、描画のパフォーマンスやちょっとした細かい演出などをしたい場合はCALayerを利用します。 やはりどういう構造になって画面に表示されているか、を知るのは大事なことですね。 UIViewは通常、レンダリング周りを担当するCALayerクラスを
iOS10からのAnimationがいい感じ！ - Qiita
こんにちは。現在Standard Cognition（ https://standard.ai )というSFにある会社でSoftware Engineerをやっている原健太です(Twitterアカウント) WWDC16で、iOS10から使えるアニメーションに関する新しい発表がありました。 動的なアニメーションの追加や、一時停止など、柔軟にいろんな事ができるようになっていたので、紹介したいと思います！ 従来のアニメーション まず、従来のアニメーションは、こんな感じで書いていたかと思います。 UIView.animateWithDuration(2.0, delay: 0, options: .CurveEaseInOut, animations: { // animation }) { _ in // completion }
[iOS 8] CABasicAnimation で月面宙返り | DevelopersIO
内村航平選手 5連覇おめでとうございます！ 体操世界選手権見てました。とても良かったです。 私も体操に触発されて、ムーンサルトのアニメーション作っちゃいました。 ムーンサルト この技は、「後（前）方二回宙返り一回ひねり」で、塚原光男がトランポリンの技「ハーフインハーフアウト」（後方1回宙返り1/2ひねり＋前方1回宙返り1/2ひねり）に想を得て編み出し、1972年（昭和47年）のミュンヘンオリンピック団体の自由演技で鉄棒の下り技として発表したのが最初である。 Wikipedia より というわけで、「後方二回宙返り一回ひねり」を CABasicAnimation で実現します。 CABasicAnimation は layer のプロパティに対して、基本的なシングルキーフレームアニメーション機能を提供します。 リファレンス より 今回は CABasicAnimation をグループ化して、複
![[iOS 8] CABasicAnimation で月面宙返り | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/34de6d57437c5cfc77b749f99e4483a7a1702539/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fios81.png)
CoreGraphicsコードをSwift 3.0に変換する
Xcode 8.0が登場しました。 旧プロジェクトをXcode 8.0で開くと、Swift 3.0(あるいはSwift 2.4)に変換するよう促すダイアログが出現しました。 CoreGraphicsコードをSwift 3.0への自動コンバートにかけたところ、変換されない部分が残りました。 let pathRef = CGMutablePath() CGPathMoveToPoint(pathRef, nil, 20, 0) CGPathAddLineToPoint(pathRef, nil, 200, 0) CGPathAddCurveToPoint(pathRef, nil, 205.523, 0, 210, 4.435, 210, 10) CGPathAddLineToPoint(pathRef, nil, 210, 122) CGPathAddCurveToPoint(pathRef
Android で Path を animation させるには - CORDEA blog
android で線を引くようなアニメーションを行う方法について リポジトリはこちらですgithub.com とりあえず今回は四角形を描きます public class PathAnimationView extends View { private Path mPath; private PathMeasure mMeasure; public PathAnimationView(Context context) { super(context); init(); } public PathAnimationView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public PathAnimationView(Context context, AttributeSet attrs, int
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
素人からAndroidアニメーションの面白さを発見しよう - Qiita
この記事は リクルートライフスタイル Advent Calendar 2016 の19日目の記事です。 はじめに こんにちは。ホットペーパグルメでアンドロイド開発を担当しているビン（Bing）です。中国出身で本名は朱冰凝（シュヒョウギョウ）ですが、名前の発音が難しくて自分も読みづらいのでビン（Bing）と読んでくれたら嬉しいです。 捜索エンジンBingと関連がありませんけど…w 今回は私の初めての日本語ブログです。日本語でも技術についてでも、気兼ねなくコメントをくださいm(= =)m。 最近アニメーションをホットペッパーアプリに追加したら、アプリの温度感が凄く良くなった気がしています。 それで、Androidアニメーションでなにができるか、なんの面白い機能があるのかを調査したので、説明して行きたいと思います。 一般的にAndroidアニメーションはView AnimationとProper
Animatable Properties
Animatable PropertiesMany of the properties in CALayer and CIFilter can be animated. This appendix lists those properties, along with the animation used by default. CALayer Animatable PropertiesTable B-1 lists the properties of the CALayer class that you might consider animating. For each property, the table also lists the type of default animation object that is created to execute an implicit ani
AndroidでAnimatorSetをRepeatするときの注意点 - Qiita
ちょっとハマったのでメモ。 AnimatorSetをリピート Androidで xmlのAnimatorを定義する際、<set> タグの属性でrepeatさせることができない。 なので通常は以下のように繰り返し再生する。 animator.addListener(object : Animator.AnimatorListener { override fun onAnimationRepeat(animation: Animator?) { } override fun onAnimationStart(animation: Animator?) { } override fun onAnimationCancel(animation: Animator?) { } override fun onAnimationEnd(animation: Animator?) { animation
iOSでアニメーションを行う方法
こんにちは。 なめ橋です。 札幌ではようやく雪が溶けてきました。 今年は去年より雪解けが早いような気がします。 Core CATransactionを使ったアニメーションの方法 前回に引き続き、第二回目もiOSのアニメーションに関してです。 今回はCore Animation、中でもCATransactionを使ってアニメーションを実現したいと思います。 プロジェクトファイルは前回使用したものを引き続き使用致します。 CALayerについて Core Animationを使うにはCALayerを用います。 CALayerについては私自身まだよく理解していない為、今のところはViewの元になっているものと考えてください。 CALayerに関しては、しっかり勉強してから記事にしようと思います。 まずは、AnimationViewController.mファイルにCALayerクラスの変数を宣言
Path アニメーション その１ - Qiita
pathを使ったアニメーションを試してみました。 作ったのは読み込み中などに動くアニメーションのようなもの。 ちょっとgifはかくかくしてますが、実際は滑らかに上からぐるぐると延々と回ります。 大雑把な作り方として 背景として円を描写 func backViewImage() -> UIImage { var size = CGSize(width: self.view.bounds.width, height: self.view.bounds.height) UIGraphicsBeginImageContext(size) var context = UIGraphicsGetCurrentContext() CGContextSaveGState(context) var cyclePath : CGMutablePathRef = CGPathCreateMutable() va
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
[iOS10] UIViewPropertyAnimatorによるアニメーション | DevelopersIO
1 はじめに iOS 10 で新しく追加されたUIViewPropertyAnimatorによって、アニメーションロジックを簡単に記述することが可能になりました。 今回は、この記述要領について、覚書として纏めてみました。 なお、UIViewPropertyAnimatorについては、既に、ここDevelopers.IOで紹介されていますので、クラス構造や、全機能の体系については、下記を御覧ください。 [iOS 10][UIKit] 新しく加わった動的なアニメーション実装の方法とその周辺解説 2 Initializing a Property Animator (1) 最も単純なアニメーション ビューの中心位置を変更するアニメーションです。 let animator = UIViewPropertyAnimator(duration: 2.0, curve: .linear){ kao.ce
![[iOS10] UIViewPropertyAnimatorによるアニメーション | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf4a0dd376b0a2fd49b646cbe9847ff1d8b2f9b0/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2016%2F09%2Fios10_400x400.png)
[iOS] SwiftでCore Animationしたい « きんくまデザイン
こんにちは。きんくまです。 早いものでもう12月です。本年も大変お世話になりました、ありがとうございました。 、、って、まだ1年を締めるにはまだ早いか！ さて、今回はSwiftでCore Animationしたいです！ できたもの マスクつきとか、ディレイとかいろいろ試してみました。 あと、Auto Layoutでうまくいくかわからなかったので、そのあたりもためしてみました。 赤い四角は画面のサイズに応じて画面の下端から浮かびあがるようにして、水色のところは真ん中から円形マスクで見えるようになります。 イージング アニメーションといえばイージングが肝心かなめ！ というわけで以前にObjective-Cでイージングの記事を書いたことがあったのですが、それをSwiftにも移植してみました。 以前の記事 >>[iOS] Core AnimationのCAMediaTimingFunctionでR
![[iOS] SwiftでCore Animationしたい « きんくまデザイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/ab7cec025036a08c9e8fb2f58d8a351cad372ec2/height=288;version=1;width=512/http%3A%2F%2Fwww.kuma-de.com%2Fwp%2Fwp-content%2Fuploads%2F2014%2F12%2Fcore_anim.gif)
普段何気なく見ているiOSアニメーションからアプリのUXを考えてみよう！ | Adobe Blog
ユーザーが迷うこと無く自然に操作できるようにユーザーインターフェース（UI）をデザインすることは、簡単なように見えてとても難しいことです。この連載では、まず普段使い慣れたiPhoneの基本的なUIアニメーションや画面遷移を見ていきます。何気ないアニメーションに隠れた意味や効果を知ることは、これから作るアプリのUX（ユーザー体験）のヒントになるはずです。今回は、iOS標準アプリに使われているアニメーションを紹介します。 アプリ内アニメーションの重要性とは 近年、モバイルアプリやWebサイトのUIデザインは平面的な表現が特徴のフラットデザインが主流となって、静的なデザインだけでは直感的に使いやすいUIを作ることが難しくなってきています。使いやすく楽しいアプリケーションを作るためには、トランジションやアニメーションを効果的に取り入れることが重要です。 また、フラットな
UIViewAnimationOptionsの定義から同時に指定できるオプションを理解する。 - Swift Alchemist
はじめに UIViewAnimationOptionsについて 現在アニメーションについて勉強中なのですが、iOSにはUIViewAnimationOptionsという便利なものがあります。 これはOptionを指定するだけでかっこいいアニメーションを自動でしてくれるものです。 例えばTransitionCurlDownを指定するとremoveFromSuperview()に対して以下のようなアニメーションを付けてくれます。 これは以下のように実装することで使えます。 import UIKit class ViewController: UIViewController { var container: UIView! var redView: UIView! var blueView: UIView! override func viewDidLoad() { super.viewDid
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Android】金額フォーマット（3桁ごとにカンマを表記） - Qstairs
CAKeyframeAnimation | Apple Developer Documentation
http://swift-studying.com/blog/swift/?p=1177
Android Animation Tutorial with Kotlin
Property-Based Animations
http://swift-studying.com/blog/swift/?p=1158
Objective-C 2.0プログラミング言語
Swiftでくるくる落ちるアニメーション
adakoda.com
3streamer.net
CoreAnimationでカスタムのEasing Functionを使う - Qiita