アプレットⅢ

Transcription

1 アプレット Ⅲ JV3 今回の課題項目 アプレット (GUI アプリケーション AWT Swing) アプレット (GUI コンポーネント GUI コントロールクラス ) アプレット (AWT コンポーネントの表示 ) アプレット ( レイアウト ) アプレット (GUI コンポーネントのイベント処理 ) 今回の重点項目 アプレット (GUI コンポーネント ) -1-

2 アプレット GUI アプリケーションの概要 Java で GUI プログラムするには Swing と AWT と謂う 2 つのパッケージ存在する Java で GUI する時に利用する 2 つのパッケージ Swing javax.swing パッケージ AWT(Abstract Window Toolkit) java.awt パッケージ 夫々れ上表の様に Swing は javax.swing パッケージ AWT は java.awt パッケージで定義されて居る Java1.1 迄は Swing は標準では搭載されて居らず Swing は AWT に変わる新しい GUI 用のパッケージと謂う事に成る パッケージの特徴 長所 短所 Swing 高機能で OS に依存しない動作的に重く アプレットで標準では利用出来ない AWT OS に依存する Swing は新しいパッケージで有る為 未だ ブラウザで対応出来て居ない (JavaPlug-in をインストールして居れば実行可能 ) 更に Swing は AWT に比べ可成り重い 此れは AWT が OS の API をラップした物に対し Swing は Java 独自で総てを定義して居る為で有る 此れに依り重くは成るが OS に依存しないコントロールが可能に成る 孰れを使用するかは 高機能性を求めるなら Swing 誰もが使えるアプレットを作成するなら AWT と謂う様に プログラマが実行環境に適した物を選択する事に成る Swing は look&feel の変更も可能で UNIX WINDOW JAVA 等での外観を 違う OS でも表示する事も出来る GUI コントロールクラス AWT Swing ウィンドウ Frame Jframe ダイアログウィンドウ Dialog jdialog ボタン Button Jbutton JToggleButton ラジオボタン JradioButton チェックボックス CheckBox JcheckBox 1 行テキストボックス TextField JtextField JPasswordField 複数行テキストボックス TextArea JtextArea スクロールバー Scrollbar JscrollBar メニューバー MenuBar JmenuBar リストボックス List Jlist ラベル Label Jlabel コンボボックス Choice JcomboBox プログレスバー JProgressBar ツールバー JtoolBar ツリーコントロール Jtree パネル Scrollpanel Panel Canvas Jscrollpane JPanel JtabbedPanel JsplitPanel JtextPanel ポップアップメニュー PupupMenu JpupupMenu スライダーコントロール Jslider テーブル Jtable GUI コントロールは総て java.awt パッケージの Component クラスのサブクラスで有る -2-

3 各種 AWT コンポーネントの表示 各種 AWT(Abstract Window Toolkit) コンポーネントの表示方法を 下記に示す Label 此のクラスは 単一行の読み取り専用テキストを表示する テキストを変更するにはアプリケーションを使用し ユーザが直接編集する事は出来ない public class awtlabel extends Applet Label mylabel1 =new Label(" ラベル 1"); Label mylabel2 =new Label(" ラベル 2", Label.CENTER); Label mylabel3 =new Label(" ラベル 3", Label.RIGHT); mylabel1.setbackground(color.red); mylabel2.setbackground(color.green); mylabel3.setbackground(color.blue); this.add(mylabel1); this.add(mylabel2); this.add(mylabel3); List 此のクラスは テキスト項目のスクロールリストをユーザに対して表示する リストは 単一 又は 複数の項目が選択する事が出来る様に設定する事が出来る public class awtlist extends Applet List mylist = new List(4, false); mylist.add("mercury"); mylist.add("venus"); mylist.add("earth"); mylist.add("javasoft"); mylist.add("mars"); mylist.add("jupiter"); mylist.add("saturn"); mylist.add("uranus"); mylist.add("neptune"); mylist.add("pluto"); this.add(mylist); -3-

4 Button 此のクラスは ラベル付きボタンを生成する アプリケーションで ボタンが押された時にアクションが実行される様にする事が出来る public class awtbutton extends Applet Button mybutton = new Button(" ボタン "); this.add(mybutton); Checkbox チェックボックスは オン (true) 又は オフ (false) の孰れかの状態を取る事が出来る チェックボックスをクリックすると 其の状態をオンからオフに 又は オフからオンに変更する事が出来る public class awtcheckbox extends Applet Checkbox mycheckbox1 = new Checkbox("Male"); Checkbox mycheckbox2 = new Checkbox("Female"); this.add(mycheckbox1); this.add(mycheckbox2); Scrollbar 此のクラスは スクロールバーを実現する スクロールバーは ユーザが値の範囲から値を選択する事が出来る様にする為の便利な手段を提供する public class awtscrollbar extends Applet Scrollbar myscrollbar = new Scrollbar(Scrollbar.HORIZONTAL); this.add(myscrollbar); -4-

5 Choice 此のクラスは 選択範囲のポップアップメニューを表す 現在の選択範囲は メニューのタイトルと仕て表示される public class awtchoice extends Applet Choice mychoice = new Choice(); mychoice.add(" 日本 "); mychoice.add(" ドイツ "); mychoice.add(" イタリア "); mychoice.add(" アメリカ "); this.add(mychoice); TextArea 此のクラスは テキストを表示する複数行領域を実現する 編集可能に設定する事も 読み取り専用に設定する事も出来る public class awttextarea extends Applet TextArea mytextarea = new TextArea("Hello", 4, 10); this.add(mytextarea); TextField 此のクラスは 1 行のテキストの編集を行える様にするテキスト領域を実現する public class awttextfield extends Applet TextField mytextfield = new TextField("Hello", 20); this.add(mytextfield); -5-

6 Canvas 此のクラスは アプリケーションが描画したり ユーザからの入力イベントをトラップしたりする事が出来る空白の矩形の画面領域を実現する public class awtcanvas extends Applet DrawCanvas canvas = new DrawCanvas(); // アプレットの初期化 this.add(canvas); public void paint(graphics g) canvas.repaint(); // 描画 class DrawCanvas extends Canvas // コンストラクタ public DrawCanvas() super(); this.setbackground(color.cyan); this.setsize(50, 50); // 適当なキャンパスサイズを確保 // 描画 public void paint(graphics gc) gc.drawoval(10,10, 20, 30); MenuBar( Frame ) 此のクラスは フレームに結合されるメニューバーの概念をカプセル化するクラスで有る メニューバーを Frame オブジェクトに関係付けるには フレームの setmenubar メソッドを呼び出す public class awtmenu extends Applet awtframe fm = new awtframe("menu Test"); fm.init(); fm.show(); -6-

7 class awtframe extends Frame public awtframe(string t) settitle(t); resize(400,200); MenuBar mymenubar = new MenuBar(); Menu myfile = new Menu(" ファイル "); Menu myedit = new Menu(" 編集 "); MenuItem myitem = new MenuItem(" 終わらない "); myfile.add(myitem); mymenubar.add(myfile); mymenubar.add(myedit); setmenubar(mymenubar); アプレット上に直接設置する事は出来ず フレームを表示する必要が有る 猶 イベント設定を仕て居ない為フレームを閉じるには 強制終了する Dialog( Frame ) 此のクラスは タイトルとボーダを持つトップレベルのウィンドウで有り ユーザが何等かの入力を行う為に通常使用される public class awtdialog extends Applet mydialog d=new mydialog(new Frame()); d.init(); class mydialog extends Dialog public mydialog(frame parent) super(parent,"mydialog",true); public void init () setsize(300,150); setvisible(true); アプレット上に直接設置する事は出来ず フレームを表示する必要が有る 猶 イベント設定を仕て居ない為フレームを閉じるには 強制終了する -7-

8 Panel を利用したレイアウト Java の場合 レイアウトマネージャをパネル ( ウィンドウ等 ) に設定すると 追加した GUI 部品を Java が適当に配置する 併し アプレットは大きさを自由に設定する事が出来る為 座標と大きさを独自に設定した方が思い通りのレイアウトを行う事が出来る 猶 ビジュアルにレイアウトを行う事の出来る RAD ツール (CodeWarrior 等 ) を所持して居る場合は レイアウトを簡単に行う事が出来る レイアウトの種類 基本的なレイアウトは 下記の通りで有る 猶 此等は AWT(java.awt パッケージ ) で定義されて居るレイアウトで Swing では 色々とレイアウトが追加されて居る FlowLayout( デフォルト ) 横書の文章の様に部品を順に並べる BorderLayout 部品を上 下 右 左 中央の 5 箇所に並べる GridLayout 格子状に部品を並べる CardLayout カード状に重ねて並べる 上記以外にも GridBagLayout と謂う HTML のテーブルの様なレイアウトが有る 更に 此等のレイアウトをネスティング ( 入れ子 ) する事も出来る レイアウトの設定 レイアウトを設定する書式は 下記の通りで有る setlayout( new レイアウトマネージャ名 ( ) ); // 例 :setlayout( new BorderLayout( ) ); 上記の setlayout メソッドは java.awt パッケージで定義されて居る Container クラスのメソッドで有り Applet クラスは Container クラスを継承して居るので 其の儘 レイアウト枠を指定する事が可能で有る 猶 アプレットでは デフォルトで FlowLayout 枠が設定されるが setlayout メソッドの引数に null を指定するとレイアウト枠を無効にする事も出来る 亦 コンポーネントをレイアウト枠に追加するには 同じく Container クラスのメソッドで有る add メソッドを使用する ( 例 :add( new Button( " 実行 " ) ); ) -8-

9 BorderLayout の利用例 java.awt パッケージで定義されて居る BorderLayout クラスは 上端 下端 右端 左端 及び 中央の 5 箇所の領域に収まる様に コンポーネントの整列とサイズ変更を行い コンテナに配置する 各領域は コンポーネントを最大 1 個宛含む事が出来る 各領域は BorderLayout クラスで定義されて居る下記の定数に依り識別される NORTH( 上端 ) SOUTH( 下端 ) EAST( 右端 ) WEST( 左端 ) CENTER( 中央 ) 猶 文字列 "North" "South" "West" "Center" を使用する事も出来る 亦 場所を指定しない場合は CENTER を選択したと看做される 因みに 同じ場所に 2 度コンポーネントを追加した場合 後で追加した方が適用される public class UseBorderLayout extends Applet setlayout(new BorderLayout()); add(new Button("North"), BorderLayout.NORTH); add(new Button("South"), "South"); add(new Button("West"), "West"); add(new Button(" 西 "), "West"); add(new Button("Center")); レイアウト枠のネスティング ( 入れ子 ) レイアウト枠の中に 更にレイアウト枠を配置するネスティング ( 入れ子 ) を行う事も出来る 猶 Panel クラスも Container クラスを継承して居るので レイアウトが可能で有る public class LayoutNest extends Applet setlayout(new BorderLayout()); Panel p = new Panel(); p.setlayout(new GridLayout(2, 3)); for(int i=1;i < 7; i++) p.add(new Button("" + i)); add(p, BorderLayout.NORTH); add(new Button("West"), BorderLayout.WEST); add(new Button("East"), BorderLayout.EAST); add(new Button("Center")); -9-

10 JV3 演習 AWT コンポーネントの使用 下記のコードを テキストエディタで入力し awtpushbutton.java と謂うファイル名で保存した後 コンパイルして HTML ファイルから呼び出し ブラウザで表示する public class awtpushbutton extends Applet public Button red_button, green_button; public Canvas map; public Panel button_panel; map = new Canvas(); map.resize(100, 100); map.setbackground(color.red); add(map); button_panel = new Panel(); button_panel.resize(100, 100); button_panel.setlayout(new BorderLayout()); red_button = new Button("Red"); red_button.setforeground(color.red); red_button.setfont(new Font("TimesRoman", Font.PLAIN, 36)); green_button = new Button("Green"); green_button.setfont(new Font("TimesRoman", Font.PLAIN, 36)); green_button.setforeground(color.green); button_panel.add("north", red_button); button_panel.add("south", green_button); add(button_panel); // コンポーネントに何等かのアクションが有った場合 自動で呼ばれる public boolean action(event ev, Object obj) if (ev.target == red_button) map.setbackground(color.red); else map.setbackground(color.green); return true; AWT コンポーネントは画面に表示される時 其の位置は自動で決定される 其の為 表示させ度い位置に表示させる事が困難に成る 然う謂う時は Panel を使用する ( ドット単位で指定する事も出来る ) -10-

11 JV3 キーボードからの入力 下記のコードを テキストエディタで入力し KeyInput.java と謂うファイル名で保存した後 コンパイルして HTML ファイルから呼び出し ブラウザで表示する public class KeyInput extends Applet TextField text,text2; int x = 100; int y = 100; text = new TextField("" + x, 4); add(text); text2 = new TextField("" + y, 4); add(text2); public void paint(graphics g) g.drawrect(x, y, 100, 100); public boolean action(event ev, Object obj) if (ev.target == text) x = Integer.parseInt((String)obj); else if (ev.target == text2) y = Integer.parseInt((String)obj); repaint(); return true; キー入力には AWT コンポーネントの TextField を使用する action メソッドは コンポーネントに何等かのアクション ( イベント発生 ) が有った場合に自動で呼ばれるメソッドで java.awt パッケージで定義されて居る Component クラスのメソッド有り 同じく java.awt パッケージで定義されて居る Event クラスを引数と仕て与える 猶 JDK 1.1 以降では 推奨されて居ないが 簡単なイベント処理を行うのに 用いる事が出来る -11-