Apcoordinator ユーザーズガイド

41.2.4 携帯端末用入出力ページを入出力ページ定義を使用して編集する

携帯端末用入出力ページは入出力ページ定義を使用して編集します。入出力ページ定義は携帯端末用入出力ページを編集するための機能で、以下のウィンドウで構成されています。

■[入出力ページ定義ウィンドウ]

入出力ページ定義ウィンドウは、以下の要素から構成されています。ソースファイルの保存やパネル・キャンバスおよびUIコンポーネントのコピーなど、各種の編集操作を行うことができます。

メニュー

メニューコマンドによって各種の編集操作を行います。

ツールバー

携帯端末用入出力ページの新規作成または保存・パネル・キャンバスおよびUIコンポーネントのコピーまたは貼り付け・編集画面の切り替えなどをボタン操作で行うことができます。

ソースツリー

編集する携帯端末用入出力ページやパネル・キャンバスを選択することができます。パネル・キャンバスはマウスドラッグ操作で並ぶ順を変更することができます。

コンポーネント一覧

コンポーネント一覧では、UIコンポーネントをツリー形式で編集することができます。UIコンポーネントツリーおよびUIコンポーネントの並び順を変更するボタンから構成されます。
UIコンポーネントツリーとは、パネル・キャンバスやパネル内に貼り付けられているUIコンポーネントをツリー表示したものです。

フリーレイアウト

フリーレイアウトでは、デバイス画面と同様の画面が表示され、自由にUIコンポーネントのサイズおよび配置の編集を行うことができます。

オブジェクトパレット

貼り付けるパネル・キャンバスおよびUIコンポーネントの一覧です。

プロパティシート

プロパティシートでは、選択されたパネル・キャンバスおよびUIコンポーネントのプロパティを表形式で表示します。

画面遷移ビューワ

画面遷移ビューワでは、UIコンポーネントやソフトキーからの画面遷移の状態をグラフィカルに確認することができます。

メッセージウィンドウ

入出力ページ定義からの情報が表示されます。

ステータスバー

入出力ページ定義の操作中の情報が表示されます。

入出力ページ定義では、以下の方法でユーザインタフェースを編集できます。

コンポーネント一覧による編集

フリーレイアウトによる編集

コンポーネント一覧による編集およびフリーレイアウトによる編集で行った編集操作は、携帯電話エミュレータ画面にリアルタイムで実行イメージが表示されます。

■コンポーネント一覧編集

コンポーネント一覧編集を行う場合は[表示]メニューの[コンポーネント一覧]を選択するか[ツールバー]のコンポーネント一覧の表示を選択します。

コンポーネント一覧編集時には、UIコンポーネントツリーが表示されます。UIコンポーネントツリーには、パネルに貼り付いているUIコンポーネントの並び順（フォーカス移動順）に並んでいます。パネルのlayoutManagerがnull以外の場合に並び順を編集すると、パネル上でのUIコンポーネントの並び順（配置）も変わります。並び順は以下の操作により変更することができます。

UIコンポーネントを先頭へ移動する

UIコンポーネントを１つ上へ移動する

UIコンポーネントを１つ下へ移動する

UIコンポーネントを最後へ移動する

UIコンポーネントツリーでコンポーネント名をドラッグして移動する

■フリーレイアウト編集

フリーレイアウト編集を行う場合は[表示]メニューの[フリーレイアウト]を選択するか[ツールバー]のフリーレイアウトの表示を選択します。
フリーレイアウト編集時には以下の操作によりマウスでUIコンポーネントのサイズや位置を自由に変更することができます。

iモード対応携帯電話ではここで指定したサイズや位置は有効になりません。UIコンポーネントは並び順に表示され、サイズは利用する機種に依存します。

■UIコンポーネントのサイズを変更する

1. サイズを変更したいUIコンポーネントを選択します。
2. 矩形の角、または各辺の中央にマウスカーソルを合わせ、ドラッグ、ドロップします。

■UIコンポーネントの位置を変更する

1. 位置を変更したいUIコンポーネントを選択します。
2. 矩形の中にマウスカーソルを合わせ、ドラッグ、ドロップします。

■UIコンポーネントの整列・整形をする

1. 整列・整形を行いたいUIコンポーネントを選択します。
2. 入出力ページ定義の[編集]メニューの[整列／整形]サブメニューより目的の整列・整形操作を選択します。

パネルのlayoutManagerがnullの場合だけフリーレイアウト編集が可能です。

■編集できない記述

ソースツリー、およびUIコンポーネントツリーには入出力ページ定義では編集できないjspタグ記述も含まれます。編集できない記述を選択した場合は編集操作は無効になり、記述内容の確認のみ行うことができます。 プロパティシートに内容が表示されます。

この部分を編集するにはコンポーネントデザイナのプロジェクト域に表示される、編集したい携帯端末用入出力ページを右クリックして[ページエディタで編集]を選択します。 ページエディタから目的の編集できないjspタグ記述を編集することができます。