rad studio - embarcadero...

149
製品ドキュメント RAD Studio iOS チュートリアル: Delphi による iOS アプリケーション開発 バージョン XE4

Upload: others

Post on 25-Dec-2019

0 views

Category:

Documents


0 download

TRANSCRIPT

  • 製品ドキュメント

    RAD Studio iOS チュートリアル: Delphi による iOS アプリケーション開発

    バージョン XE4

  • Embarcadero Technologies 2

    © 2013 Embarcadero Technologies, Inc. Embarcadero、Embarcadero Technologies のロゴ、およびすべての

    Embarcadero Technologies の製品名またはサービス名は、Embarcadero Technologies, Inc. の商標または登録商標

    です。その他の商標名に関する権利はすべてその所有者に帰属します。

    Embarcadero Technologies, Inc. は、アプリケーション開発者やデータベースプロフェッショナルに向け、使用する

    プラットフォームやプログラミング言語に関係なく、最適なシステム設計、より高速な構築、より高品質な実行を実

    現するツールを提供する、先進ベンダーです。「フォーチュン 100」のうち 90 以上の企業、そして世界で 300 万以

    上の活発なコミュニティがエンバカデロの製品を採用し、生産性の向上、コストの削減、変更管理や互換性管理の簡

    素化、技術革新を実現しています。主要製品には次のものがあります:

    Embarcadero® Change Manager™、CodeGear™ RAD Studio、DBArtisan®、Delphi®、ER/Studio®、JBuilder®

    and Rapid SQL®。1993 年設立のエンバカデロは、サンフランシスコに本社を置き、世界各国に支社を展開していま

    す。エンバカデロについては、www.embarcadero.com をご覧ください。

    2013 年 4 月

  • Embarcadero Technologies 3

    目次 Delphi による iOS アプリケーション開発 ......................................................................................... 8

    セットアップ .................................................................................................................................... 8

    基本的なユーザー インターフェイス要素の使用 .......................................................................... 8

    デバイス機能の利用 ......................................................................................................................... 9

    データベースへのアクセス............................................................................................................ 10

    関連項目 .......................................................................................................................................... 10

    Mac に開発環境をセットアップする ................................................................................................ 11

    Mac 側の要件 .................................................................................................................................. 11

    iOS シミュレータで iOS アプリケーションを実行するための Mac の構成手順 ...................... 11

    ステップ 1:プラットフォーム アシスタントをインストールする ...................................... 12

    ステップ 2:プラットフォーム アシスタントを実行する ...................................................... 13

    ステップ 3:Mac に Xcode をインストールする .................................................................... 14

    この後のステップ ....................................................................................................................... 14

    iOS デバイスで iOS アプリケーションを実行するための Mac の追加の構成手順 .................. 15

    ステップ 1:Mac に Xcode コマンド ライン ツールをインストールする ............................ 15

    ステップ 2:デベロッパ アカウントを登録する ..................................................................... 16

    ステップ 3:開発用証明書を要求、ダウンロード、インストールする ................................ 16

    ステップ 4:デバイスを開発用に登録する ............................................................................. 18

    ステップ 5:プロビジョニング プロファイルを作成してインストールする ....................... 18

    関連項目 ...................................................................................................................................... 19

    Windows PC に 開発環境をセットアップする ................................................................................. 21

    RAD Studio 環境のセットアップ .................................................................................................. 21

    Mac 用の接続プロファイルを作成する .................................................................................... 21

    Mac に接続された iOS デバイス用に開発システムに SDK を追加する ................................ 23

    関連項目 ...................................................................................................................................... 26

    FireMonkey iOS アプリケーションを作成する ................................................................................ 27

    取りかかる前に ............................................................................................................................... 27

    ステップ 1:iOS 用 FireMonkey アプリケーションを新規作成する ......................................... 27

    ステップ 2:FireMonkey iOS フォームにコンポーネントを配置する ...................................... 28

    ステップ 3:ユーザーがボタンをクリックしたときの

    イベント ハンドラを Delphi で記述する ...................................................................................... 32

    ステップ 4:Mac(iOS シミュレータ)上で iOS アプリケーションをテストする ................. 33

  • Embarcadero Technologies 4

    ステップ 5:接続された iOS デバイス上で iOS アプリケーションをテストする ................... 34

    関連項目 .......................................................................................................................................... 35

    さまざまなスタイルを持つボタン コンポーネントを iOS アプリケーションで使用する ........... 36

    FireMonkey iOS アプリケーションのボタン ............................................................................... 36

    ボタン コンポーネントのルック アンド フィールを定義する ................................................... 37

    ボタン コンポーネントを使用してセグメント コントロールを作成する ................................. 38

    ツールバー コンポーネント上にスコープ バーを作成する ........................................................ 41

    関連項目 .......................................................................................................................................... 41

    iOS アプリケーションでカレンダー コンポーネントを使用して日付を選択する ....................... 42

    FireMonkey iOS アプリケーションのカレンダー ........................................................................ 42

    ユーザーによる日付変更のイベント ハンドラを実装する ......................................................... 43

    関連項目 .......................................................................................................................................... 44

    iOS アプリケーションでコンボ ボックス コンポーネントを使用して

    リストから項目を選択する ................................................................................................................ 45

    FireMonkey iOS アプリケーションで選択コントロールを実装する ......................................... 45

    コードを使って項目のリストを構築する ..................................................................................... 47

    特定の項目を表示する ................................................................................................................... 48

    ユーザーによる選択のイベント ハンドラを実装する................................................................. 49

    関連項目 .......................................................................................................................................... 50

    iOS アプリケーションで Web ブラウザ コンポーネントを使用する ............................................ 51

    ステップ 1:ユーザー インターフェイスを設計する ................................................................. 51

    ステップ 2:ユーザーが編集コントロールで URL を変更すると Web ページを開くよう

    イベント ハンドラを記述する ....................................................................................................... 53

    Web ページを開くための共通メソッドを実装する ................................................................ 54

    OnChange イベントのイベント ハンドラを実装する ............................................................ 55

    Enter キーをサポートするイベント ハンドラを実装する ...................................................... 56

    "戻る" ボタンのイベント ハンドラを実装する ....................................................................... 56

    ステップ 3:Web ブラウザ アプリケーションに適したキーボードを選択する ...................... 57

    関連項目 .......................................................................................................................................... 58

    iOS アプリケーションでタブ コンポーネントを使用してページを表示する ............................... 59

    FireMonkey iOS アプリケーションのタブ ................................................................................... 59

    フォーム デザイナを使用してタブ ページを設計する................................................................ 59

    タブのカスタム アイコンを使用する ........................................................................................... 63

  • Embarcadero Technologies 5

    タブ コントロール内のコントロールを定義する ........................................................................ 66

    実行時にページを変更する............................................................................................................ 67

    ユーザーがタブをタップしたときに ........................................................................................ 67

    アクションとアクション リストを使用して ............................................................................ 68

    ソース コードによって .............................................................................................................. 71

    関連項目 .......................................................................................................................................... 72

    iOS アプリケーションでリスト ボックス コンポーネントを使用して

    テーブル ビューを表示する ............................................................................................................... 73

    リスト ボックス コンポーネントに項目を作成する ................................................................... 73

    ヘッダーを追加する ....................................................................................................................... 75

    リストにグループ ヘッダー/フッターを追加する ....................................................................... 77

    リスト項目を別のグループ化された項目として表示する .......................................................... 78

    リスト ボックス項目にチェック ボックスなどのアクセサリを追加する ................................. 79

    リスト ボックス項目にアイコンを追加する ................................................................................ 79

    項目に詳細情報を追加する............................................................................................................ 80

    コードからリスト ボックスに項目を追加する ............................................................................ 80

    検索ボックスを追加する ............................................................................................................... 82

    関連項目 .......................................................................................................................................... 83

    iOS アプリケーションでレイアウトを使用して

    フォームのさまざまなサイズや向きを調整する ............................................................................. 84

    FireMonkey コンポーネントはどれも所有者、親、子を持つことができる ............................. 84

    FireMonkey コンポーネントのレイアウト関連共通プロパティを使用する ............................. 85

    Align プロパティを使用する ..................................................................................................... 85

    Margins プロパティを使用する ................................................................................................ 86

    Padding プロパティを使用する ................................................................................................ 86

    Anchors プロパティを使用する ................................................................................................ 87

    TLayout コンポーネントを使用する ............................................................................................. 88

    多くの項目を含むインターフェイスの扱い:TVertScrollBox コンポーネントを使用する ..... 88

    関連項目 .......................................................................................................................................... 90

    iOS アプリケーションで写真を撮って共有する .............................................................................. 91

    アプリケーションのユーザー インターフェイスを構築する ..................................................... 92

    iOS デバイスのカメラで写真を撮る ............................................................................................. 92

    iOS デバイスのフォト ライブラリの写真を使用する ................................................................. 93

  • Embarcadero Technologies 6

    写真を共有または印刷する............................................................................................................ 94

    関連項目 .......................................................................................................................................... 95

    iOS デバイスの位置センサを使用する ............................................................................................. 97

    ユーザー インターフェイスを設計する ....................................................................................... 98

    位置センサ ...................................................................................................................................... 99

    位置センサ コンポーネントから位置情報(緯度、経度)を読み取る ...................................... 99

    TWebBrowser コンポーネントで Google マップを使用して現在の位置を表示する ............ 100

    逆ジオコーディングを使用する .................................................................................................. 101

    リスト ボックス コンポーネントに人が読み取れる住所を表示する ....................................... 104

    関連項目 ........................................................................................................................................ 104

    iOS デバイスの通知センターを使用する ....................................................................................... 105

    3 つの基本的な通知(警告)方法 ............................................................................................... 105

    アプリケーション アイコンのバッジ ..................................................................................... 105

    iPad の通知バナー .................................................................................................................... 105

    通知ダイアログ ........................................................................................................................ 105

    iPad の通知センター ................................................................................................................ 105

    通知サービスにアクセスする ...................................................................................................... 106

    コードからアイコン バッジの数字を設定する .......................................................................... 107

    通知のスケジュールを設定する .................................................................................................. 108

    スケジュールされた通知メッセージを更新またはキャンセルする ......................................... 109

    通知メッセージをすぐに表示する .............................................................................................. 110

    通知バナーと通知ダイアログ ...................................................................................................... 111

    通知ダイアログにアクションを追加する ................................................................................... 113

    関連項目 ........................................................................................................................................ 113

    iOS アプリケーションで InterBase ToGo を使用する .................................................................. 114

    dbExpress を使用してデータベースに接続する........................................................................ 114

    ユーザー インターフェイスを設計しセットアップする ........................................................... 115

    データに接続する ......................................................................................................................... 116

    アプリケーションを iOS に配置する .......................................................................................... 119

    InterBase ToGo、dbExpress ドライバ、データベース ファイルを iOS に配置する ......... 119

    iOS 上のローカル データベース ファイルに接続するようコードを変更する .................... 121

    iOS シミュレータまたは iOS デバイス上でアプリケーションを実行する ............................. 122

    トラブルシューティング ............................................................................................................. 123

  • Embarcadero Technologies 7

    InterBase のライセンスの問題 ................................................................................................ 123

    例外処理の問題 ........................................................................................................................ 123

    よくあるエラーと解決方法 ..................................................................................................... 125

    関連項目 ........................................................................................................................................ 125

    iOS アプリケーションで SQLite を使用する ................................................................................. 126

    dbExpress を使用してデータベースに接続する........................................................................ 126

    Windows 環境で開発用にデータベースを作成する .................................................................. 127

    [データ エクスプローラ]でデータベースを作成する....................................................... 127

    [データ エクスプローラ]でテーブルを作成する .............................................................. 128

    ユーザー インターフェイスを設計しセットアップする ........................................................... 129

    データに接続する ......................................................................................................................... 130

    ユーザーがリストの項目を選択したときに削除ボタンを表示するための

    イベント ハンドラを作成する ..................................................................................................... 132

    リストにエントリを追加するための追加ボタン用のイベント ハンドラを作成する ............. 132

    リストからエントリを削除するための削除ボタン用のイベント ハンドラを作成する ......... 135

    iOS 上のローカル データベース ファイルに接続するようコードを変更する ........................ 136

    iOS デバイス上での SQLite データベースの場所を指定する .............................................. 136

    テーブルが存在しなければ作成する ...................................................................................... 136

    iOS シミュレータまたは iOS デバイス上でアプリケーションを実行する ............................. 138

    関連項目 ........................................................................................................................................ 138

    iOS クライアント アプリケーションからエンタープライズ データベースに接続する ............. 139

    中間層(DataSnap サーバー)を作成する ................................................................................ 140

    DataSnap サーバー VCL アプリケーションを作成する ........................................................ 140

    DataSnap サーバー上のデータセットを定義する ................................................................. 142

    DataSnap サーバーのデータセットを公開する .................................................................... 144

    DataSnap サーバーを実行する ............................................................................................... 144

    DataSnap サーバーに接続する iOS アプリケーションを作成する.......................................... 145

    MIDAS ライブラリを iOS シミュレータに配置する ................................................................. 148

    iOS シミュレータまたは iOS デバイス上でアプリケーションを実行する ............................. 149

    関連項目 ........................................................................................................................................ 149

  • Embarcadero Technologies 8

    Delphi による iOS アプリケーション開発

    統合されたこれら一連のチュートリアルでは、RAD Studio を使用した iOS アプリケーション

    の開発について段階的に説明しています。

    • 最初のセットアップ チュートリアルの後、各チュートリアルでは、FireMonkey ツール

    を使用して iOS アプリケーションを作成する方法を示しています。

    • これらのチュートリアルでは、iOS アプリケーションでネイティブのルック アンド フ

    ィールを実現するための推奨される FireMonkey コンポーネントを実際に使用して説明

    しています。

    セットアップ

    • Mac に開発環境をセットアップする

    • Windows PC に開発環境をセットアップする

    基本的なユーザー インターフェイス要素の使用

    • FireMonkey iOS アプリケーションを作成する

    • さまざまなスタイルを持つボタン コンポーネントを iOS アプリ

    ケーションで使用する

  • Embarcadero Technologies 9

    • iOS アプリケーションでカレンダー コンポーネントを使用して

    日付を選択する

    • iOS アプリケーションでコンボ ボックス コンポーネントを使用

    してリストから項目を選択する

    • iOS アプリケーションで Web ブラウザ コンポーネントを使用

    する

    • iOS アプリケーションでタブ コンポーネントを使用してページ

    を表示する

    • iOS アプリケーションでリスト ボックス コンポーネントを使用

    してテーブル ビューを表示する

    • iOS アプリケーションでレイアウトを使用してフォームのさま

    ざまなサイズや向きを調整する

    デバイス機能の利用

    • iOS アプリケーションで写真を撮って共有する

  • Embarcadero Technologies 10

    • iOS デバイスの位置センサを使用する

    • iOS デバイスの通知センターを使用する

    データベースへのアクセス

    • iOS アプリケーションで InterBase ToGo を使用する

    • iOS アプリケーションで SQLite を使用する

    • iOS クライアント アプリケーションからエンタープライズ デー

    タベースに接続する

    関連項目

    • FireMonkey クイック スタート

    • FireMonkey iOS アプリケーションの作成

    • FireMonkey アプリケーションの設計

    • iOS サンプル コード

    • iOS モバイル アプリケーション開発

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%82%AF%E3%82%A4%E3%83%83%E3%82%AF_%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88_%E3%82%AC%E3%82%A4%E3%83%89_-_%E3%81%AF%E3%81%98%E3%82%81%E3%81%ABhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_iOS_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E4%BD%9C%E6%88%90http://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E8%A8%AD%E8%A8%88http://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB_%E3%82%B3%E3%83%BC%E3%83%89http://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA

  • Embarcadero Technologies 11

    Mac に開発環境をセットアップする

    iOS ターゲット プラットフォーム向けの FireMonkey アプリケーションは、最初、Mac で使用

    可能な iOS シミュレータでテストされます。テスト工程の後半では、iOS デバイス ターゲット

    プラットフォームを使用するため、Mac に接続されたテスト用の iOS デバイスが必要になりま

    す。

    • このチュートリアルの前半では、Mac 上の iOS シミュレータで iOS アプリケーション

    を実行するために行わなければならない手順を説明します。

    • このチュートリアルの後半では、iOS デバイスで iOS アプリケーションを実行するため

    に必要な追加の手順を説明します。

    Mac 側の要件

    • OS X 10.7 Lion または 10.8 Mountain Lion

    (どちらの OS も、従来の PowerPC ベースおよび 680x0 ベースの Macintosh システム

    ではサポートされていません。2007 年以降の Mac はすべて Intel ベースで、2008 年以

    降はすべて 64 ビットです。これは Lion での必要条件です。)

    • iOS 5.1 以降

    • Xcode および iOS SDK の最新版と Xcode コマンド ライン ツールがインストールされ

    ていること

    o いずれか 1 つの Apple デベロッパ プログラムのメンバであること(これについ

    ては、このトピックの「デベロッパ アカウントを登録する」で説明します)

    • iOS デバイスが USB ポートで Mac に接続されていること(デバイス上での iOS アプリ

    ケーションのテストや実行に必要)

    iOS シミュレータで iOS アプリケーションを実行するための

    Mac の構成手順

    iOS アプリケーションを Mac 上の iOS シミュレータに配置するには、以下のツールを Mac に

    インストールする必要があります。

    • プラットフォーム アシスタント(PAServer)

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%83%81%E3%83%A5%E3%83%BC%E3%83%88%E3%83%AA%E3%82%A2%E3%83%AB%EF%BC%9AMac_%E3%81%AB%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%81%99%E3%82%8B#.E3.82.B9.E3.83.86.E3.83.83.E3.83.97_2.EF.BC.9A.E3.83.87.E3.83.99.E3.83.AD.E3.83.83.E3.83.91_.E3.82.A2.E3.82.AB.E3.82.A6.E3.83.B3.E3.83.88.E3.82.92.E7.99.BB.E9.8C.B2.E3.81.99.E3.82.8Bhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88_%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%9A_PAServer

  • Embarcadero Technologies 12

    RAD Studio では、デバッグ用にプラットフォーム アシスタントを使用します。このア

    プリケーションは、Mac 上にインストールして実行する必要があります。

    • Xcode

    Xcode は、Mac 上で動作する開発およびデバッグ用の環境であり、Mac OS X アプリケ

    ーションおよび iOS アプリケーションに必要な開発用ファイルが備わっています。

    ステップ 1:プラットフォーム アシスタントをインストールする

    先に述べたように、PC から iOS シミュレータまたは iOS デバイスに iOS アプリケーションを

    配置するには、Mac 上でプラットフォーム アシスタントを実行しておく必要があります。

    プラットフォーム アシスタントの Mac OS X インストーラは、RADPAServerXE4.pkg という

    名前で、次の 2 つの場所に置かれています。

    • RAD Studio インストール ディレクトリの PAServer フォルダ。

    例: C:\Program Files\Embarcadero\RAD

    Studio\n.n\PAServer\RADPAServerXE4.pkg

    • Web 上(Mac へのダウンロード用)

    http://installers.codegear.com/release/radstudio/11.0/PAServer/RADPAServerXE4.pkg

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88_%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%9A_PAServerhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%ABhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E5%AE%9F%E8%A1%8Chttp://developer.apple.com/xcode/http://installers.codegear.com/release/radstudio/11.0/PAServer/RADPAServerXE4.pkg

  • Embarcadero Technologies 13

    詳細は、「Mac でのプラットフォーム アシスタントのインストール」を参照してください。

    ステップ 2:プラットフォーム アシスタントを実行する

    Mac のファインダで、次のようにして .app ファイル(RAD PAServer XE4.app)を起動します。

    1. 最上位の Applications フォルダに移動します。 2. RAD PAServer XE4.app をダブルクリックして、プラットフォーム アシスタントを起動

    します。

    [ターミナル]ウィンドウが開き、プラットフォーム アシスタントのバナーと、パスワ

    ード入力を求める次のメッセージが表示されます。

    接続プロファイル パスワード :

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB

  • Embarcadero Technologies 14

    3. 次に、プラットフォーム アシスタントでアプリケーションをデバッグできるよう(別のプロセスを制御できるよう)、Mac ユーザー パスワードを入力する画面が開きます。

    パスワードを入力し、[Take Control]を選択します。

    プラットフォーム アシスタントの実行の詳細は、「Mac でのプラットフォーム アシスタント

    の実行」を参照してください。

    ステップ 3:Mac に Xcode をインストールする

    Xcode は、Mac 上の開発/デバッグ環境であり、Mac OS X アプリケーションおよび iOS アプリ

    ケーションに必要な開発用ファイルを提供しています。

    次のどの情報源からでも Xcode をインストールできます。

    • "Mac OS X Install" DVD で Optional Installs フォルダ内の Xcode.mpkg をダブルクリッ

    クして Xcode をシステムにインストールします。

    • Mac App Store で無償の Xcode をダウンロードします。

    • Apple デベロッパとして登録している場合は、Xcode の最新バージョンをバンドル

    (.dmg)としてダウンロードできます。登録して Xcode をダウンロードする手順は以

    下のとおりです。

    1. http://developer.apple.com/programs/register/ で Apple デベロッパとして登録します(無料)。

    2. https://developer.apple.com/downloads から Xcode のバンドルをダウンロードします。

    この後のステップ

    これで、iOS シミュレータ上で iOS アプリケーションを実行するための Mac の構成が済みまし

    た。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E5%AE%9F%E8%A1%8Chttp://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E5%AE%9F%E8%A1%8Chttp://developer.apple.com/xcode/http://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_OS_X_%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BAhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BAhttp://www.apple.com/mac/app-store/http://developer.apple.com/programs/register/https://developer.apple.com/downloads

  • Embarcadero Technologies 15

    • iOS アプリケーションを iOS シミュレータ上で実行するには、「Windows PC に開発環

    境をセットアップする」を参照して RAD Studio IDE の構成を行ってください。

    • iOS アプリケーションを iOS デバイス上で実行するには、このページの以下の手順で

    Mac の構成を行ってください。この手順は、アプリケーションを iOS シミュレータでテ

    ストした後で行うこともできます。

    iOS デバイスで iOS アプリケーションを実行するための Mac

    の追加の構成手順

    以下の手順を追加で実施すると、iOS デバイスで iOS アプリケーションを実行できるようにな

    ります。

    ステップ 1:Mac に Xcode コマンド ライン ツールをインストールする

    Mac 上で Xcode を使って必要な Xcode ツールをインストールするには:

    1. Mac 上で Xcode を起動します。 2. [Xcode]メニューから[Preferences...]を選択します。

    3. [General]パネルで[Downloads]をクリックします。

  • Embarcadero Technologies 16

    4. [Downloads]ウィンドウで[Components]タブを選択します。

    5. [Command Line Tools]の横の[Install]ボタンをクリックします。

    インストールの途中で Apple デベロッパとしてログインするよう求められます。

    詳細は、「Mac での Xcode コマンド ライン ツールのインストール」を参照してください。

    ステップ 2:デベロッパ アカウントを登録する

    iOS デベロッパ プログラムの 1 つに参加することが、iOS 向けアプリケーションの作成、実行、

    デバッグ、配置を行う場合の要件になっています。

    デベロッパ プログラムには、次のいずれかの資格で参加できます。

    • 個人の開発者

    • エンタープライズ(ビジネス)プログラムまたはユニバーシティ プログラムのチームの

    メンバ(またはリーダー)

    詳細は、「iOS デベロッパ プログラムに参加する」を参照してください。

    ステップ 3:開発用証明書を要求、ダウンロード、インストールする

    デバイス(または iOS シミュレータ)に配置されたアプリケーションを実行する前に、暗号化

    した署名をする必要があります。開発用証明書には、アプリケーションに署名するために必要

    な情報が含まれています。一人(個人の開発者もチームのメンバも)に 1 つ固有の開発用証明

    書が必要で、それを複数のアプリケーションに使用することができます。

    開発チームの場合には、チーム メンバそれぞれが開発用証明書を要求し、その要求をチーム管

    理者が承認する必要があります。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE_Xcode_%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89_%E3%83%A9%E3%82%A4%E3%83%B3_%E3%83%84%E3%83%BC%E3%83%AB%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%ABhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%83%87%E3%83%99%E3%83%AD%E3%83%83%E3%83%91_%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%81%AB%E5%8F%82%E5%8A%A0%E3%81%99%E3%82%8B

  • Embarcadero Technologies 17

    証明書を要求、ダウンロード、インストールする

    1. Mac の[キーチェーン アクセス]アプリケーションで、[キーチェーン アクセス]メニューから[証明書アシスタント|認証局に証明書を要求...]を選択します。

    証明書要求をファイルに保存し、Apple の iOS プロビジョニング ポータルにアップロ

    ードして認証局に送信します。

    o 会社や組織のプログラムの開発チーム メンバの場合には、チーム管理者が要求

    を承認する必要があります。チーム管理者の承認後に、証明書をダウンロードす

    ることができます。

    o 個人の開発者の場合には、要求後間もなく証明書のダウンロード オプションが

    表示されます。詳細は、Apple 社のドキュメント「Creating signing certificates

    (署名証明書の作成)」を参照してください。

    2. iOS プロビジョニング ポータルを開きます。開発用証明書の[Status]が[Submitted]から[Issued]に変化したら、ダウンロードすることができます。

    3. 開発用証明書をダブルクリックして起動します。開発用証明書は自動的に[キーチェーン アクセス]アプリケーションに読み込まれます。

    https://developer.apple.com/ios/my/certificates/index.actionhttp://developer.apple.com/library/mac/#documentation/ToolsLanguages/Conceptual/OSXWorkflowGuide/ManagingYourTeam/ManagingYourTeam.html#//apple_ref/doc/uid/TP40011201-CH6-SW6http://developer.apple.com/library/mac/#documentation/ToolsLanguages/Conceptual/OSXWorkflowGuide/ManagingYourTeam/ManagingYourTeam.html#//apple_ref/doc/uid/TP40011201-CH6-SW6https://developer.apple.com/ios/my/certificates/index.action

  • Embarcadero Technologies 18

    ステップ 4:デバイスを開発用に登録する

    デバイスでユーザー アプリケーションを実行するには、デバイスを Apple プロビジョニング

    ポータルに登録する必要があります。デバイスは、一意デバイス ID(UDID)で登録されます。

    UDID は、Xcode を使って次の手順で調べることができます。

    1. iOS デバイスが Mac マシンに接続されていることを確認します。 2. Xcode を開き、オーガナイザを開きます([Window|Organizer])。 3. [Devices]タブで、デバイスをクリックします。 4. [Identifier]ラベルの横に文字列があります。

    この[Identifier]の文字列がデバイスの UDID を表しています。

    o 個人の開発者の場合には、Apple プロビジョニング ポータルの[Devices]タブ

    に UDID を追加してデバイスを登録します。

    o 会社/組織のメンバの場合は、チーム管理者に依頼してデバイスを登録してもら

    います。

    ステップ 5:プロビジョニング プロファイルを作成してインストールする

    プロビジョニング プロファイルは、開発者やデバイスを開発チームに結び付けるために使われ

    ます。このプロビジョニング プロファイルは、iOS デバイスでアプリケーションを実行するた

    めに必要です。

    • 個人の開発者の場合は、開発者自身がプロビジョニング プロファイルを作成する必要が

    あります。詳細は、「Creating and Downloading a Distribution Provisioning Profile(配

    布用プロビジョニング プロファイルの作成とダウンロード)」を参照してください。

    • 会社/組織のメンバの場合は、メンバが使用するプロビジョニング プロファイルをチー

    ム管理者が作成する必要があります。

    プロビジョニング プロファイルの作成が済んだら、次の手順で Xcode にインストールします。

    https://developer.apple.com/ios/my/devices/index.actionhttps://developer.apple.com/ios/my/devices/index.actionhttps://developer.apple.com/ios/my/devices/index.actionhttps://developer.apple.com/ios/my/devices/index.actionhttp://developer.apple.com/library/ios/#documentation/ToolsLanguages/Conceptual/DevPortalGuide/CreatingandDownloadingaDistributionProvisioningProfile/CreatingandDownloadingaDistributionProvisioningProfile.html#//apple_ref/doc/uid/TP40011159-CH27-SW1

  • Embarcadero Technologies 19

    1. Mac で Xcode を開き、オーガナイザを開きます([Window|Organizer])。 2. [Library]セクションで[Provisioning Profiles]を選択し、[Refresh]をクリックし

    ます。

    3. Apple ID でサインインするよう Xcode から指示されます。資格情報を入力して[Log in]を選択します。

    使用できるプロビジョニング プロファイルが Xcode にインストールされ、次のように

    表示されます。

    4. 有効な iOS プロビジョニング プロファイルを選択し、テスト用デバイスの[Provisioning Profiles]にドラッグ アンド ドロップします。

    これで、iOS デバイス上で iOS アプリケーションを実行するための Mac の構成が済みました。

    iOS アプリケーションを実行するには、「Windows PC に開発環境をセットアップする」を参

    照して RAD Studio IDE の構成を行ってください。アプリケーションを iOS シミュレータで実

    行する一環として PC の構成を既に行っている場合には、このステップは省略してかまいませ

    ん。

    関連項目

    • Windows PC に開発環境をセットアップする

    • プラットフォーム アシスタント サーバー アプリケーション: paserver

    • Apple デベロッパ プログラム

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88_%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%9A_PAServerhttps://developer.apple.com/programs/start/standard/

  • Embarcadero Technologies 20

    • iOS デベロッパ プログラム

    • App ID の作成と構成

    • 署名証明書の作成

    • iOS プロビジョニング ポータル

    • Apple プロビジョニング ポータルの[Devices]タブ

    • Apple ID の作成

    • 配布用プロビジョニング プロファイルの作成とダウンロード

    • Mac でのプラットフォーム アシスタントのインストール

    • Mac でのプラットフォーム アシスタントの実行

    https://developer.apple.com/programs/ios/http://developer.apple.com/library/ios/#documentation/ToolsLanguages/Conceptual/DevPortalGuide/CreatingandConfiguringAppIDs/CreatingandConfiguringAppIDs.html#//apple_ref/doc/uid/TP40011159-CH18-SW1http://developer.apple.com/library/mac/#documentation/ToolsLanguages/Conceptual/OSXWorkflowGuide/ManagingYourTeam/ManagingYourTeam.html#//apple_ref/doc/uid/TP40011201-CH6-SW6https://developer.apple.com/ios/my/certificates/index.actionhttps://developer.apple.com/ios/my/devices/index.actionhttps://appleid.apple.com/cgi-bin/WebObjects/MyAppleId.woa/wa/createAppleIdhttp://developer.apple.com/library/ios/#documentation/ToolsLanguages/Conceptual/DevPortalGuide/CreatingandDownloadingaDistributionProvisioningProfile/CreatingandDownloadingaDistributionProvisioningProfile.html#//apple_ref/doc/uid/TP40011159-CH27-SW1http://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%ABhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E5%AE%9F%E8%A1%8C

  • Embarcadero Technologies 21

    Windows PC に

    開発環境をセットアップする

    このチュートリアルを開始する前に、次のチュートリアルを読んで実行してください。

    • Mac に開発環境をセットアップする

    iOS ターゲット プラットフォーム向けの FireMonkey アプリケーションは、最初、Mac で使用

    可能な iOS シミュレータでテストされます。テスト工程の後半では、iOS デバイス ターゲット

    プラットフォームを使用するため、Mac に接続されたテスト用の iOS デバイスが必要になりま

    す。RAD Studio では、デバッグおよびテスト用に iOS アプリケーションをデバイスに配置す

    るために、プラットフォーム アシスタントを使用します。これは、Mac 上にインストールして

    実行する必要があります。

    このトピックでは、Mac に環境を構成した後で、開発環境をセットアップする手順を説明しま

    す。

    RAD Studio 環境のセットアップ

    以下の手順で構成を行うと、RAD Studio での iOS 開発の速度を向上することができます。

    Mac 用の接続プロファイルを作成する

    1. [ツール|オプション...|環境オプション|接続プロファイル マネージャ]を開きます。 2. [追加...]をクリックします。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88_%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%9A_PAServerhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%ABhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A7%E3%81%AE%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%82%A2%E3%82%B7%E3%82%B9%E3%82%BF%E3%83%B3%E3%83%88%E3%81%AE%E5%AE%9F%E8%A1%8Chttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E6%8E%A5%E7%B6%9A%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E6%8E%A5%E7%B6%9A%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB_%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A3%EF%BC%BD

  • Embarcadero Technologies 22

    3. [接続プロファイルの作成]ウィザードが開きます。接続プロファイルの名前を "My Mac" などと指定します。

    下図のように、ターゲット プラットフォームとして必ず[OS X]を選択したあと、

    [次へ >>]をクリックします。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E6%8E%A5%E7%B6%9A%E3%83%97%E3%83%AD%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E4%BD%9C%E6%88%90%EF%BC%BD

  • Embarcadero Technologies 23

    4. [リモート マシン情報]ページで、ホストとなる Mac の名前または IP アドレス、使用するポート番号(通常はデフォルト ポート 64211 で正常に動作)、パスワード(パス

    ワードを使用する場合に必要)を設定します。

    5. [接続テスト]をクリックし、接続プロファイルがエラーもなく正常に動作することを確かめます("'' (ポート ) への接続に成功しました" というメ

    ッセージが表示されるはずです)。

    Mac に接続された iOS デバイス用に開発システムに SDK を追加する

    1. [ツール|オプション...|環境オプション|SDK マネージャ]を開きます。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/SDK_%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%97%E6%A7%8B%E6%88%90%E3%81%99%E3%82%8Bhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BBSDK_%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A3%EF%BC%BD

  • Embarcadero Technologies 24

    2. [追加...]をクリックします。 3. [新規 SDK の追加]ダイアログ ボックスで、[iOS デバイス]をプラットフォームに

    選択します。

    4. 接続するプラットフォーム([iOS デバイス]など)を選択します。

    5. プラットフォームを選択すると、IDE によってプロファイル("My Mac" など)とターゲット プラットフォームで使用可能な SDK バージョンのリストが SDK バージョンのコ

    ンボ ボックスに含められます。

  • Embarcadero Technologies 25

    OK をクリックして、ダイアログを閉じます。

  • Embarcadero Technologies 26

    関連項目

    • FireMonkey iOS アプリケーションを作成する

    • Mac と PC を連携させる

    • iOS デバイスでの iOS アプリケーションの実行

    • iOS シミュレータでの iOS アプリケーションの実行

    • FireMonkey プラットフォームに必要な準備

    • FireMonkey iOS アプリケーションの作成

    • Mac OS X のアプリケーション開発

    • FireMonkey アプリケーションの作成

    • Apple Developer(developer.apple.com ページ)

    o iOS Developer Library o iOS Developer Library: 入門

    o iOS Dev Center o iOS デバイスのプロビジョニング

    o iOS アプリケーションを App Store で配布する準備

    o iAd Network

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_%E3%81%A8_PC_%E3%82%92%E9%80%A3%E6%90%BA%E3%81%95%E3%81%9B%E3%82%8Bhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9%E3%81%A7%E3%81%AE_iOS_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E5%AE%9F%E8%A1%8Chttp://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%82%B7%E3%83%9F%E3%83%A5%E3%83%AC%E3%83%BC%E3%82%BF%E3%81%A7%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E5%AE%9F%E8%A1%8Chttp://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AB%E5%BF%85%E8%A6%81%E3%81%AA%E6%BA%96%E5%82%99http://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_iOS_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E4%BD%9C%E6%88%90http://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_OS_X_%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BAhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E4%BD%9C%E6%88%90http://developer.apple.com/library/ios/navigation/http://developer.apple.com/library/ios/navigation/index.html?section=Resource+Types&topic=Getting+Startedhttp://developer.apple.com/devcenter/ios/index.actionhttp://developer.apple.com/library/ios/#documentation/Xcode/Conceptual/ios_development_workflow/100-Configuring_Your_Development_Assets/identities_and_devices.html#//apple_ref/doc/uid/TP40007959-CH4-SW7http://developer.apple.com/library/ios/#documentation/Xcode/Conceptual/ios_development_workflow/145-Distributing_Applications/distributing_applications.htmlhttp://developer.apple.com/iad/

  • Embarcadero Technologies 27

    FireMonkey iOS アプリケーションを作成する

    このトピックでは、iOS ターゲット プラットフォーム用の "Hello World" FireMonkey アプリケ

    ーションの作成方法を説明します。

    取りかかる前に RAD Studio を使って iOS アプリケーションを開発するには、重要な構成手順を実行し

    ておく必要があります。このチュートリアルでは、必要な以下のセットアップ手順がす

    べて終了していることを前提としています。

    詳細については、以下を参照してください。

    • Mac に開発環境をセットアップする

    • Windows PC に開発環境をセットアップする

    ステップ 1:iOS 用 FireMonkey アプリケーションを新規作

    成する

    1. [ファイル|新規作成|FireMonkey モバイル アプリケーション - Delphi]を選択します。

    2. [空のアプリケーション]を選択します。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%82%BF%E3%83%BC%E3%82%B2%E3%83%83%E3%83%88_%E3%83%97%E3%83%A9%E3%83%83%E3%83%88%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0http://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BBFireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%BD

  • Embarcadero Technologies 28

    FireMonkey モバイル フォーム デザイナに iOS アプリケーション用の新しいフォームが

    表示されます。

    ステップ 2:FireMonkey iOS フォームにコンポーネントを配

    置する

    FireMonkey iOS アプリケーションを作成するには、まず、ユーザー インターフェイスを設計

    します。これは、デスクトップ プラットフォームがターゲットである場合の最初のステップと

    同様です。IDE では、ユーザー インターフェイスを作成するための再利用可能なコンポーネン

    トが数多く提供されています。

    1. マウス ポインタを[ツール パレット]に移動し、[Standard]カテゴリのカテゴリ名の横のプラス([+])アイコンをクリックして展開します。

    2. TEdit コンポーネントを選択し、フォーム デザイナにドロップします。TEdit コンポーネントのインスタンスがフォーム上に表示されます。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8Ahttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%83%84%E3%83%BC%E3%83%AB_%E3%83%91%E3%83%AC%E3%83%83%E3%83%88%EF%BC%BDhttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.Edit.TEdithttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A

  • Embarcadero Technologies 29

    この手順を繰り返して、今度は TLabel コンポーネントと TButton コンポーネントをフォーム

    に追加します。ボタンを選択し、[オブジェクト インスペクタ]で Text プロパティを「Say

    Hello」に変更します。

    これで 3 つのコンポーネントがフォーム デザイナ上にあるはずです。

    これらのコンポーネントをフォーム デザイナ上に配置すると、IDE によって自動的にコンポー

    ネントの名前が設定されます。

    コンポーネントの名前を確認したり変更するには、フォーム デザイナでコンポーネントをクリ

    ックし、その Name プロパティを[オブジェクト インスペクタ]および[構造]ビューで探し

    ます。

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.StdCtrls.TLabelhttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8Ahttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.StdCtrls.TLabelhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E6%A7%8B%E9%80%A0%EF%BC%BD%E3%83%93%E3%83%A5%E3%83%BChttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:WhiteSpace50.png

  • Embarcadero Technologies 30

    TButton コンポーネントの場合、コンポーネント名はデフォルトで Button1(あるいはそのア

    プリケーションで作成した TButton の数に応じて Button2、Button3 など)に設定されます。

    コンポーネントが配置されているフォームにも名前が付いています。FireMonkey モバイル フ

    ォーム デザイナの背景部分を選択し、[オブジェクト インスペクタ]で Name プロパティを

    選択します。フォームの名前 Form1(または Form2、Form3 など)が表示されています。また、

    フォームの名前は[構造]ビューでも探すことができます。

    フォーム デザイナ下部の[コード]タブを選択するか F12 キーを押すと、簡単にソース コー

    ドに移動できます。フォーム デザイナとコード エディタの間の切り替えは、好きなときにいつ

    でも行うことができます。

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8Ahttp://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8Ahttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E6%A7%8B%E9%80%A0%EF%BC%BD%E3%83%93%E3%83%A5%E3%83%BChttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8Ahttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%82%B3%E3%83%BC%E3%83%89_%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF

  • Embarcadero Technologies 31

    コード エディタに移動すると、IDE によって生成されたソース コードを確認することができま

    す。3 つのコンポーネント(Edit1、Label1、Button1)が定義されていることがわかります。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%82%B3%E3%83%BC%E3%83%89_%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:WhiteSpace50.png

  • Embarcadero Technologies 32

    ステップ 3:ユーザーがボタンをクリックしたときのイベン

    ト ハンドラを Delphi で記述する

    次に、TButton コンポーネントのイベント ハンドラを定義します。FireMonkey iOS アプリケー

    ションのイベント ハンドラの定義は、デスクトップ アプリケーションでイベント ハンドラを

    定義する場合と同じ方法で行うことができます。TButton コンポーネントの場合、最も典型的

    なイベントはボタンのクリックです。

    フォーム デザイナでボタンをダブルクリックすると、ボタン クリック イベントのイベント ハ

    ンドラを実装するために使用できるスケルトン コードが、RAD Studio によって作成されます。

    これで、Button1Click メソッドの begin 文と end 文の間に応答を実装できます。

    次のコードでは、"Hello + " と書かれた小さなダイアログ ボ

    ックスを表示するという応答を実装しています。

    Label1.Text := 'Hello ' + Edit1.Text + ' !';

    Delphi で文字列リテラルを囲む引用符は、ストレート単一引用符(つまり '文字列')でなけれ

    ばなりません。また、プラス(+)記号を使用して文字列を連結することができます。文字列

    内に単一引用符を含めたい場合には、文字列内に単一引用符を 2 つ続けて書くと、1 つの単一

    引用符になります。

    コードを入力していると、指定しなければならないパラメータの種類を示すツールチップ ヒン

    トが表示されます。また、クラスでサポートされているメンバの種類もこのツールチップ ヒン

    トで表示されます。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%8F%E3%83%B3%E3%83%89%E3%83%A9%E5%9E%8B%E3%81%AE%E5%AE%9A%E7%BE%A9http://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E6%94%AF%E6%8F%B4%E6%A9%9F%E8%83%BD%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E6%94%AF%E6%8F%B4%E6%A9%9F%E8%83%BD%EF%BC%BD

  • Embarcadero Technologies 33

    ステップ 4:Mac(iOS シミュレータ)上で iOS アプリケー

    ションをテストする

    アプリケーションの実装が終わったので、これでアプリケーションを実行することができます。

    IDE の[実行]ボタン( )をクリックするか、F9 キーを押すか、RAD Studio のメイン

    メニューで[実行|実行]を選択します。

    FireMonkey iOS アプリケーションは、デフォルトで[iOS シミュレータ]ターゲット プラット

    フォーム上で動きます。ターゲット プラットフォームは[プロジェクト マネージャ]で確認で

    きます。

    アプリケーションを実行すると、アプリケーションは Mac へ配置され、その後 Mac 上の iOS

    シミュレータへ配置されます。このアプリケーションの場合、編集ボックスとボタンを持つフ

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_%E3%83%9E%E3%83%8D%E3%83%BC%E3%82%B8%E3%83%A3%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:RunButton.jpg

  • Embarcadero Technologies 34

    ォームが表示されます。編集ボックスにテキストを入力し、[Say Hello]ボタンをクリックし

    ます。

    ステップ 5:接続された iOS デバイス上で iOS アプリケーシ

    ョンをテストする

    プロジェクトの新規作成前に「Mac に開発環境をセットアップする」および「Windows PC に

    開発環境をセットアップする」で説明する手順を終えている場合には、これで、Mac に USB ケ

    ーブルで接続された iOS デバイス上で iOS アプリケーションを実行することができます。

    接続された iOS デバイス上で iOS アプリケーションを実行するには、プラットフォーム アシ

    スタントによってその iOS デバイス上にアプリケーションが配置されるよう、まず[iOS デバ

    イス]ターゲット プラットフォームを選択します。

  • Embarcadero Technologies 35

    [iOS デバイス]ターゲット プラットフォームを選択したら、IDE の[実行]ボタンをクリッ

    クするか、F9 キーを押すか、[実行|実行]を選択して、iOS アプリケーションを実行します。

    iOS アプリケーションにコード署名をする許可を求めるダイアログが、Mac 上に表示される可

    能性があります。[Always Allow]または[Allow]を選択してアプリケーションに署名してく

    ださい。

    その後、iOS デバイスに FireMonkey iOS アプリケーションが表示されるのを待ちます。

    FireMonkey 起動画像($(BDS)\bin\Artwork\iOS にあります)が表示されるのを待ってください。

    関連項目

    • さまざまなスタイルを持つボタン コンポーネントを iOS アプリケーションで使用する

    • iOS モバイル アプリケーション開発

    • Mac OS X のアプリケーション開発

    • iOS サンプル コード

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BAhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/Mac_OS_X_%E3%81%AE%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BAhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/IOS_%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB_%E3%82%B3%E3%83%BC%E3%83%89

  • Embarcadero Technologies 36

    さまざまなスタイルを持つボタン コンポーネント

    を iOS アプリケーションで使用する

    FireMonkey iOS アプリケーションのボタン

    FireMonkey にはさまざまな種類のボタンが定義されていて、どの種類のボタンも以下の説明と

    同じ手順で使用できます。FireMonkey のボタンには、TButton や TSpeedButton などがありま

    す。

    以下は、ユーザー インターフェイスのさまざまな部分のボタン コンポーネントにさまざまなス

    タイルを適用した例です。

    • フォーム上のボタン:

    o

    o

    • ナビゲーション バー上のボタン(ナビゲーション バーはツールバーと呼ぶこともありま

    す)

    o

    o

    o

    o

    o

    o

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.StdCtrls.TSpeedButton

  • Embarcadero Technologies 37

    ボタン コンポーネントのルック アンド フィールを定義する

    FireMonkey モバイル デザイナに新しいボタンを配置したら、[オブジェクト インスペクタ]

    を使って、選択したコンポーネントの重要なプロパティを指定することができます。

    コンポーネント(この場合はボタン)を選択し、以下のような一部のプロパティの値を参照し

    たり変更します。

    • Text プロパティの値を更新して、ボタン表面に表示されるテキストを変更します。

    • Position.X プロパティおよび Position.Y プロパティの値を変更します(またはマウスを

    使ってコンポーネントをドラッグします)。

    • Height プロパティや Width プロパティの値を変更します(またはマウスを使ってコン

    ポーネントの縁をドラッグします)。

    • StyleLookup プロパティの下向き矢印をクリックします。

    StyleLookup のドロップダウン リストで、あらかじめ定義されたスタイルの中からコン

    ポーネントの使い方に応じたものを選択することができます。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%EF%BC%BD

  • Embarcadero Technologies 38

    ボタン コンポーネントを使用してセグメント コントロール

    を作成する

    FireMonkey では、ボタン コンポーネントを使ってセグメント コントロールを定義しています。

    ユーザーはこの機能を使用して複数の選択肢から 1 つの値を選択することができます。

    セグメント コントロールを定義する手順は以下のとおりです。

    1. [ツール パレット]から TSpeedButton コンポーネントを 3 つ配置します。マウスを使って TSpeedButton コンポーネントを隣り合わせに配置します。

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%83%84%E3%83%BC%E3%83%AB_%E3%83%91%E3%83%AC%E3%83%83%E3%83%88%EF%BC%BD

  • Embarcadero Technologies 39

    2. 1 番目のコンポーネントを選択し、StyleLookup プロパティを segmentedbuttonleft に変更します。

    3. 2 番目のコンポーネントを選択し、StyleLookup プロパティを segmentedbuttonmiddle に変更します。

    4. 3 番目のコンポーネントを選択し、StyleLookup プロパティを segmentedbuttonright に変更します。これで、3 つすべてのボタンがセグメント コントロールとして表示され

    ます。

    5. 各コンポーネントを選択し、Text プロパティを任意の値に変更します。

    6. クリックして 3 つのボタンをドラッグし、これら 3 つのコンポーネントを選択します。

    7. GroupName プロパティを LocationSegments などの一意の名前に設定します。

  • Embarcadero Technologies 40

    8. コンポーネントの 1 つがデフォルトで押された状態に表示されるよう指定するには、1 つのコンポーネントの IsPressed プロパティを True に設定します。

  • Embarcadero Technologies 41

    ツールバー コンポーネント上にスコープ バーを作成する

    ツールバー上にセグメント コントロールを定義することができます。これはスコープ バーとも

    呼ばれるもので、検索範囲を制御するために使用できるセグメント コントロールです。

    先ほどの手順と同じ TSpeedButton コントロールを使用しますが、StyleLookup プロパティに

    は以下の値を設定します。

    toolbuttonleft toolbuttonmiddle toolbuttonright

    関連項目

    • FireMonkey iOS アプリケーションを作成する

    • FMX.StdCtrls.TButton • FMX.Controls.TStyledControl.StyleLookup • FMX.StdCtrls.TToolBar

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.StdCtrls.TButtonhttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.Controls.TStyledControl.StyleLookuphttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.StdCtrls.TToolBar

  • Embarcadero Technologies 42

    iOS アプリケーションでカレンダー コンポーネン

    トを使用して日付を選択する

    FireMonkey iOS アプリケーションのカレンダー

    FireMonkey では、TCalenderEdit コンポーネントを使って、iOS ターゲット プラットフォーム

    用のカレンダー コンポーネントや日付選択コンポーネントをラップしています。

    TCalenderEdit コンポーネントは、次のような単純な手順で簡単に使用することができます。

    1. [ツール パレット]で TCalenderEdit コンポーネントを選択し、そのコンポーネントを FireMonkey モバイル フォーム デザイナにドロップします。[ツール パレット]でコン

    ポーネントを探すには、検索ボックス( )に最初の数文字("Cale")を入力します。

    コンポーネントをドロップすると、モバイル フォーム デザイナに TCalenderEdit コン

    ポーネントが表示されます。

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.ExtCtrls.TCalendarEdithttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.ExtCtrls.TCalendarEdithttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%83%84%E3%83%BC%E3%83%AB_%E3%83%91%E3%83%AC%E3%83%83%E3%83%88%EF%BC%BDhttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.ExtCtrls.TCalendarEdithttp://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8Ahttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:SearchGlass.bmp

  • Embarcadero Technologies 43

    2. 基本的にそれだけです。iOS シミュレータまたは接続した iOS デバイスの上でアプリケーションを実行します。TCalenderEdit をタップするとカレンダー コントロールが現れ、

    日付を選択することができます。

    ユーザーによる日付変更のイベント ハンドラを実装する

    ユーザーが日付を変更すると、OnChange イベントが発生します。OnChange イベントのイベ

    ント ハンドラを実装して、ユーザーのアクションに応答することができます。

    OnChange イベント ハンドラを実装するには:

    1. TCalenderEdit コンポーネントを選択します。 2. [オブジェクト インスペクタ]で[イベント]ページを開き、OnChange の隣の空の

    領域をダブルクリックします。

    3. 次のようにコードを記述します。

    procedure TForm25.CalendarEdit1Change(Sender: TObject);

    begin

    ShowMessage(FormatDateTime('dddddd', CalendarEdit1.Date));

    end;

    このコードでは、選択した日付を示すメッセージ ダイアログを表示します。FormatDateTime

    関数は、選択した日付を指定された形式(この場合の dddddd では長い形式の日付が返されま

    す)に変換します。

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.Edit.TCustomEdit.OnChangehttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%EF%BC%BDhttp://docwiki.embarcadero.com/Libraries/XE4/ja/System.SysUtils.FormatDateTime

  • Embarcadero Technologies 44

    関連項目

    • さまざまなスタイルを持つボタン コンポーネントを iOS アプリケーションで使用する

    • iOS アプリケーションでコンボ ボックス コンポーネントを使用してリストから項目を

    選択する

    • 日付および時刻のサポート

    • 型変換ルーチン

    http://docwiki.embarcadero.com/RADStudio/XE4/ja/%E6%97%A5%E4%BB%98%E3%81%8A%E3%82%88%E3%81%B3%E6%99%82%E5%88%BB%E3%81%AE%E3%82%B5%E3%83%9D%E3%83%BC%E3%83%88http://docwiki.embarcadero.com/RADStudio/XE4/ja/%E5%9E%8B%E5%A4%89%E6%8F%9B%E3%83%AB%E3%83%BC%E3%83%81%E3%83%B3

  • Embarcadero Technologies 45

    iOS アプリケーションでコンボ ボックス コンポ

    ーネントを使用してリストから項目を選択する

    FireMonkey iOS アプリケーションで選択コントロールを実

    装する

    iOS プラットフォームでは、FireMonkey は選択コンポーネントを TComboBox コンポーネント

    でラップしています。

    選択コントロールと選択対象のリスト項目を定義するには:

    1. [ファイル|新規作成|FireMonkey モバイル アプリケーション - Delphi|空のアプリケーション]を選択します。

    2. [ツール パレット]で TComboBox コンポーネントを選択し、FireMonkey モバイル フォーム デザイナ上にドロップします。

    TComboBox を探すには、[ツール パレット]の検索ボックスに最初の数文字

    ("Com")を入力します。

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.ListBox.TComboBoxhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BBHD_FireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BBHD_FireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%83%84%E3%83%BC%E3%83%AB_%E3%83%91%E3%83%AC%E3%83%83%E3%83%88%EF%BC%BDhttp://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.ListBox.TComboBoxhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8Ahttp://docwiki.embarcadero.com/RADStudio/XE4/ja/FireMonkey_%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB_%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A

  • Embarcadero Technologies 46

    3. コンポーネントをドロップすると、フォーム デザイナに TComboBox コンポーネントが表示されます。

    TComboBox コンポーネントを右クリックし、[項目エディタ...]を選択します。

    4. [項目の追加]を何度かクリックして、項目を定義します。

    5. [構造]ビューで、ListBoxItem1(リスト内の最初の項目)を選択します。 6. [オブジェクト インスペクタ]で、ListBoxItem1 の Text プロパティを編集します。

    この例(米国の 50 の州)では、リスト内の最初の項目は "Alabama" です。

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.ListBox.TComboBoxhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E6%A7%8B%E9%80%A0%EF%BC%BD%E3%83%93%E3%83%A5%E3%83%BChttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%EF%BC%BD

  • Embarcadero Technologies 47

    7. 他の項目も同様に編集します(Alaska、Arizona、Arkansas、California、Colorado など)。

    8. [iOS シミュレータ]と[iOS デバイス]のどちらかのターゲット プラットフォームでアプリケーションを実行します。

    TComboBox をタップすると選択コントロールが現れ、項目を選択することができます。

    コードを使って項目のリストを構築する

    コードを使って項目のリストを構築するには、Add メソッドを使用します。

    procedure TForm27.FormCreate(Sender: TObject);

    begin

    ComboBox1.Items.Add('Alabama');

    ComboBox1.Items.Add('Alaska');

    ComboBox1.Items.Add('Arizona');

    ComboBox1.Items.Add('Arkansas');

    ComboBox1.Items.Add('California');

    // Other states can be listed here

    ComboBox1.Items.Add('Virginia');

    ComboBox1.Items.Add('Washington');

    ComboBox1.Items.Add('West Virginia');

    ComboBox1.Items.Add('Wisconsin');

    http://docwiki.embarcadero.com/Libraries/XE4/ja/System.Classes.TStrings.Add

  • Embarcadero Technologies 48

    ComboBox1.Items.Add('Wyoming');

    end;

    特定の項目を表示する

    現在選択されている項目は、ItemIndex プロパティで示されます。ItemIndex は整数値であり、

    ゼロから始まるインデックスを使って指定されます(つまり最初の項目がゼロ)。

    5 番目の項目(以下のサンプル コードでは "California")を選択した状態でリストを表示する

    には、ItemIndex を次のように指定します。

    procedure TForm27.FormCreate(Sender: TObject);

    begin

    ComboBox1.Items.Add('Alabama');

    ComboBox1.Items.Add('Alaska');

    ComboBox1.Items.Add('Arizona');

    ComboBox1.Items.Add('Arkansas');

    ComboBox1.Items.Add('California');

    // Other states can be listed here

    // Index of 5th item is "4"

    ComboBox1.ItemIndex := 4;

    end;

    インデックスの値がわからない場合には、次のように IndexOf メソッドを使用すると値を知る

    ことができます。

    procedure TForm27.FormCreate(Sender: TObject);

    begin

    ComboBox1.Items.Add('Alabama');

    ComboBox1.Items.Add('Alaska');

    ComboBox1.Items.Add('Arizona');

    ComboBox1.Items.Add('Arkansas');

    ComboBox1.Items.Add('California');

    // Other states can be listed here

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.ListBox.TCustomComboBox.ItemIndexhttp://docwiki.embarcadero.com/Libraries/XE4/ja/System.Classes.TStrings.IndexOf

  • Embarcadero Technologies 49

    ComboBox1.ItemIndex := ComboBox1.Items.IndexOf('California');

    end;

    ユーザーによる選択のイベント ハンドラを実装する

    ユーザーが項目を選択すると、OnChange イベントが発生します。OnChange イベントのイベ

    ント ハンドラを実装して、ユーザーのアクションに応答することができます。

    OnChange イベント ハンドラを実装するには:

    1. TComboBox コンポーネントを選択します。 2. [オブジェクト インスペクタ]で[イベント]ページを開き、OnClick の隣の空の領域

    をダブルクリックします。

    3. コード エディタが開きます。次のようにコードを記述します。

    procedure TForm27.CalendarEdit1Change(Sender: TObject);

    begin

    ShowMessage(Format('Item %s at Index %d was selected. ',

    [ComboBox1.Selected.Text, ComboBox1.ItemIndex]));

    end;

    このイベント ハンドラでは、選択された項目を示すメッセージ ダイアログを表示します。

    Format 関数は、書式文字列と引数の配列から書式設定された文字列を組み立てて返します。

    http://docwiki.embarcadero.com/Libraries/XE4/ja/FMX.ListBox.TCustomComboBox.OnChangehttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%EF%BC%BB%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88_%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%9A%E3%82%AF%E3%82%BF%EF%BC%BDhttp://docwiki.embarcadero.com/RADStudio/XE4/ja/%E3%82%B3%E3%83%BC%E3%83%89_%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BFhttp://docwiki.embarcadero.com/Libraries/XE4/ja/System.SysUtils.Format

  • Embarcadero Technologies 50

    関連項目

    • iOS アプリケーションでカレンダー コンポーネントを使用して日付を選択する

    • iOS アプリケーションでタブ コンポーネントを使用してページを表示する

    • iOS モバイル アプリケーション開発

    • Mac O