JAVA入門

Size: px

Start display at page:

Download "JAVA入門"

えいしろうとくやす
9 years ago
Views:

1 JAVA 入門後期 3 JAVAのGUI (JavaのGUI 基本構造いろいろなアプレット)

2 1.GUI 構造 GUI 構造 JAVAでGUIを構築するクラスとして下記のがあります 1アプレットパッケージ 2AWT 3Swing 特に2 3はコンポーネントパッケージを利用

3 1アプレット概要特徴 GUI 構造 1. 最初から GUI 環境が用意されているイベント処理などはアプリケーションと同様 2.WebページのHTMLに埋め込む 3. 文字列等はブラウザ依存

4 GUI 構造 JAVAアプレットクラスコンパイルアプリケーションと同様クラスファイルの作成埋め込みタグコード記述 HTML 文書

5 GUI 構造読み込み HTML 文書指定 Webブラウザアプレットビューア

6 アプレットクラスの作成 1.アプレットクラスの作成 import java.awt.*; import java.applet.*; public class Hello extends Applet{ public static void main(graphics g) { g.drawstring("hello Java",10,10);

7 アプレットクラスの作成コンパイルします C: >javac Hello.java C: >

8 アプレットクラスの作成 HTMLファイルの準備ファイル名 : Hello.html <HTML> <BODY> <APPLET CODE ="Hello.class" WIDTH = 200 HEIGHT = 100> </APPLET> </BODY> </HTML>

9 アプレットクラスの作成アプレットを実行します C: >appletviewer Hello.html 下記のようにアプレットが起動します

10 アプレットクラスの作成 3.Webブラウザの起動次いでHello.htmlファイルを起動します

11 1. 線描画いろいろなアプレット Graphicsクラスには画面に文字図を描くメソッドが用意されている ( 例 1 図 1) 2. 色とフォント Applet 描画について色フォントの設定に関しは次のような方法による ( 例 2 3)

12 図 1. メソッド名 void drawarc(int x, int y, int width, int height, int startangle, int arcangle) Boolean drawimage(image img int x int y imageobserver observer) void drawline(int x1, int y1, int x2, int y2) void drawoval(int x1, int y1, int width, int height) void drawpolygon(int xpoints[], int y xpoints[] int npoints) void drawrect(int x1, int y1, int width, int height) 機能円弧を描くイメージを描く線を描く楕円を描く多角形四角形

void drawoval(int x1, int y1, int width, int height) void drawpolygon(int xpoints[], int y xpoints[] int

13 メソッド名 void fillarc(int x, int y, int width, int height, int startangle, int arcangle) void filloval(int x1, int y1, int width, int height) void fillpolygon(int xpoints[], int y xpoints[] int npoints) void setcolor(color c) void setfont(font font) 機能円弧 ( 塗りつぶし) 楕円 ( 塗りつぶし) 多角形 ( 塗りつぶし) 色フォント図 1.( 続き)

fillpolygon(int xpoints[], int y xpoints[] int npoints) void setcolor(color c)

14 例 1. 線描画 import java.applet.applet; import java.awt.graphics; public class SampleLine1 extends Applet{ public void paint(graphics g){ g.drawline(10,10,100,100);

15 線描画ファイルSampleLine1.htmlとして <HTML> <BODY> <APPLET CODE ="SampleLine1.class" WIDTH = 200 HEIGHT = 100> </APPLET> </BODY> </HTML> を用意

16 実行線描画

17 例 2. 色の変更 import java.applet.applet; import java.awt.graphics; import java.awt.color; public class SampleLine2 extends Applet{ public void paint(graphics g){ g.setcolor(color.red); g.drawline(10,10,100,100);

18 線描画ファイルSampleLine2.htmlとして <HTML> <BODY> <APPLET CODE ="SampleLine2.class" WIDTH = 200 HEIGHT = 100> </APPLET> </BODY> </HTML> を用意

19 実行色の変更

20 例 3.フォントの設定 import java.applet.applet; import java.awt.graphics; import java.awt.color; import java.awt.font; public class SampleLine3 extends Applet{ public void paint(graphics g){ g.setcolor(color.red); g.setfont(new Font("Serif",Font.BOLD,24)); g.drawstring("hello",20,20);

21 線描画ファイルSampleLine3.htmlとして <HTML> <BODY> <APPLET CODE ="SampleLine3.class" WIDTH = 200 HEIGHT = 100> </APPLET> </BODY> </HTML> を用意

22 実行フォントの設定

23 色名白ライトグレイグレイダークグレイ黒赤ピンクオレンジ黄緑マゼンダシアン青指定 Color.white Color.lightGray Color.gray Color.darkGray Color.black Color.red Color.pink Color.orange Color.yellow Color.green Color.magenda Color.cyan Color.blue

24 フォント名フォントスタイル Dialog DialogInput Monospaced Serif SansSerif Symbol 並太字イタリック Font.PLAN Font.BOLD Font.ITALIC

25 画像表示 import java.applet.applet; import java.awt.graphics; import java.awt.image; public class SampleGazo1 extends Applet{ Image img; public void init() { img=getimage(getdocumentbase(),"small.jpg"); public void paint(graphics g) { g.drawimage(img,10,10,this);

26 画像表示ファイルSampleGazo1.htmlとして <HTML> <BODY> <APPLET CODE ="SampleGazo1.class" WIDTH = 200 HEIGHT = 100> </APPLET> </BODY> </HTML> を用意

27 実行画像表示

28 アプレットの動作メソッド名 init() start() stop() destroy() 呼び出し時 Webブラウザ起動アプレット初期化 Webブラウザ起動再読み込みアプレット開始再開他のWebページに移動アプレット停止 Webブラウザ終了アプレット終了

29 処理流れアプレットの動作 init()を自分のクラスで定義 (オーバライド)すればユーザがWebブラウザ起動時最初 1 回行われる処理を記述しておくことができ Webブラウザの動きに合わせた適切アプレットを作成可能 init() start() stop() destroy

30 マウスに反応させる import java.applet.applet; import java.awt.graphics; import java.awt.event.mouselistener; import java.awt.event.mouseevent; public class SampleMouse1 extends Applet implements MouseListener{ int x=10; int y=10; public void init() { addmouselistener(this);

31 public void mouseclicked(mouseevent e){ public void mouseentered(mouseevent e){ public void mouseexited(mouseevent e){ public void mousepressed(mouseevent e){ x = e.getx(); y = e.gety(); repaint(); public void mousereleased(mouseevent e){ public void paint(graphics g){ g.filloval(x,y,10,10);

32 マウスに反応させるファイルSampleMouse1.htmlとして <HTML> <BODY> <APPLET CODE =" SampleMouse1.class" WIDTH = 200 HEIGHT = 100> </APPLET> </BODY> </HTML> を用意

33 実行マウスに反応させる

34 AWTの部品とクラスボタンチェックボックスなどのグラフィカルな部品が用意されていますこのセットをAWT (Abstract Window Toolkit)と呼びます次に一覧を上げます

35 AWTの部品とクラス部品名ボタンチェックボックスチョイスラベルリストテキストフィールドクラス名 Button Checkbox Choice Label List TexField

36 AWTの部品とクラス部品名テキストエリアスクロールバーキャンバスパネルダイアログファイルダイアログフレームクラス名 TextArea Scrollbar Canvas Panel Dialog FillDialog Frame

37 import java.applet.applet; import java.awt.button; import java.awt.event.actionlistener; import java.awt.event.actionevent; public class SampleAWT1 extends Applet implements ActionListener{ Button bt; public void init() { bt=new Button("Strat"); add(bt); bt.addactionlistener(this); public void actionperformed(actionevent ae){ bt.setlabel("stop");

38 AWTの部品とクラスファイルSampleAWT1.htmlとして <HTML> <BODY> <APPLET CODE =" SampleAWT1.class" WIDTH = 200 HEIGHT = 100> </APPLET> </BODY> </HTML> を用意

39 実行 AWTの部品とクラス

40 import java.applet.applet; import java.awt.graphics; アニメーション public class SampleAnime1 extends Applet implements Runnable{ int num; public void init() { Thread th; th= new Thread(this); th.start();

41 public void run(){ try{ for(int i=0;i<10;i++){ num=i; repaint(); Thread.sleep(1000); catch(interruptedexception e){ public void paint(graphics g) { String str = num+"です"; g.drawstring(str,10,10);

42 アニメーションファイルSampleAnime1.htmlとして <HTML> <BODY> <APPLET CODE =" SampleAnime1.class" WIDTH = 200 HEIGHT = 100> </APPLET> </BODY> </HTML> を用意

43 アニメーション実行数字が0~9と変わります

44 アプレットでできないことセキュリティ面から通常アプリケーションより制限をされていますアプレットではユーザのマシンのファイルを操作することはできません悪意のあるアプレットでユーザのファイルが壊されることを防ぐためです

45 アプレットタグの埋め込み <APPLET>タグのソースへの埋め込みこれまでのところでは完成したアプレットを起動するのにHTMLファイルを用意しましたが小さなアプレットを作る度にHTMLファイルを用意するのは大変なので JAVAでは <APPLET>タグのソースへの埋め込む方法を用意しています

46 アプレットタグの埋め込み例 1.では import java.applet.applet; import java.awt.graphics; /* <APPLET CODE ="SampleLine1.class" WIDTH = 200 HEIGHT = 100> </APPLET> */ public class SampleLine1 extends Applet{ public void paint(graphics g){ g.drawline(10,10,100,100);

47 としてアプレットタグの埋め込み C: >appletviewer SampleLine1.java とコマンドを入力します下記のように例 1.と同様の結果が得られます

Microsoft PowerPoint prog1_doc2x.pptx

Microsoft PowerPoint prog1_doc2x.pptx アプレット public class extends Applet { public void paint(graphics g) { // アプレット描画 g.drawstring( Hello World, 10, 20 ); page 1 アプレット : 色 public class extends Applet { Color col; // カラークラス int red, grn, blu;