Cocoaの日々情報局

Bezier path の解説ほか。わかりやすい。

iOS6から用意されたUIRefreshControlの形を題材にして Bezier pathを使って描く方法を解説。





Bezier path のまめ知識。わかりやすい。


Bezier 以外にも CoreGraphics系の基礎知識をひと通り解説。

「くりぬき」もわかりやすかった。


そのほか、「角の処理」や「破線」「端の処理」「クリッピング」「ブレンド」など。
さらに「座標計算」「接線の角度」「パスの変換（アフィン変換）」「ヒットテスト」「パスの分割」まで。

CoreGraphicsの基礎をひと通り知るには良いスライド。

This post is archived under Core Graphics

パスをつないで吹出しを描画。順を追って丁寧に説明されていてわかりやすい。

CoreGraphics描画のコントロールは拙作ですがこんなのもあります。

lakesoft/LKPopupMenu

EverGearで使ってます、というかこのアプリ用に作りました。
画像を入れたり色を変えたりアニメーションを選べたりします。

ライセンスは MIT。※ドキュメントなし（作成中）。

lakesoft/LKNumberPad

これも EverGear用に作った。コードは汚い...。下記に解説あり。

ライセンスは MIT。※ドキュメントなし（作成中）。

This post is archived under Core Graphics

こんな感じでUIButtonのラベルをぼんやりと輝かせることが簡単にできる。

必要なのは次のコード。コピペすれば即対応できる。

実際には UILabelのCAレイヤーに設定を行っているので UILabelを利用している箇所ならどこでも対応できる。

Xcode4のスニペットに入れておけば表題のように５秒以内に対応可能（たぶん）。

This post is archived under Core Graphics, テクニック

このデザインはかなりカッコいい。

このチュートリアルの面白いところは画像は使わず、斜め線や立体感もすべて Core Graphics で描画しているところ。参考になる。

Core Graphics描画派(？)は必読。

This post is archived under Core Graphics, チュートリアル

Core Grapchis を使って PDFを作成する連載の２回目。今回は画像の描画と表組みの描画。

成果物はこんな感じ。

このチュートリアルでユニークなのはPDFのレイアウトに Interface Builder を使っているところ。Interface Builder上に UIViewを作り、下図のようにラベルや画像を配置し、これをプログラムで（subviewsで）読み取ってPDFのコンテキストへ書き出している。

This post is archived under Core Graphics, チュートリアル

セルの下側の弧の部分をPhotoshop等の作図ではなく Core Graphics で描く。

どうやるかというと画面をはみ出すとても大きな円を考えて、その上の一部を切りだして描いている。

数学の公式を活用するなど面白いアイディアが色々と盛り込まれている。Core Grapchis 描画派（？）は必読。

This post is archived under Core Graphics, テクニック

肝の部分はこのあたり。
UIGraphicsBeginPDFContextToFile でPDFファイルへの書き出しを宣言して、後は Core Graphicsや Core Textの関数でグラフィックコンテキストへ描画していく。

This post is archived under Core Graphics, チュートリアル

CALayer を使った影のつけ方。-[CALayer setShadowPath:] でパスを渡すと影の形を自由に制御できる。

shouldRasterrize = YES とするとパフォーマンス的に有利（らしい）。

This post is archived under Core Graphics

Core Graphicsで実現しているので画像は不要。
jasonmorrissey/JMNoise - GitHub

This post is archived under Core Graphics, ライブラリ