Storyboardから始めるiPhoneアプリ開発

Twitterボタン
Twitterブログパーツ

Xcodeやobjective-c、Storyboardについて得た知識などiPhoneアプリ開発の体験記を配信

カテゴリ:チュートリアル の記事一覧

| | 古い記事一覧へ≫


草刈りパニック 海軍王アカデミー シンプルゆめ日記 シンプル表計算CelLion 魔球スラッガー 地頭を鍛えるでんしゃ算数 Don't 100
2012/06/19(火)

[チュートリアル][iPhoneアプリ]設定画面の作り方(3)〜UITableViewにデータを表示させる〜

カテゴリ:設定画面の作り方
==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.2.1
==============

さて、前回はインターフェースの設計まで行いました。
今回は実際に文字の表示や画面遷移をするためのコードを実装します。
このチュートリアルの第1回目でも記載しましたが、コードの解説は一切なしです。
コード中に、うるさいぐらいのコメントを追加しておいたので参考になればと思います。

前回の記事をご覧になっていない方はそちらからご覧下さい。
[チュートリアル][iPhoneアプリ]設定画面の作り方(2)〜Storyboardでインターフェースを設計する〜

1.ConfigListVC.h/m リスト画面


2.ConfigDetailVC.h/m 詳細画面


3.完成


お疲れさまです。
これでユーザ毎の設定が自由に出来るようになりましたね。
ではまたいずれ。
  1. 2012/06/19(火)|
  2. 設定画面の作り方
  3. | トラックバック:0
  4. | コメント:0
2012/06/18(月)

[チュートリアル][iPhoneアプリ]設定画面の作り方(2)〜Storyboardでインターフェースを設計する〜

カテゴリ:設定画面の作り方
==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.2.1
==============

今回から実装に入ります。
インターフェースの設計をしますが、かなり長くなるので頑張って下さい。
前回の概要記事をご覧になっていないかたはそちらからご覧下さい。
[チュートリアル][iPhoneアプリ]設定画面の作り方(1)〜概要〜

<注意>
以下手順では、
設定リスト画面のViewControllerをリストVC
詳細画面のViewControllerを詳細VC
両方のViewControllerを両VC
と表記します。

1.Table表示用のクラスファイル作成


2.Storyboardでインターフェース設計




3.インターフェース完成




次回最終回


  1. 2012/06/18(月)|
  2. 設定画面の作り方
  3. | トラックバック:0
  4. | コメント:0
2012/06/17(日)

[チュートリアル][iPhoneアプリ]設定画面の作り方(1)〜概要〜

カテゴリ:設定画面の作り方
==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.2.1
==============

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
Xcodeのプロジェクトの作り方、HelloWorldの表示についてのチュートリアルはコチラ
iPhoneアプリでHelloWorldを表示する(1)〜Xcodeを立ち上げて環境を整える〜
iPhoneアプリでHelloWorldを表示する(2)〜Storyboardでインターフェースを作る〜
iPhoneアプリでHelloWorldを表示する(3)〜Storyboardのオブジェクトとコードを紐付け、アプリを起動する〜
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


ユーザにアプリ設定の自由度を与えることは開発者にとっては大変だけれど、ユーザにとっては使い勝手が良かったりするもの。

今回はそのアプリ設定用の画面を作ろうと思います。
かなり記事が長くなるので複数回に分けて紹介します。
この概要記事では「どんなものを作ろうとしているのか」を示します。

完成形

こんな感じの画面。
Dekiagari.png
左が設定リスト画面
右が詳細画面

仕様

▼セクションは2つ、セクション毎のセルは2つずつ
セクション1:プロフィール
 セル1:名前
 セル2:ジョブ

セクション2:サウンド
 セル1:BGM(UISwitch付き)
 セル2:SE(UISwitch付き)

▼セルタップ時の(想定)アクション
・名前  :UITextField付きのアラートを表示、入力データをDBに反映
・ジョブ :詳細画面に遷移後、選択したジョブをDBに反映
・BGM,SE :ON OFFをUISwitchで切り替えて値をDBに反映

<注意>
DB関連(SQLiteやFMDatabaseの環境整備、実際のDB反映など)の解説及び実装は行いません。
あくまで「画面」の作り方としての紹介です。
またStoryboardでの作業は詳解しますが、コードについての解説はほぼしません。
その代わりコード中にDB関連等のヒントを載せておきます。お役に立てば。

次回

・テーブルを表示させるクラスの作成
・Storyboardでのインターフェース設計
  1. 2012/06/17(日)|
  2. 設定画面の作り方
  3. | トラックバック:0
  4. | コメント:1
2012/03/08(木)

iPhoneアプリでHelloWorldを表示する(3)〜Storyboardのオブジェクトとコードを紐付け、アプリを起動する〜

カテゴリ:HelloWorldの作り方
==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.3
iOSシミュレータ ver.5.0
==============

前回はStoryboardでインターフェースを作成しました。

↓前回の記事
iPhoneアプリでHelloWorldを表示する(2)〜Storyboardでインターフェースを作る〜

今回はついにアプリを動かします。

ますコード上でLabelとRound Rect Buttonを定義します。

左のサイドバーからViewController.mを選択します。
コードファイルが表示されるはずです。

スクリーンショット 2012-03-07 14.24.37

以下のように追記してください。

//以下コードです。

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController{

IBOutlet UILabel *lbl_HelloWorld;
IBOutlet UIButton *btn_HelloWorld;
}

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}



ボタンのアクションを追記します。
今回はボタンを押すとラベルにHelloWorld!!と表示されるアクションを追記します。

//以下コードです。

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController{

IBOutlet UILabel *lbl_HelloWorld;
IBOutlet UIButton *btn_HelloWorld;
}

-(IBAction)CallHelloWprld{

lbl_HelloWorld.text = @"HelloWorld!!";
}

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}



コード上で定義できたら、ビルドしておきましょう。
command+Bです。ビルドすることで定義がアプリに反映されます。

次に画面上のLabel,Round Rect Buttonとコード上のLabel,Round Rect Buttonを紐付けます。

左のサイドバーからMainStoryboard.Storyboardを選択してください。
そして、iPhone画面の下にあるバーをクリックし、右のサイドバー上の矢印をクリックします。
下記のキャブチャを見ると分かりやすいと思います。赤い丸が付いている2カ所です。

スクリーンショット 2012-03-07 18.47.04

コードとインターフェースを紐付けます。
下記キャブチャの右サイドバー上の赤丸の部分をドラッグし、該当のオブジェクトにドロップしましょう。
そうです。画像のイメージです。

スクリーンショット 2012-03-07 18.53.25

アクションを紐付けましょう。画像の青線でつながっている部分を上記の要領で紐付けていきます。
ドロップをするとボタンの動作方法の選択ポップアップが表示されます。
Touch up insideを選択しましょう。

スクリーンショット 2012-03-07 19.02.37スクリーンショット 2012-03-07 19.03.43

これで完成です!!
RUNボタンをおしてみてください。

スクリーンショット 2012-03-07 19.14.56

どうでしょうか?
やってみたら簡単ですね。

今後も簡単な操作のチュートリアルをアップしていきますので、応援を宜しくお願いします。
  1. 2012/03/08(木)|
  2. HelloWorldの作り方
  3. | トラックバック:0
  4. | コメント:0
2012/03/07(水)

iPhoneアプリでHelloWorldを表示する(2)〜Storyboardでインターフェースを作る〜

カテゴリ:HelloWorldの作り方
==<<管理者環境>>==
MacOSX ver.10.7.3
Xcode ver.4.3
iOSシミュレータ ver.5.0
==============

前回はXcodeの環境を整えました。

↓前回の記事
iPhoneアプリでHelloWorldを表示する(1)〜Xcodeを立ち上げて環境を整える〜

今回は掲題の通りStoryboardでインターフェースを作成します。

初心者向けに記事を作っているので、最低限の機能のみを作っていきます。
機能はボタンを押したらHelloWorldと表示されるだけに限定して記事を書きます。

まずは左のサイドバーからMainStoryboard.storyboardを選択します。

スクリーンショット 2012-03-07 14.01.14

次に右のサイドバー 下からLabelを選択します。ドラッグ&ドロップでstoryboardのiPhone画面上に持ってきてしまいましょう。
またLabelの下にあるRound Rect Buttonも同様にiPhone画面上に持ってきてしまいます。

スクリーンショット 2012-02-29 22.36.13

こんな感じでインタフェースはできたでしょうか?
これでインターフェースは完成です。

スクリーンショット 2012-03-07 18.43.45


今回は以上です。
次回はラストです。ついにコードを作って動かします。

↓パート3へのリンクです。
iPhoneアプリでHelloWorldを表示する(3)〜Storyboardのオブジェクトとコードを紐付け、アプリを起動する〜
  1. 2012/03/07(水)|
  2. HelloWorldの作り方
  3. | トラックバック:0
  4. | コメント:0
次のページ

検索フォーム

アプリ紹介記事

おすすめ書籍

入門者向けおすすめサービス

iPhoneアプリ開発やリリースに必須と思われるサービスです。開発と並行してリリースの環境を整える必要があります。

    シティバンク
    アプリから得られる収入やアプリ製作関連の支出を管理する口座が必要です。アプリから得られる収入は日本円だけではなく米ドル等の外貨の場合がありますので、グローバルで貨幣の両替が簡易な銀行口座を選択します。一旦はここで無難です。

    FC2ブログ
    アプリをリリースする際、サポートサイトが必須です。無料で使い勝手の良いFC2ブログがおすすめです。

    リンクシェア
    アプリの下によくある広告のあれです。ここと提携してアプリ内に広告を設置することで、広告収入を得ることができます。少しでも下心があるなら必須です。

    三井住友VISAカード
    デベロッパー登録やその他経費をクレジット払いにしておけば支払いの履歴も残りますし、一々振り込む手間が省けます。三井住友VISAカードならcitiバンクを支払い口座に指定できますし、なにかと便利です。

中級者向けおすすめサービス

iPhoneアプリをリリースしても、ダウンロードされなければ意味がありません。さらに集客力・発信力を向上させましょう。

    お名前.com
    格安で独自ドメインを取得することができます。自社サイト・個人サイトを作成する際にご利用ください。

    さくらのレンタルサーバ
    レンタルサーバーです。webサイト用もしくはアプリのデーターサーバー用にどうぞ。

    ロリポップ!レンタルサーバー
    レンタルサーバーです。webサイト用もしくはアプリのデーターサーバー用にどうぞ。

その他のおすすめサービス

私のオススメのサービスです。
参考なれば幸いです。


1位   リクナビNEXT

iPhoneアプリエンジニアは求人市場で需要があります。一般企業はアプリを広告として使うケースがありますから。私自身もリクナビNEXTを利用しています。


2位   随時更新していきます。

QRコード

QR

全記事表示リンク

全ての記事を表示する

カテゴリ

最新記事

月別アーカイブ

プロフィール

CasualAppTeam

Author:CasualAppTeam
初めまして。
iPhoneアプリ開発についてブログを綴っていきます。
xcodeやobjective-c,storyboardなどについて詳しく書いていきます。

最新コメント

最新トラックバック

RSSリンクの表示

自分のための外部リンク