iPhone/iPad(iOS)アプリの開発情報の発信を行っていきます。 presented by NEXT-SYSTEM iOS Developers 昨日掲載分がアップロードされずに悩んでいたら、 ブログの投稿区分が下書きになっていたというオチで 時間をムダにしてしまった Tasaki です。 そんなところいじった覚えはないんだけどな…… それはさておき、今回は前回の続きということで、 実際に任意の背景をもつ角丸ボタンの作り方を紹介します。 これは特に難しいところはありませんが、回りくどい感じはします。 まず、角を丸くした画像を用意します。 例えば、以下のこのような感じで。 作り方は PhotoShop などの画像編集用ソフトの解説などを見ていただくとして、 要するに Custom ボタンの背景としてこの画像を貼付けるわけです。 このとき、そのまま画像を引き延ばしてしまうと、 角の部分
iPhoneアプリを開発していると、画像をアプリ上で表示するというというケースがあると思うのだが、「iphone - Rounded Corners on UIImage - Stack Overflow」という記事に、下図のように画像の角を丸くする簡単な方法が書かれていたので、メモとして記載しておく(注:本手法はiPhone SDK 3.0以上でしか使えない)。 [準備] 画像の角を丸くするために、QuartzCoreフレームワークに含まれるCALayerクラスを利用するため、XCodeのメニューの「追加」ー「既存のフレームワーク」を選択し、QuartzCore.frameworkをプロジェクトに追加する。準備は以上で終わりである。 [実装方法] UIImageViewを1つ用意して、そこに画像を表示させる場合を例にする。 @interface RoundedCornerImageTes
今回はUITableViewにリストを表示します。 基本は前回の【UITableView】UITableViewに文字を表示すると同じで 表示内容をリスト化するといった内容です。 ゴールはこんな画面を表示することです。 前提条件 「UITableViewに文字を表示する」のプロジェクトを利用 手順 配列を用意 配列を初期化 配列から表示行数を取得 配列の値を各行に表示 配列を用意 編集するファイル HelloWorldAppDelegate.h HelloWorldAppDelegate.m まずは表示する配列を用意します。 拡張子.hのファイルはヘッダファイルで、 拡張子.mのファイルは実装ファイルです。 javaでいうとインターフェースクラスとそれを implementsしたクラスという関係と同じです。 なので、最初に定義ファイルであるHelloWorldAppDelegat
図形を描画するプログラムを作成する。 プロジェクトの作成 Xcodeで「GraphicsEx」という名前のCocoa Applicationプロジェクトを作成。 「HelloWorld」と同様に「GraphicsView.m/GraphicsView.h」を作成。 FrameworksにQuaartzCore.frameworkを追加。 「HelloWorld」と同様にインターフェイスの作成。 ソースコードの記述 GraphicsView.h #import <Cocoa/Cocoa.h> #import <QuartzCore/QuartzCore.h> //GraphicsEx(View) @interface GraphicsView : NSView { } //色の指定 - (void)setColor:(CGContextRef)c r:(float)r g:(float)
久しぶりに開発のエントリを。 これまで画像処理系のプログラムを書いたことがなかったので調べてみた。 カメラアプリ系の画像処理を行うには UIImageのピクセルデータへアクセスする方法を知る 画像処理アルゴリズムを知る が必要。 UIImageのピクセルデータへアクセスする 以下のサイトがとても参考になった。 sonson@Picture&Software – [iPhone SDK] UIImageでピクセルを扱う WWDC2009_Kazuki_Endo UIImageからCGImageを取得してごにょごにょするとピクセルデータにアクセスできる様子。 上のサイトでは画像をグレーにするサンプルコードを公開してくれていたので、それを丸ごと拝借してみる。 いちいち変換クラスを用意するのは面倒なので、カテゴリを使ってUIImageを拡張してみる。 UIImageAddtio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く