背景画像の場合は

で、たぶんできるはずです

iPhon4ってちょっと面倒くさい　っ(・ω・｀)

サイト

• iPhoneデザインアーカイブ
• iPhone & Web Design Gallery

素材

• Designers Toolbox iPhone GUI
• iPhone GUI PSD Version 4

デザインしていてますますiphone欲しくなりました。
ウチのsoftbankのケータイまだ１年しかたってないしないな　っ(・ω・｀)
持つのはまだ先になりそうです。

傾けるには「command」+「→」or 「command」+「←」

ピンチイン・ピンチアウトは「alt」+「ドラッグ」

どんどん内容が薄っぺらくなってる気がしますが、手抜きしてる訳では・・・ありま・・・せん。

僕の場合は、大体「project.pbxproj」を疑う。

何故なら過去に痛い目を見たから。。

僕がハマった問題は、何故だか「project.pbxproj」の「PROVISIONING_PROFILE」や「CODE_SIGN_IDENTITY」に古い情報が残ったままになっていて、code sign errorが出ていた。

対除方法は「project.pbxproj」のバックアップを取り、中に書かれている「PROVISIONING_PROFILE」と「CODE_SIGN_IDENTITY」を行ごと消して再コンパイルしている。

「project.pbxproj」の編集方法は、Finderから作業中の「.xcodeproj」で右クリックし、パッケージの内容を表示を選択

すると、中に対象となる「project.pbxproj」ファイルがある。

慣れていれば簡単に見つけられるのかもしれないが、一番始めは何が起こってるか分からず苦戦した。

別の問題でつい最近、コンパイルは通るし、ソースも合っているはずなのに画面遷移すると意図しない動きが発生していた。
調べてみたら、Begin PBXGroup section の「children」の中に何故だかxibが紛れ込んでいた・・・
正しい場所に書き直してあげたらうまく行くという。

なんでこうなったのか、原因が分からないのは非常に怖いが、これでなんとか対処できた。

下記メソッドで要素開始タグを検出し、

下記メソッドでタグ内の要素を検出して、

下記メソッドで要素終了タグを検出していた。

この際に、2番目のメソッド内にて検出した値をそのまま配列に入れて使おうとしたところ、
どうも「1980円」等の文字が、配列の1つ目の中に「1980」、2つ目の中に「円」と入ってしまって、うまく行かなかった。

調べてみたところ、どうやら2番目のメソッドが呼ばれた時点では、引数のstringに全て入っていないという。
と言う訳で、2番目のメソッド内にてNSMutableStringに結合していき、3番目のメソッドにて要素終了タグを検知した時に配列にしまうようにしたところうまく行くようになった。

確かに、そうでないと要素終了タグを検出する意味もあまりなかったような気がしてきます。
(正確には、しっかり検知してなかったので配列の1つ目の中に「1980」、2つ目の中に「円」と入っていました。)

これで、次回からはこの問題でハマる事もなさそうです。

傾けるには「command」+「→」or 「command」+「←」

ピンチイン・ピンチアウトは「alt」+「ドラッグ」

どんどん内容が薄っぺらくなってる気がしますが、手抜きしてる訳では・・・ありま・・・せん。

まずは、Navigation-based テンプレートを選択します。
そして、RootViewController.hとRootViewController.mに以下を記述します。
説明に関してはコメント欄に記載しました。

【RootViewController.h】

【RootViewController.m】

後は、画像をRootViewController.mに記述した名称の通りに設定してResourceフォルダにドラッグするだけです。

それでは、早速起動してみます。

実行してみると分かるのですが(画像だとわかりにくいのですが。。)、ソースコードにはスクロールに関しての記述を行っていないのにできます。 さすがtableViewさんです。

今後、このプロジェクトをベースに機能を充実させていき、それをブログに書いていけたらなぁ。と、思います。
(その為には更なる勉強と時間の確保が必要ですが・・・。)

これを作成する際に、どうしてもUIScrollViewにダブルタップによる拡大・縮小機能を実装する事ができず(元々、UIScrollViewにはダブルタップによるズームイン・アウトが実装されていない。)途方に暮れそうになっていました。

そんな時に発見したのがthree20というiPhone向けオープンソースライブラリでした。
この中にある「Phot Thumbnails」がWeb上の画像をiPhoneの「Photo Albums」のように表示するという動作を再現しています。

色々と調べてみると、使用するにあたって2点大きな問題点がある事が分かりました。

1.three20のコード内にUndocumented APIを含んでいるため、そのまま使用してもAppStoreに申請の際にRejectされる。
2.このプロジェクト自体もう動いていない為、問題があった際に自力でなんとかしなければならない。(ソースが複雑すぎて超難問)(正直、これを作成された方をリスペクトしています。)

上記の問題1つ目は、該当部分がリンクに載っていたので、該当部分を修正する事によって回避できそうです。

2点目の問題に関しては、もう覚悟を決めるしかありませんでした。

と言う事で、ここから修羅の道が始まりました。

まずはgithubよりthree20をダウンロードします。

そして、自分のプロジェクト内にthree20を取り込みます。
取り込む際の手順はここがとても参考になりました。

• ソースの解析に何日もかかりました。
• よくわからないエラーが多発しました。
• 頭が痛くなりました。
• 判断のミスに気がつきました。
• もう、後には戻れないと思いました。
• 一人デスマーチが開催されました。

そして、時は流れ、ようやく完成しました。(残念ながら、ソースを公開する事ができないのですが・・・)
最終的には力ずくでねじ伏せた感じです。

その後、2週間程度の審査を経て、無事AppStoreに上がりました。(試験的に上げたため、現在は削除しています。)

振り返ってみると、iPhoneアプリ開発の初心者な僕には修羅の道でした。

ただ、この経験のおかげ？で、現在の開発は大分楽にできるようになりました。　何事も経験ですね。

これを行うと開発に対するテンションがあがります。(僕だけかもしれませんが。)

まず、アイコンにする画像を用意します。　サイズは縦57・横57の正方形のPNGで用意します。

用意した画像を、XCodeの「グループとファイル」ペインの「Resources」の下にドラッグ&ドロップします。

次に、info.plist(プロパティリスト)を編集します。
「Resources」ディレクトリの下に、[プロジェクト名]-info.plistがあるので開きます。
その中にある「Icon file」の項目に、先ほど用意したアイコン名を設定します。（今回は「icon.png」）

ついでに、アイコンの下に表示されるアプリ名も変更します。

同じくplist内にある「Bundle display name」に表示させたい名称を設定します。(今回は「社畜」と設定しました。　特に深い意味はありません。)
ちなみに、ここでは注意が必要で、設定名称を全角6文字以内に設定しないと、表示される際に勝手に省略されてしまいます。

設定が完了したら、保存して実行してみます。

結果を見てみると、自動的に角が丸くなり、アイコンに光沢がつきます。

この光沢を設定したくない場合、info.plistに一行追加し、keyに「UIPrerenderedIcon」を追加しValueの項目にValue Type をBooleanに設定しチェックを入れると消せるそうです。

最後に、アプリ起動時のスプラッシュ画像を設定してみます。
これは何かというと、アプリ起動時に設定した画像が呼ばれるというものです。
今回のような内容のないプログラムに対してはあまり効果がないのですが、起動に時間のかかるアプリ等に設定する事によって、ユーザーのストレスを真っ暗な画面を見せるよりも緩和する効果が狙えるそうです。

設定方法は「Default.png」と命名した画像を「Resources」ディレクトリの下に配置する。(Resourcesディレクトリでなくとも可能)
たったこれだけです。

初めてのプロジェクトなので仕様は簡単に、ボタンを押下したら「Hello World」という文字が出力されるというものにします。

まずはUIを実装します。
UIの実装には2つの方法があります。　一つはInterface Builderというツールを使用してGUIで画面を組み立てていく方法。
そしてもう一つはソースコードに直接記述していく方法。

僕の場合、どちらがやりやすいのかがわからない状態だったので、最初の2作品はソースコードに直接記述、現在開発中の3作品目はInterface Builderを使用しています。　

今回は、Interface Builderを使用してみたいと思います。
まず、テンプレートはwindow-based Applicationを選択します。(プロジェクト名は「SuperToriyoshi」としました。ふざけ過ぎですね。)

Xcodeが立ち上がったら、まずは「MainWindow.xib」を開きます。(自動的にInterface Builderが起動します。)

上の画像のように、パーツをペタペタ配置していくイメージです。
(中央にラベルを配置し、hidden設定にしました。 下部にボタンを配置しました。)

画像の配置が終わったら、次はソースコードを記述します。

C言語は拡張子が「h」と「m」のファイルがペアになって使われるそうです。
拡張子が「h」のファイルはヘッダファイル、「m」のファイルがメソッドファイルと呼ばれます。

ヘッダファイルは、その機能の画面とメソッドファイルとの出入り口(インターフェース)と、使用する材料を記述する・・・と、言うイメージでいいのか・・・な。
メソッドファイルは、その機能の振る舞いを記述する部分になります。

テンプレート選択でwindow-based Applicationにした場合、自動でプロジェクト名+「AppDelegate」と言う名称で「h」と「m」の二つのファイルが作成されます。

早速、ヘッダーファイルに記述を始めてみます。

何を記述したかをざっと説明すると、先ほどInterface Builderにより、一つのラベルとボタンを配置したので、それに対応する項目を記述と、ボタン押下をした時の実行メソッド名を記述しました。　ソースコードに「IBOutlet」と記述したのですが、これを宣言する事により、Interface Builderで作成したパーツと関連づける事ができます。

次にメソッドファイルの記述です。

何を記述したのかというと、ただ単にボタンが押されたときの動きとして、空のラベルに「Hello World」という文字列を設定して、
そのラベル部分がhidden状態（見えない状態）なら解除する。と、言うだけです。

最後に、Interface Builderに戻って、先ほど配置した部品とソースの関連づけを以下のイメージで行います。

では、早速シミュレータで実行してみます。

【起動直後】

【ボタン押下】

これで、Hello Worldという第一歩を踏み出せました。　ここから世界が広がります。