Core Graphicsチュートリアル: 曲線とレイヤーPart2 | Ray Wenderlich
このチュートリアルは次の言語で閲覧可能です: 英語こちらはCore Graphicsチュートリアル: 曲線とレイヤーからの続きとなります。 アプリを完成させよう！ おめでとうございます！ここまで、やっちゃいましたね！後少し手を加えて完成させちゃいましょうね。感情に合わせて背景色を変化させるにはskyにそれらを反映させる必要があります。感情の変化の値はSkyViewクラスに渡されているので、以下の様に変更して下さい: drawSkyInRectメソッドを以下に置換えて下さい: -(void) drawSkyInRect: (CGRect) rect forMode: (NSInteger) mode inContext: (CGContextRef) context withColorSpace: (CGColorSpaceRef) colorSpace { UIColor * baseCo
Core Graphicsチュートリアル: アークとパスの描画
Update アップデート4/17/2013 Xcode4.6、及びARCに対応しました。(オリジナル投稿者:Ray Wenderlichアップデート投稿者：Brian Moakley)。 このチュートリアルは初めての”Core Graphics”シリーズ第３弾、実践的なプロジェクトを例に”Core Graphics”を学びましょう! シリーズ・パート１では、Table Viewのセルの背景をカスタマイズする事で線の引き方と長方形、グラデーションの作成方法を学びました。 In the シリーズ・パート２では、Table Viewのセルの”header”をカスタマイズする事で、影とグロスエフェクトの作成方法を学びました。 このチュートリアルでは”footer”と少しのスパイスを加える事でTable Viewを完成させます。加えて”アーク(円弧）”の描画と”クリップ”や”パス”を使う方法を学び
Core Graphicsチュートリアル: 影と光沢の効果
アップデート4/16/2013 Xcode4.6、及びARCに対応しました。(オリジナル投稿者：Ray Wenderlichアップデート投稿者：Brian Moakley)。 このチュートリアルは実践的な”Core Graphics”チュートリアル•シリーズの第２回目となります。 The シリーズ、パート１ のチュートリアルでは、Table View Cellの背景色を作成する事で、線と四角形とグラデーションの描画を勉強しましたね。 今回のチュートリアルではTable Viewの”header”のカスタマイズに移りたいと思います。今回学ぶ事は前回のチュートリアルで学んだ知識をより強固なものにして影の描写と”グロス•エフェクト”になります。 もし必要なら前回のチュートリアルのサンプルプロジェクトをダウンロードしてください。 それでは、始めます！ Table Viewカスタマイズの次なるステッ
Core Graphicsチュートリアル: 線、長方形、そして グラデーションの描画
アップデート4/15/2013 Xcode4.6、及びARCに対応しました。(オリジナル投稿者：Ray Wenderlichアップデート投稿者：Brian Moakley)。 “Core Graphics”はiOSに於いて非常に優れたAPIなんです。これを使う事によってもの凄くカッコ良くUIをカスタマイズする事が出来るんです。これが使える様になれば、グラフィック担当のアーティストなんか必要なくなります。 でも、多くのiOS開発者が、何故か”Core Graphics”に対して最初は威圧感を感じます。それは、あまりに広大なAPIであるという事と、開発途中に思わぬ障害に巻き込まれる事があるからです。 これは、チュートリアルですから、”Core Graphics”に対して多くの開発者が感じるちょっとだけ取っ付きにくい感を、これから一緒に作成するプロジェクトを通して払拭して行きたいと思います。まず
Core Graphicsチュートリアル: パターン
Create a cool grip pattern effect with Core Graphics! アップデート4/19/2013Xcode4.6,ARCに対応しました。 (オリジナルのチュートリアルはRay Wenderlich氏によって執筆されました。このチュートリアルはBrian Moakley)氏によりアップデートされました。 “Core Graphicsチュートリアルシリーズ”へようこそ！このチュートリアルシリーズは入門編として比較的実践向けの例を使って学習して行きたいと思います。 シリーズパート1、パート２、そしてパート３では最初から最後まで”Core Graphics”のみを使用して”Table View”をカスタマイズして行きました。 そしてパート４では”Glossy”な”UIButton”を”Core Graphics”のみを使って作りました。 このチュートリアル
Core Graphicsチュートリアル: グロス(光沢効果)・ボタンの作成
アップデート4/18/2013 Xcode 4.6、及びARCに対応しました。 (このチュートリアルのオリジナルはRay Wenderlich 氏によって執筆され、Brian Moakley氏によってアップデートされました。) “Core Graphicsチュートリアルシリーズ”へようこそ。このチュートリアル•シリーズは”Core Graphics”をこれから初めて使う方の為に実践的なプロジェクトを作成する過程で”Core Graphics”を知っていただく為の物です。 チュートリアルパート1、パート2、そしてパート3ではTable Viewのカスタマイズを”Core Graphics”だけを使って行いました。 今回のチュートリアルでは別の題材を使って勉強したいと思います。今回の題材は、、、”UIButton”のカスタマイズです。 このチュートリアルを通して学ぶ事は、”Round Rect
Core Graphicsチュートリアル: 曲線とレイヤー
このチュートリアルはBrian Moakley氏によって執筆されました。氏はiOS開発者、フィクション作家だけでなく、Razewareの最初のフルタイムメンバーでもあります。Google+やTwitterからどうぞ。 “Core Graphics”チュートリアル・シリーズへようこそ！ 実践的なプロジェクトを例に”Core Graphics”を学びましょう! チュートリアルパート１、 パート２、 そしてパート３では全くのゼロから”Core Graphics”だけでTable Viewのカスタマイズ方法を学びました。 チュートリアルパート４では”Core Graphics”を使ってUIButtonのグロス効果のカスタマイズ方法を学びまし チュートリアルパート５ではほんのわずかなコードで繰り返しのパターン描写の作成方法を学びました。 そして、今回のチュートリアルでは、”Core Graphics
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
Core Graphicsで図形を描く
まーるさんかくしかーくー♪ ってことで、今回は図形を描写します。 まずこれ。簡単な四角形から。 -(void)drawInContext:(CGContextRef)context { CGContextSetRGBStrokeColor(context, 1.0, 0, 0, 1.0); CGContextStrokeRect(context, CGRectMake(20.0, 20.0, 100.0, 200.0)); } CGContextStrokeRect(context, CGRect);で枠だけの四角を描く。 次にこれ -(void)drawInContext:(CGContextRef)context { CGContextSetRGBStrokeColor(context, 1.0, 0, 0, 1.0); CGRect rect = CGRectMake(20.0, 2
UIViewとグラフィックの描画(3/4):初心者のためのiphone/ipadプログラミング入門 - libro
では、MySampleViewに図形を描画する処理を作成しましょう。コメントアウトされていた、drawRect:メソッドのコメントをカットして使える状態にしてください。そして、下のリスト欄に掲載したようにdrawRect:メソッドを記述しましょう。 記述ができたら、エミュレータで実行してみてください。オレンジに塗りつぶされた四角形と、濃いピンクの線で描いた四角形が表示されます。これが、今回作成したメソッドで描画した図形です。 図形の描画は、けっこう色々な関数や構造体が登場します。これらは、必要な手続きの順番などが決まっています。全体的な流れを整理しながら、１つ１つの処理を検証していきましょう。 1. CGContextRefの取得 まず最初に行うのは、CGContextRefという値の取得です。これは、UIGraphicsGetCurrentContextという関数を使って呼び出します。こ
Core Graphics Tutorial: Shadows and Gloss
Until iOS 6, gloss effects were common across iOS, from buttons and bars to almost any element in the UIKit. With iOS 7, Apple changed its design approach to a flatter interface. That doesn’t mean that it’s wrong or outdated to use gloss effects! It’s still important to know how to create them. Core Graphics makes it easy. Getting Started For this tutorial, you’ll work on a project called Cool Tab
Custom UIButtons using Core Graphics instead of images - It's A Feature
In this fairly short article, we’ll take a look at how to create a simple UIButton subclass which represents a pill-shaped two coloured button. During this article, I’m assuming you already have your iOS project set up and know your basic Objective-C, and your way around Xcode. Feel free to ask for more detailed instructions in the comments and I’ll be happy to help you out. Without further ado..
Core Graphics: How to Make a Glossy Button
Core Graphics is one of those frameworks that’s easy to avoid as an iOS developer. It’s a little obscure, the syntax is not super modern and Apple doesn’t give it as much love at WWDC as they should! Plus, you can avoid it very easily by just using images instead. However, Core Graphics is an insanely powerful tool to master! You can free yourself from the shackles of graphic designers and wield t
Core Graphics Tutorial: Patterns
Core Graphics is a powerful, yet friendly, set of APIs for drawing in a UIKit application. In addition to primitives like shapes and gradients, with Core Graphics you can code up patterns. Core Graphics Patterns are an arbitrary sets of graphics operations that can be tiled to fill an area. You can create magnificent backgrounds for your apps using repeated shapes. Core Graphics Patterns are a per
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
