画面編集

1. 右の注文入力画面図を参考にコンポーネントを画面配置します。
「配置方法：縦方向整列」にし、フ レーム画面へ一括追加してから、「配置方法：手動配置」に変更して移動すると簡単です。
参考：基本 操作＞画面編集＞一括追加

※［数値入力カウンター（数量欄）］の配置位置は下から2番目です。
※※［数値入力フィールド（合計欄）］が一番下になるように注意してください。
2. フィールドの幅が大体同じになるように調整します。
各画面構成コンポーネントの既定の幅はそれぞれ違います。
コンポーネントの端にマウスを合わせるとポインターが両矢印⇔の形になります。
幅を揃えて調整します。
3. 基本の接続処理を作成します。
画面編集画面を閉じて、ビルダー編集画面で「アプリケーション開始時にフレームを表示する」処理と「フレームを閉じたときにアプリ ケーションを終了する」 処理を作成します。
参考:使ってみよ う＞画 面を作ってみよう(L4)＞基本の接続処理
4. ［ラベル］のテキストを変更します
まだ［ラベル］のテキストを変更していない場合は、［実行（設定可）］ボタンで実行し、各ラベルの上で右クリック＞［テキス ト...］を選択し、「テキストの入力」画面からラベル名を、それぞれ「氏名」「品名」「単価」「数量」「合計」に変更します。
「画面編集画面」に戻り、位置を微調整します。

帳票コンポーネントの追加

［帳票］を印刷するとき、［印刷プレビュー］画面を表示し、［印刷プレビュー］内の「印刷」ボタンをクリックして印刷することがで きま す。
「印刷」ボタンをクリックすると［印刷設定］画面が表示され、プリンタの設定や印刷の設定を行った後、印刷が実行できます。

1. 以下のコンポーネントを追加します。

コンポーネント名	必要数	カテゴリー	テキスト
ボタン	１	画面構成部品＞ボタン	印刷
帳票	１	入出力＞帳票

1. 画面編集画面で［フレーム］上の適当な位置に［ボタン］を配置します。
2. 「実行（設定可）」ボタンで実行し、ボタンのテキストを『印刷』に変更します。

帳票画面の編集の手順

ここでは簡単に帳票画面編集の流れを確認します。
次項で具体的に設定方法を説明します。

参考：基本 のコ ンポーネント＞帳票＞帳票画面編集

1. 要素の追加
1. ビルダー編集画面下部の「帳票編集」ボタンを押して、「帳票レイアウト編集」画面を表示します。
   まだ帳票要素が載っていない、グリッド線のある帳票用紙が表示されます。
2. 帳票編集画面の帳票用紙の上で右クリック＞［帳票要素追加］＞［ラベル要素］を選択します。
   ラベル要素が追加されます。
   ドラッグして適当な位置に配置します。
2. データの設定
［ラベル］要素のデータ設定方法には、キーボードからの「テキスト入力」とコンポーネントから値取得をする「データ取得設定」があり ま す。
1. ［テキスト入力］の方法
1. 追加されたラベル要素の上で右クリック＞［データ設定］＞［テキスト入力...］を選択します。
   「テキスト入力」窓が表示されます。
2. テキストの内容を入力して「OK]ボタンを押します。
2. ［データ取得設定］の方法
1. 追加されたラベル要素の上で右クリック＞［データ設定］＞「データ取得設定...］を選択します。
   「データ取得設定」窓が表示されます。
2. 取得元コンポーネント欄の右にある「変更...]ボタンを押します。
   「コンポーネント選択」窓が表示されます。
   データを取得したいコンポーネント名を選択して、下部にある「選択」ボタンを押します。
3. データ取得メソッドを選択します。
   必要に応じて全メソッド対象にチェックを入れ、メソッド選択欄をクリックします。
   メソッドを選択します。
3. 属性の設定
1. 追加されたラベル要素の上で右クリック＞［データ設定］＞［ラベル描画属性設定...］を選択します。

帳票作成例　ラベル要素・テキスト入力

「テキスト入力」でテキストを設定するラベル要素は以下の６つです。
一つずつ要素を追加し属性を設定しますが、同じ属性のものはコピー＆ペーストすると簡単です。

要素名	テキスト内容	属性変更例
ラベル	注文票	ﾌｫﾝﾄｻｲｽﾞ：36，文字位置：中央
ラベル	氏名	ﾌｫﾝﾄｻｲｽﾞ：14，文字位置：中央，罫線太さ：０
ラベル	品名
ラベル	単価
ラベル	数量
ラベル	合計

1. 要素の追加
1. 帳票編集画面の帳票用紙の上で右クリック＞［帳票要素追加］＞［ラベル要素］を選択します。
   ラベル要素が追加されます。
   ドラッグして適当な位置に配置します。
2. データの設定
1. ［テキスト入力］
   追加されたラベル要素の上で右クリック＞［データ設定］＞［テキスト入力...］を選択します。
   「テキスト入力」窓が表示されます。
   
   例）『注文票』と入力して「OK]ボタンを押します。
3. 属性の設定
1. 追加されたラベル要素の上で右クリック＞［データ設定］＞［ラベル描画属性設定...］を選択します。
   ラベル描画設定画面が表示されます。
   
   例）文字フォント「変更」ボタンを押して、文字フォント選択画面を表示します。
   サイズ「36」を選択します。
   文字位置のコンボボックスをクリックして、「中央」を選択します。
   最後に「適用」ボタンを押します。
4. 帳票要素のコピー
属性設定が同じものはコピーして使うと簡単です。
1. 帳票要素の上で右クリック＞［帳票要素コピー］を選択します。
2. 帳票要素の外に移動し、帳票用紙の上で右クリック＞［帳票要素貼り付け］を選択します。
   要素が貼り付けられるので、適当な位置に配置します。
   
   例）「氏名」と入力した［ラベル］要素の上で右クリック＞帳票要素コピーを選択します。
   ［ラベル］要素の外に移動し、帳票用紙の上で右クリック＞［帳票要素貼り付け］を選択します。
   複数回貼り付けることも可能です。
   貼り付けた［ラベル］要素を適当な位置に移動し、右クリック＞［データ設定］＞［テキスト入力］でテキストを変更します。
3. 帳票要素を選択すると、左上に番号が表示されます。
   この番号は帳票レイアウト編集画面左側のツリー図の並び順と一致しています。
   

帳票作成例　データ取得設定

1. ［ラベル］要素を追加します。
   要素をコピー＆ペーストしてもいいです。
2. 要素の上で右クリック＞［データ設定］＞「データ取得設定...］を選択します。
   「データ取得設定」窓が表示されます。
3. 取得元コンポーネントとデータ取得メソッドを選択します。
   
   例）［テキストフィールド］からテキストを取得する。
1. 「データ取得設定」窓で、取得元コンポーネントの「変更」ボタンを押します。
   表示された「コンポーネント選択」窓で［テキストフィールド］を選択します。
   「選択」ボタンを押します。
2. データ取得メソッド欄の▽をクリックし、「テキストを取得する（）」を選択します。
   「設定」ボタンを押します。
4. 属性を設定します。　

帳票プレビューの確認

1. 帳票レイアウト編集画面を閉じ、編集画面に戻ります。
   「実行」ボタンを押し、フレーム画面を表示します。
   フレーム画面上の「印刷」ボタンを押して、印刷プレビュー画面を表示します。
2. 印刷プレビュー画面内右上の「印刷」ボタンを押すと、印刷ダイアログが表示されます。
   ダイアログの「印刷」ボタンを押すと、印刷できます。

1. 以下のコンポーネントを追加します。

コンポーネント名	必要数	カテゴリー	コンポーネントキー
ボタン	１	画面構成部品＞ボタン
サブルーチン	１	処理部品＞サブルーチン	クリア

1. 画面編集画面で［フレーム］上の適当な位置に［ボタン］を配置します。
2. 「実行（設定可）」ボタンで実行し、ボタンのテキストを『クリア』に変更します。

フレームを用意する

1. 以下のコンポーネントを追加します。

コンポーネント名	必要数	カテゴリー	ｺﾝﾎﾟｰﾈﾝﾄｷｰ／テキスト
フレーム	1	画面構成部品＞ウィンドウ	カタログ
ボタン	１	画面構成部品＞ボタン	カタログ
テーブル	１	画面構成部品＞テーブル	カタログ

1. 画面編集画面で、一つ目の［フレーム（注文票）］上の適当な位置に［ボタン］を配置します。
2. 「実行（設定可）」ボタンで実行し、ボタンのテキストを『カタログ』に変更します。
3. 新しい［フレーム（カタログ）］上に［テーブル］を配置します。

テーブルの作成

1. ［実行（設定可）］ボタンで実行し、「カタログ」ボタンを押して、［フレーム（カタログ）］を表示します。
   まだ［テーブル］に行や列は設定していない状態です。
2. テーブルの上で右クリック＞［テーブル作成...］を選択します。
   2列4行のテーブルを作成します。
   複数列を追加するときは、列型は初め「java.lang.String」（文字列型）を選択します。
3. 単価列（右側）の列型を整数に変更します。
   ［テーブル］上で右クリック＞［列］＞［列型］＞［整数］を選択しま す。
4. 列名を入力します。
   テーブル列の上で右クリック＞［列］＞［列名…］を選びます。
   列名の入力窓で列名を入力します。
5. 右図「カタログ完成画面例」を参考に、セルに品名と単価を入力します。
6. テーブル幅や列幅を調整します。

注文票にカタログデータを登録する

1. ［サブルーチン］を先頭に処理をまとめ、［ボタン］から［サブルーチン］を 呼び出し ます

コンポーネント名	必要数	カテゴリー	テキスト／コンポーネントキー
ボタン	１	画面構成部品＞ボタン	注文票へ登録
サブルーチン	１	処理部品＞サブルーチン	注文登録

1. 画面編集画面で［フレーム（カタログ）］上の適当な位置に［ボタン］を配置します。
   配置方法を「縦方向整列」に変更するとコンポーネントが縦に並びます。
2. 「実行（設定可）」ボタンで実行し、ボタンのテキストを『注文票に登録』に変更します。

1. セルの値の取得
   
サブルーチンを接続元コンポーネンとし、アクションイベントの処理を作成します。
1. 【接続8-1】［テーブル］を接続先に設定します。
   カタログテーブルの選択行の品名の値を取得します。
   メソッド「指定セルの値を取得する（int,int）」を選択します。
   引数０（指定行）：メソッド戻り値、テーブル、選択行の位置を取得する
   引数１（指定列）：固定値、「０」※列番号は「０」から始まります。
2. 【接続8-2】［テキストフィールド（品名欄）］を接続先に設定します。
   メソッド「テキストを設定する（String）」を選択します。
   引数：メソッド処理結果、指定セルの値を取得する
3. 【接続8-3】［テーブル］を接続先に設定します。
   カタログテーブルの選択行の単価の値を取得します。メソッド「指定セルの値を取得する（int,int）」を選択します。
   引数０（指定行）：メソッド戻り値、テーブル、選択行の位置を取得する
   引数１（指定列）：固定値、「1」
   
4. 【接続8-4】［数値入力フィールド（単価欄）］を接続先に設定します。
   メソッド「テキストを設定する（String）」を選択します。
   引数：メソッド処理結果、指定セルの値を取得する
   ※このとき、「メソッド処理結果選択」窓には同じ名前のメソッ ド名が現れるので、注意して2つ目のメソッド名を選択します。
2. ［ボタン］との接続
1. 【接続9-1】［ボタン（注文票へ登録）］のアクションイベントの接続先を［サブルーチン（注文登録）］とし、メソッド「処 理を呼び出す（）」を選択します。

上書き確認のダイアログ表示

1. 以下のコンポーネントを追加します。

コンポーネント名	必要数	カテゴリー	テキスト／コンポーネントキー
文字列格納変数	１	処理部品＞変数	既登録確認
比較演算（＞）	１	処理部品＞演算制御
確認ダイアログ	１	画面構成部品＞ダイアログ

確認メッセージを変化させる

1. 以下のコンポーネントを追加します。

コンポーネント名	必要数	カテゴリー	テキスト／コンポーネントキー
文字列格納変数	１	処理部品＞変数	確認メッセージ

メニューの配置

1. 以下のコンポーネントを追加します。

コンポーネント名	必要数	カテゴリー	テキスト
メニュー	１	画面構成部品＞メニュー	ファイル
メニューアイテム	3	画面構成部品＞メニュー	印刷 クリア 終了

1. メニューを配置します。
   ［フレーム（注文票）］上で右クリック＞［コンポーネント追加］で［メニュー］を選択します。
2. メニューアイテムを追加します。
   配置メニューツリーの［メニュー］上で右クリック＞［コンポーネント追加］または［コンポーネント一括追加］で追加し ま す。
3. テキストを変更します。
   編集画面上でコンポーネントをダブルクリックし、表示される「属性情報設定」窓で「Text」の欄を変更します。
   それぞれ「ファイル」、「印刷」、「クリア」、「終了」とします。

1. メニューアイテムと処理を接続します。
   
1. 【接続14-1】「印刷」メニューを選択すると印刷プレビューを表示します。
   【接続4-1】をコピーし、［メニュー（印刷）］のアクションイベントに貼り付けます。
2. 【接続15-1】「クリア」メニューを選択すると注文票入力画面をクリアします。
   【接続6-1】をコピーし、［メニュー（クリア）］のアクションイベントに貼り付けます。
3. 【接続16-1】「終了」メニューを選択すると注文票アプリケーションを終了します。
   ［フレーム（注文票）］を閉じます。