マルチデバイス向けアプリケーションの設計、開発、デバッグ、テストを効率化するネイティブクロス開発スイート製品。23年以上の実績を誇るビジュアル開発ツールの決定版。最新のC++言語機能により、マルチデバイス対応のネイティブ開発をスピードアップ。マルチデバイス対応のハイパフォーマンスSQLデータベース。API)を稼働させるためのアプリケーションサーバー。4さまざまなコンポーネントを使おう日付型の情報入力ができるUIコンポーネント出版日と購入日の情報入力ができるUIコンポーネントを配置します。日付の入力には、TDateEditコンポーネントを使います。このコンポーネントは日付入力用に用意されており、日付チェックなどの手間が省けます。図1-9のように、TLabelとTDateEditを2組み配置して、それぞれプロパティを設定します。Label5プロパティ値Text出版日NamelblPublshedDateDateEdit1プロパティ値Height30NamedtePublishedDateLabel6プロパティ値Text購入日NamelblPurchaseDateDateEdit2プロパティ値Height30NamedtePurchaseDateFireMonkeyには日付や時間を扱うためのUIコンポーネントの他にもたくさんのUIコンポーネントが揃っています。この場合は日付でしたが、時刻の入力や表示、色の一覧をドロップダウンして選択できるコンポーネントなどもあります。リスト項目を表示するUIコンポーネント著者一覧を表示するUIを作成します。著者は複数人いることがありますのでリスト項目を使います。リスト項目のUIコンポーネントは、TListBoxです。TListBoxの配置Label7プロパティ値Text著者NamelblAuthorsListBox1プロパティ値Anchors[akLeft,akTop,akRight]Height105NamelstAuthors画像を表示するUIコンポーネント最後に、書影の画像を表示するコンポーネントを配置します。JPEGやPNGなどの画像フォーマットを表示させるグラフィックコンポーネントとしてTImageControlが用意されています。図1-11のようにTLabelとTImageControlを配置し、プロパティを設定します。Label8プロパティ値Text書影NamelblCoverImageControl1プロパティ値Anchors[akLeft,akTop,akRight,akBottom]Height169NameimgCoverメインのユーザーインターフェイス作成は、これで完了です。最終的なコンポーネントの配置は図1-12を参考にしてください。プロパティを設定した入力ボックスお気づきかと思いますが、C++のコードは一行も書いていません。これらのUIコンポーネントの配置をすべてコードで書くことを想像すると、デザイナ上でドラッグ&ドロップで設計する効率の良さがお分かりいただけると思います。ビルドしてみようC++のコーディングは、次回以降で行います。今回作成したアプリケーションをビルドして、実行してみましょう。実行ボタン(または[実行|デバッガを使わずに実行]メニューを選択)をクリックすると、プロジェクトがビルドされ、ターゲットプラットフォーム(デフォルトでは「Win32」)でアプリケーションが起動します。Windows向けにビルドして実行iPhoneやAndroidといったマルチデバイス向けのビルドもできるのですが、その辺はもう少し先で。次回はこの画面とデータベースを連携させます。受賞歴プレスリリース登録エンバカデロのニュースレター、イベントや製品のお知らせ等のEメール送信を希望される方は、こちらからご登録ください。ZimbabweEメールまたは電話でエンバカデロからの製品/サービス等の案内を受け取るエンバカデロの規定ならびに個人情報取り扱いの方針を理解し、同意しますメールを購読メールアドレスを登録いただきありがとうございました。