AppleのCore Animationプログラミングガイドを読んだメモ - Qiita
Appleが提供しているプログラミングガイドは全部読んだほうがいいなーと思っています。 目下、興味のあるところから順次読み込み中。 今回は[PDF] Core Animationプログラミングガイドを読んだので、覚えておいたほうがいいところとかをピックアップし、自分なりの考察なんかを加えて書いています。 UIView／CALayerの基本構造 画面になにかを表示しようとした時、使うのはUIViewかそのサブクラスを使うのが通常です。 addSubview:メソッドなど使って階層構造を成して構築していきますね。 普通はUIViewを使えば問題ありませんが、描画のパフォーマンスやちょっとした細かい演出などをしたい場合はCALayerを利用します。 やはりどういう構造になって画面に表示されているか、を知るのは大事なことですね。 UIViewは通常、レンダリング周りを担当するCALayerクラスを
How to stop and reverse a UIView animation?
In addition to the below (in which we grab the current state from the presentation layer, stop the animation, reset the current state from the saved presentation layer, and initiate the new animation), there is a much easier solution. If doing block-based animations, if you want to stop an animation and launch a new animation in iOS versions prior to 8.0, you can simply use the UIViewAnimationOpti
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><
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting... · objc.io
GitHub - cinkster/HUAnimator: Simple group of classes to demonstrate UIViewControllerAnimatedTransitioning Protocol use.
