図17に示すように、「接続モード」ボタンをクリックし、 次にjButton1の上でマウスの左ボタンをクリックする。 この操作で、jButton1の境界線が赤色に変わる。 境界色が赤になることでこのコンポーネントに対するイベントを処理する 操作であることが確認できる。 続いて、jPanel2の上でマウスボタンを左クリックすると、図18 が表示される。
ここでは、action の左側の短い横棒が付いた丸いアイコンをクリックして 詳細を表示し、actionPerformed を選ぶ (actionPerformedの背景色が灰色に変わる)。 この状態で、[次へ]をクリックし、次の操作画面へ移る。(図19)
jPanel2に描かれた図を消去する操作は、直接にプログラムコードを入力 することで登録するので、図の「ユーザーコード」の左側の丸いボタンを 図のように選択した後に[完了]をクリックする。
画面が切り替わり図20に示すように、ソースエディタ内の
jButton1ActionPerformed
という名前の関数の中に
カーソルが置かれた状態でソースエディタが表示される。
ここに、このイベントに対するアクション
(jPanel2内の図を消去する)を定義する。
// 処理コードをここに追加します
|
|
[注意] 大文字、小文字を区別して正確に入力してください。 また、l(エル)と1(数字の1)、 O(大文字のオー)と0(数字のゼロ)も 間違いやすいので注意してください。
図21に枠で囲って置き換える部分を示す。 図の背景色が付いているが行は、エディタに対して保護されており 書き換えることができない。