Technical Q&A QA1673: How to pause the animation of a layer tree
Q: How do I pause all animations in a layer tree? A: In order to pause animations in a layer tree, you can take advantage of the fact that a CALayer conforms to the CAMediaTiming protocol. The CAMediaTiming protocol defines, among other things, a speed with which its timeline progresses, which you can use to pause all animations on the target layer. Listing 1 demonstrates how you can do this. List
Custom property animation with actionForKey: how do I get the new value for the property?
In a CALayer subclass I'm working on I have a custom property that I want to animate automatically, that is, assuming the property is called "myProperty", I want the following code: [myLayer setMyProperty:newValue]; To cause a smooth animation from the current value to "newValue". Using the approach of overriding actionForKey: and needsDisplayForKey: (see following code) I was able to get it to ru
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
Custom Transitions Using View Controllers - Qiita
参考: Custom Transitions Using View Controllers - WWDC2013 session 218 サンプル: github/335g/CustomTransitionSamples iOS Advent Calendar 2013 13日目担当の@335gです。 個人的事情で11月ぐらいからようやく触り始めたiOS7。色々新しい事は増えてるみたいですが、WWDCの時から気になってたのが今回のテーマ「Custom Transitions」です。ベータ版のカレンダーをいじりながらどうやるんだろうなんて妄想したものです。 はじめに まずはざっくり説明します。その後、いじっててはまった落とし穴的ビックリ！ポイントをシェアします。これからチャレンジする方がこの落とし穴にはまらず進めるようになれば幸いです。触り始めて少ししか経ってないので間違いがあるかもしれませ
[iOS]画面遷移のアニメーションをカスタムする
ベトナムで開発を始めてはや４ヶ月目、田中です。 iOS7から追加されたUIViewControllerAnimatedTransitioningとUIViewControllerTransitioningDelegateの２つのプロトコルを使用して画面遷移のアニメーションをカスタムする方法を紹介します。 このようにいつものスライドして遷移するのではなく、好きなアニメーションで画面を遷移させることができます。 ViewController.m #import "ViewController.h" #import "AnimationController.h" @interface ViewController () <UIViewControllerTransitioningDelegate, UINavigationControllerDelegate> { AnimationContro
![[iOS]画面遷移のアニメーションをカスタムする](https://cdn-ak-scissors.b.st-hatena.com/image/square/64fb667c06e43fce9b74ad44d063f7e6b3657877/height=288;version=1;width=512/https%3A%2F%2Fseesaakyoto.up.seesaa.net%2Fimage%2Ftransition1.jpg)
Apps
Inspiring growth through innovative app experiences and digital products We deliver high-profile, can’t fail applications for a variety of clients and industries. With a focus on mobile applications for handsets and tablets, native development is our specialty while we also have in-depth experience with newer, cross-platform technologies such as React Native and Flutter. We help our clients engage
[iOS 7] 簡単にできる画面遷移のカスタマイズ | Natsu note
iOS 7から、画面遷移のアニメーションをカスタマイズできるようになりました。実装はシンプルで本当に簡単です。しかし、やたらと長い（しかもイマイチ統一感のない）プロトコルをたくさん使わなくてはならないため、何となく二の足を踏んでいる方も多いのではないでしょうか。 今回は、画面遷移のカスタマイズの基本中の基本を紹介します。 関連プロトコル 画面遷移の実装には多くのプロトコルを使用します。その中で、最低限必要となるのは以下の3つです。 UIViewControllerAnimatedTransitioning（アニメーションコントローラ） UIViewControllerContextTransitioning（画面遷移コンテキスト） UIViewControllerTransitioningDelegate (画面遷移デリゲート※） （※）モーダルビュー表示の場合。ナビゲーションコントローラ
Google Search iOSのUI - ワザノバ | wazanova
http://blog.brianlovin.com/design-details-google-search-for-ios 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 32分前 Brian Lovinのこのシリーズは個人的にものすごく気にいっているのですが、UIはここまで対応するのが当然という世の中になると、それはそれで作り手側はつらいな。各タイトルをクリックするとデモ画面に遷移します。 1. The Flipping Logo 画面からカードを引き上げると、Olympicのロゴが反転して、カードが下から順にせりあがってきます。 2. Reverse Flip 上記1の反転。ロゴがくるっと回って戻る。回転が終わったタイミングとパーフェクトに合って、トップのステータスバーが隠れます。 3. Daytime
How to detect that animation has ended on UITableView beginUpdates/endUpdates?
I am inserting/deleting table cell using insertRowsAtIndexPaths/deleteRowsAtIndexPaths wrapped in beginUpdates/endUpdates. I am also using beginUpdates/endUpdates when adjusting rowHeight. All these operations are animated by default. How can I detect that animation has ended when using beginUpdates/endUpdates?
Banner Maker - Create Your Banner Online for Free | OnlyMega.com
New! Download your banners as AMP HTMLCreate animated HTML5 Banners Gif, Mp4 & Png display adsDive into the creative process without having programming skills. Onlymega is the right online web tool to start creating high quality web html5/javascript banners for Ad networks, Gif posts and covers for Facebook and Youtube, Mp4 export for Instagram. Quickly make amazing Google Ads banners, Facebook ad
UISwipeGestureRecognizer でスワイプでシュッと出して閉じるメニューのコードを公開しました – Zero4Racer PRO Developer's Blog
はじめに こんな感じの動きが、 UIGestureRecognizer (UISwipeGestureRecognizer) を使用して作れます。Apple WWDC 2011 ビデオの、Advanced Scroll View Techniques [Session 104] で説明されていた情報を元に作りました。素晴らしいセッションが公開されているので、ぜひとも多くの開発者が益を受けて欲しいと思い，ソースを公開したので、良かったらご覧下さい。 WWDCビデオから得られた情報 GitHubのソースはこちら！ tomohisa/SwipeMenu – GitHub WWDC のビデオはこちら WWDC 2011 Session Videos – Apple Developer Advanced Scroll View Techniques Session 104 です。ここでは、 UIS
CSS3アニメーションを使ったボタンホバーの12種類のかわいいエフェクト
12 fancy buttons デモはChrome, Safari, Firefoxなどのモダンブラウザでご覧ください。 12種類の中から、特に気に入ったものを下記にピックアップしてみました。 ※各CSSはエフェクトの箇所のみで、ベンダプレフィックスは省略しています。 demo 4 のアニメーション ホバーすると、上からパタッとなります。 .b04_3d_tick { perspective: 500px; perspective-origin: center top; } .b04_3d_tick div { position: absolute; text-align: center; width: 100%; height: 50px; box-sizing: border-box; padding: 10px; border: #000000 solid 1px; } .b04_
[iOS] ナビゲーションコントローラのトランジションを手軽に差し替える方法 | DevelopersIO
UINavigationControllerのトランジションエフェクトを簡単に変えたい 業務でiOSアプリ開発をやっていると、時々画面のトランジションエフェクトを全体的にデフォルト以外のものに変えてほしいという要望を頂く事があります。トランジションエフェクトの要望が局所的な場合や画面数があまり多くない場合は、個別に実装してしまっても問題ありません。しかし、画面数がそこそこあるアプリだと、UINavigationControllerで画面遷移を管理しつつ、デフォルトのPushトランジションエフェクトを置き換えてしまった方が楽です。そこで、今回はUINavigationControllerのトランジションエフェクトをデフォルトのPush以外に簡単に置き換える方法をご紹介します。 開発環境 今回の開発環境は下記の通りです。 OSX 10.8 Xcode 4.6 iOS SDK 6.1 UINav
UINavigationController のアニメーションを変更する : Objective-C プログラミング
UINavigationController で pushViewController:animated: や popViewControllerAnimated: を使ったときは、既定では、進むときには右へ、戻るときには左へ、アニメーションするようになっています。 このアニメーションのスタイルは、CATransition を使って変更することができます。 なお、UIViewController を UINavigationView を使わずにモーダル表示したいときや、そのアニメーションの設定は モーダルビュー表示時のアニメーションを変更する で紹介している方法を使用します。 CATransition を使う準備 CATransition は QuartzCore.framework を使用しているため、まずはこの機能を使用するソースファイル (.m) などに、次のようにして Quartz
Blocksを使ってUIViewアニメーション
アプリ開発。Objective-C、Flash、cocos2d、Unity、Unreal Engine 4、ライブラリ、ツール類について。 iOS 4.0 から Blocks が使えるようになって、UIView アニメーションにも Blocks が使えるようになりました。 UIView アニメーションにBlocks が使えると、とても便利なのですが、iOS 3 デバイスをサポートする関係上、なかなか使用する機会がありませんでした。 今回初めて使用してみたので、その使い方を書いてみたいと思います。 Blocks の詳細については、ドキュメントが日本語化されているので、そちらをご覧下さい。 UIView アニメーション Blocks 以前 複数のアニメーションを直列につなげて実行させたい場合、beginAnimations:context: と commitAnimations メソッドを使用
[CSS]デザインは美しく、かわいいアニメーションを備えたナビゲーションを実装するデモ
シンプルなリストを使って、アイテムがホバー時に吹き出し状にポップアップするかわいらしいアニメーションを備えたナビゲーションを実装するスタイルシートのデモを紹介します。 アニメーションもかわいくて素敵ですが、半透明のグラデーションもとても美しいナビゲーションですね。 デモは、最新のモダンブラウザでご覧ください。 Menu 実装は下記のようになっています。 HTML シンプルなリストで実装されています。 <nav> <menu> <li><a href="#">☀</a></li> <li><a href="#">✈</a></li> <li><a href="#">❄</a></li> <li><a href="#">☎</a></li> </menu> </nav> <nav class="menu2"> <menu> <li><a href="#">home</a></li> <li><
iPhone / iPad アプリのアニメーションをなめらかにするためのポイント3つ
こんにちは。開発担当の金内です。 みなさん、Sleipnir Mobile for iPhone / iPad を使っていただけているでしょうか？ 今日は Sleipnir Mobile の特徴となっている「TouchPaging」を開発したときの経験から、iPhone / iPad アプリ開発でスムーズなアニメーションを実現するためのコツをご紹介します。 タブをスワイプ操作で切り替える TouchPaging は、開発中のある段階で機能としては実現できたものの、スワイプ中のアニメーションがどうにもこうにもガクガクしていて、心地よいとは言えないものでした。はじめのうちは iPad のパフォーマンスの限界かと思っていたのですが、「いや、こんなハズじゃない」という意見が開発チームで持ち上がり、改善に向けた取り組みがはじまりました。 パフォーマンス問題なら Instruments の出番です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting... · objc.io
GitHub - cinkster/HUAnimator: Simple group of classes to demonstrate UIViewControllerAnimatedTransitioning Protocol use.
lukagabric.com
