【Swift】中二病の突然の発作に備えて、CALayerで魔法陣を描く【CoreAnimation 】 - Qiita
【Swift】中二病の突然の発作に備えて、CALayerで魔法陣を描く【CoreAnimation 】iOSCALayerCoreAnimationSwift はじめに ある日突然中二病の発作を起こしても生き延びられるようにCoreAnimationの力を借りて、iPhoneの画面上に魔法陣を描きます。 中二病とは 中二病（ちゅうにびょう）とは、中学2年生頃の思春期に見られる、背伸びしがちな言動を自虐する語。転じて、思春期にありがちな自己愛に満ちた空想や嗜好などを揶揄したネットスラング。「病」という表現を含むが、実際に治療の必要とされる医学的な意味での病気、または精神疾患とは無関係である。 出典: フリー百科事典『ウィキペディア（Wikipedia）』 魔法陣とは 魔法陣（まほうじん）とは、和製ファンタジー作品等での架空の魔術で用いられる紋様や文字で構成された図あるいは、それによって区切ら
Some Important Aspects of UIKit Performance
As we know from a Google report on micro-moments, 70 percent of people abandon an app when it takes too long to load. That’s why your app has to be smooth and slick. UIKit performance optimization is one of the major ways to ensure that. In this post, we’ll talk about how to boost UIKit performance for iOS apps (and for iOS developers too). We’ll consider the most crucial things and best practices
CALayer Tutorial for iOS: Getting Started
As you probably know, everything you see in an iOS app is a view. There are button views, table views, slider views and even parent views that contain other views! But what you might not know is that each view in iOS is backed by another class called a layer — a CALayer, to be specific. In this article, you’ll build the Layer Player app. In the process, you’ll learn: What a CALayer is and how it w
【iOS】 Core Animationまとめ - Qiita
経緯 仕事の関係で トリミングする枠を変形させて画像をトリミングできる画面や グラデーションで色が変化していくプログレスバーなどを作成する機会をいただき 今まで馴染みのなかったCore Animationを使用することになりました。 正直、CA〇〇とかCG〇〇という名前を見ると 「うっ」となってしまい苦手意識を持っていました。 あまり知識がないことから何が起きているのかがわからず 不思議な挙動に出会うと解決するのに 時間がかかるのが非常に辛く感じていました。 (今もそうですが。。。) ただ 今回調べたことでちょっと仲良くなれたのかなと感じており せっかくの機会ですので調べたことをまとめてみたいと思います。 Core Animationとは？ Appleのドキュメントによると Viewやその他の画面に表示されるような要素を アニメーションさせるために使われる グラフィックの描画やアニメーショ
【Swift】Core Graphicsで描いた図形の色をアニメーションで変更したい場合
やりたい事 ・円をCGContextFillEllipseInRectで描きたい ・描いた円の色を赤から青にだんだんとアニメーションさせたい これを実装する方法です。 こちらはダメな例。こういう風にやっても、色のアニメーションはしません。 青い円がいきなり表示されて、はい、おしまい。 import UIKit class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() var rect = CGRectMake(10, 10, 200, 200) var testView = TestView(frame: rect) self.view.addSubview(testView) UIView.animateWithDuration(1.0, delay: 0.0, o
CALayerの好きなプロパティをアニメーションさせる
iPhone 上の描画システムとして、弊社ではこれまで UIKit、OpenGL を使ってきました。 UIKit を使ったのは最初のアプリだけで、パフォーマンス上の理由からそれ以降のアプリはすべて OpenGL で描画しています。 しかし先週から開始した次のアプリの開発では、Quartz と Core Animation を使ってみています。簡単な時計アプリになる予定で、これらのフレームワークでどこまでできるかの試作段階といったところです。その中で 1 つ、詰まった点があったので紹介します。 それはというと、時計の針を描画するところまではよかったのですが、その角度を変えながらアニメーションさせるところで行き詰まったのです。CALayer の「アニメーション可能なプロパティ」 animatable properties (不透明度やサイズなどが含まれます) ならば、値を変えるだけで自動的にア
ios ViewとLayerの関係｜NEWS｜株式会社INDETAIL（インディテール）
こんにちは。 なめ橋です。 GWですね。 毎年来ているものですが、「ゴールデンウィーク」という名前の由来を調べてみました。 wikipediaによると、元々は、映画会社の取締役の方が番宣用の言葉として使い始めたのが由来なんだそうです。 「みんなで映画館に行きましょう!」ということですね。 今回はUIViewとCALayerの関係についてです。 今まで、Animationを取り上げていろいろ記事を書いてきましたが、「そもそもLayerって何？」という状態だったため、調べてみました。 まず、それぞれについて簡単に整理します。 UIView 画面に対して、描画を行うクラスです。 その他にも画面タッチに関するイベントや、レスポンダチェーンなどを取り扱います。 CALayer Veiwに描画する内容を管理するモデルオブジェクト（のようなもの）です。 ジオメトリ、コンテンツ、視覚属性などを管理しますが
anchorPoint は CALayer 配置の強力なサポーター - ShobonEngineの日記
例えば View の中心に Layer の中心を合わせたり、View の隅に Layer の隅を合わせたりしたい場合、CALayer の anchorPoint プロパティを有効活用すると便利です。 anchorPoint は 0.0 から 1.0 までの正規化座標値（デフォルトで {0.5, 0.5} ）を取り、setPosition: で Layer を配置するときの焦点を決定できます。 中央配置では、anchorPoint:{0.5, 0.5} であれば setPosition:{centerX, centerY} とすることで、{centerX - layerWidth / 2.0, centerY - layerHeight / 2.0} といった記述をしなくて済みます。 More Cocoa Programming for OS X: The Big Nerd Ranch Gu
AppleのCore Animationプログラミングガイドを読んだメモ - Qiita
Appleが提供しているプログラミングガイドは全部読んだほうがいいなーと思っています。 目下、興味のあるところから順次読み込み中。 今回は[PDF] Core Animationプログラミングガイドを読んだので、覚えておいたほうがいいところとかをピックアップし、自分なりの考察なんかを加えて書いています。 UIView／CALayerの基本構造 画面になにかを表示しようとした時、使うのはUIViewかそのサブクラスを使うのが通常です。 addSubview:メソッドなど使って階層構造を成して構築していきますね。 普通はUIViewを使えば問題ありませんが、描画のパフォーマンスやちょっとした細かい演出などをしたい場合はCALayerを利用します。 やはりどういう構造になって画面に表示されているか、を知るのは大事なことですね。 UIViewは通常、レンダリング周りを担当するCALayerクラスを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS Performance tips (I): Drawing shadows
https://juejin.cn/post/6847009772730843149
https://developpaper.com/ios-sets-corner-shadows-to-avoid-off-screen-rendering/
Getting Pixels onto the Screen · objc.io
Swift CGPathにCGAffineTransformを適用し変形する