A-Liaison BLOG: CGGradientを用いてUITableViewCellを描画し、テーブルをカッコよく見せる方法
デフォルトのUITableViewCellの背景が白くてのっぺりでいまいち味気ないと思い、背景にグラデーションを付けてかっこよく見せる方法を調べてみました。単純に別途用意した背景画像をbackgroundViewに表示してもよいのですが、Cocoa Touchの2Dグラフィックスライブラリにはグラデーションを描画するためのCGGradientというクラスが最初から用意されています。さっそく私もパクってインスパイアされてやってみました。 参考にしたページはこちら。 http://developer.apple.com/documentation/graphicsimaging/conceptual/drawingwithquartz2d/dq_shadings/dq_shadings.html#//apple_ref/doc/uid/TP30001066-CH207-TPXREF101 ■ど
Core Graphicsチュートリアル: 曲線とレイヤー
このチュートリアルはBrian Moakley氏によって執筆されました。氏はiOS開発者、フィクション作家だけでなく、Razewareの最初のフルタイムメンバーでもあります。Google+やTwitterからどうぞ。 “Core Graphics”チュートリアル・シリーズへようこそ！ 実践的なプロジェクトを例に”Core Graphics”を学びましょう! チュートリアルパート１、 パート２、 そしてパート３では全くのゼロから”Core Graphics”だけでTable Viewのカスタマイズ方法を学びました。 チュートリアルパート４では”Core Graphics”を使ってUIButtonのグロス効果のカスタマイズ方法を学びまし チュートリアルパート５ではほんのわずかなコードで繰り返しのパターン描写の作成方法を学びました。 そして、今回のチュートリアルでは、”Core Graphics
UIImageViewにタコメーター風の円弧描画 by CoreGraphics
gistfile1.m � (��U ƾ��U // 与えられた正方形のImageViewと1から0のパーセント値に対して、タコメーター風の円弧を描くメソッド - (void)drawArcToUIImageView:(UIImageView *)targetImageView withPercntage:(CGFloat)percnt { targetImageView.layer.needsDisplayOnBoundsChange=YES; UIGraphicsBeginImageContext(targetImageView.frame.size); struct CGContext *context = UIGraphicsGetCurrentContext(); CGPoint arcCenter = CGPointMake(targetImageView.frame.siz
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
Cocoaの日々: [iOS][Mac] Core Graphics - グラデーション
例では２色間のグラデーションを使っているが複数色間のグラデーションを作ることもできる。その場合は上記コードの components に色情報を増やす。 CGFloat components[] = { 1.0f, 1.0f, 1.0f, 0.5f, 1.0f, 0.0f, 0.0f, 0.5f, : 0.0f, 0.0f, 0.0f, 0.5f };components を増やした場合は locations の要素もそれに合わせて増やす。locations は各色の割合を表していて 0〜1 の数値を取る。例えば CGFloat locations[] = { 0.0f, 0.2f, 1.0f };とすると全体の描画対象の 0〜20% が１色目と２色目のグラデーション、20%〜100%の領域が２色目と３色目のグラデーションになる。等間隔にしたい場合は CGGradientCreateWith
![Cocoaの日々: [iOS][Mac] Core Graphics - グラデーション](https://cdn-ak-scissors.b.st-hatena.com/image/square/5520e11f680bd3ea01fdb939bc6f0f0636db94df/height=288;version=1;width=512/http%3A%2F%2F3.bp.blogspot.com%2F-Bkuqfd1QeII%2FTglMIs-u38I%2FAAAAAAAAGLU%2FHS7Cy1Eddno%2Fs1600%2F110628-0009.jpg)
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という関数を使って呼び出します。こ
iOSで吹き出しを描こう - Qiita
//描画するぜ！ - (void)drawRect:(CGRect)rect { CGContextRef context = UIGraphicsGetCurrentContext(); CGContextBubblePath(context, CGRectMake(60.5, 40.5, 170, 70)); CGContextStrokePath(context); } //角度→ラジアン変換 #if !defined(RADIANS) #define RADIANS(D) (D * M_PI / 180) #endif //吹き出しを描く void CGContextBubblePath(CGContextRef context, CGRect rect) { CGFloat rad = 10; //角の半径 CGFloat qx = 10; // くちばしの長さ CGFloat
お手軽iPhoneアプリ開発メモ UiLabelに枠線をつける方法。
◆ 角丸にする [[view layer] setCornerRadius:10.0]; [view setClipsToBounds:YES]; この「view」をUIButtonやUILabelのオブジェクトに変更すれば、角丸になります。 小さめのオブジェクトの場合は、setCornerRadiusを6.0などに変更してやれば ある程度自然な感じになると思います。 ◆ 枠線を追加する [[view layer] setBorderColor:[[UIColor blackColor] CGColor]]; [[view layer] setBorderWidth:1.0]; 枠線を描画することが出来ます。 両方を適用することで、角丸の枠線を追加することも可能です。
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
UIView を簡単に拡大・縮小・回転させる transform プロパティ
UIView には、transform というプロパティがあります。このプロパティを使うと簡単に UIView を拡大・縮小・回転させることができます。transform プロバティの型は CGAffineTransform です。transform の中身は 3×3 の行列で、 z 軸の回転行列として扱うことができます。初期値は、単位行列になっています。 拡大・縮小について まずは拡大・縮小から説明します。 sampleView.transform = CGAffineTransformMakeScale(2, 2); このように書くと元のサイズの2倍と大きさになります。 また、以下のように書くと現在設定しているサイズの2倍になります。 sampleView.transform = CGAffineTransformScale(sampleView.transform, 2, 2); こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS グラフィクスに関するまとめ