 |
||||||||||||
|
||||||||||||
| 前のページ 1 2 3 4 | ||||||||||||
|
||||||||||||
| 画面デザイン | ||||||||||||
|
では、画面をデザインしましょう。本の一覧を表示させます。項目はCSVファイルで作成し、以下の通りです。
こういった一覧を表示するコントロールとしてSpreadSheetというクラスがあります。 そして、SpreadSheetに表示するCSVファイルを読み込むため、ボタンを用意します。Buttonクラスです。 デザインはクラスセレクタから必要なクラスをドラッグ＆ドロップでデザイン画面（先ほど作成したフォーム）に貼りつけます。  図9：クラスセレクタ 次にSpreadSheetを貼りつけます。  図10：ButtonとSpreadSheetの貼りつけ （画像をクリックすると別ウィンドウに拡大図を表示します）  図11：子オブジェクトの挿入 そして、列のタイトルをつけます。デザイン画面は2つのタブがあります。「デザイン」と「スクリプト」です。タイトルは「スクリプトペイン」で記述します。  図12：スクリプトビュー （画像をクリックすると別ウィンドウに拡大図を表示します） デザインビューに戻ると以下のようになっています。  図13：デザインビュー |
||||||||||||
| サーバからの受信記述 | ||||||||||||
|
それでは、ボタンを押下しCSVファイルをサーバから読み込み、表示する部分を作成します。クラスはプロパティとイベントを持っています。ボタン押下はButtonクラスのTouchイベントになります。イベントビューでTouchの部分をダブルクリックします。そうすると、スクリプトペインにTouchイベントのハンドラが記述され、そこに飛びます。 イベントハンドラ内に、SpreadSheetにCSVファイルを読み込む記述をします。  図14：イベントハンドラ （画像をクリックすると別ウィンドウに拡大図を表示します） 「<<」は流し込むための記述です。なお、CSVファイルはlocalhost\\bookにあるものとしています。この3行でサーバからのダウンロード、表示が完了です。 |
||||||||||||
| テスト実行 | ||||||||||||
|
Biz/Designer上でのテスト実行を行い、SpreadSheetの行／列幅を調整した結果が以下です。  図15：結果 「通信ログ」に通信状態が表示されています。  図16：通信ログ  図17：通信内容とHTTPヘッダ情報 （画像をクリックすると別ウィンドウに拡大図を表示します） 次回は、実際に運用されているシステム事例をご紹介します。 |
||||||||||||
|
前のページ 1 2 3 4 |
||||||||||||
|
|
||||||||||||
|
|
||||||||||||
|
||||||||||||
|
|
||||||||||||
|
||||||||||||
-
-
連載
