JAVA入門

(1)

JAVA入門後期③

JAVAのGUI

（JavaのGUI基本構造、いろいろな

アプレット

）

JAVA入門後期③

JAVAのGUI

（JavaのGUI基本構造、いろいろな

アプレット

）

(2)

GUI構造

１．GUI構造

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

(3)

GUI構造

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

(4)

GUI構造

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

(5)

GUI構造

HTML文書指定読み込み

(6)

アプレットクラスの作成

１．アプレットクラスの作成

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> <BODY>

</APPLET> </BODY> </HTML>

(9)

アプレットクラスの作成

アプレットを実行します。

C:¥・・・>appletviewer Hello.html

(10)

アプレットクラスの作成

３．Webブラウザの起動

(11)

いろいろなアプレット

１．線描画

Graphicsクラスには、画面に文字､図を描くメ

ソッドが用意されている。（例１、図１）

２．色とフォント

Applet描画について、色、フォントの設定に関し

は次のような方法による。（例２、３）

(12)

図１．

四角形 void drawRect(int x1, int y1, int width,

int height)

多角形 void drawPolygon(int xPoints[], int y

xPoints[] int nPoints)

楕円を描く void drawOval(int x1, int y1, int width,

int height)

線を描く void drawLine(int x1, int y1, int x2, int

y2)

イメージを描く Boolean drawimage(Image img int x

int y imageObserver observer)

円弧を描く void drawArc(int x, int y, int width, int

height, int startAngle, int arcAngle)

機能メソッド名

(13)

機能メソッド名

フォント void setFont(Font font)

色 void setColor(Color c)

多角形（塗りつぶし）

void fillPolygon(int xPoints[], int y xPoints[] int nPoints)

楕円（塗りつぶし）

void fillOval(int x1, int y1, int width, int height)

円弧（塗りつぶし）

void fillArc(int x, int y, int width, int height, int startAngle, int arcAngle)

(14)

例１．線描画

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> </BODY> </HTML> を用意

(16)

線描画

(17)

例２．色の変更

import java.applet.Applet; import java.awt.Graphics; import java.awt.Color;

g.setColor(Color.red);

g.drawLine(10,10,100,100); }

(18)

線描画

<BODY>

(19)

色の変更

(20)

例3．フォントの設定

import java.applet.Applet; import java.awt.Graphics; import java.awt.Color;

import java.awt.Font;

g.setColor(Color.red);

g.setFont(new Font("Serif",Font.BOLD,24)); g.drawString("Hello",20,20);

} }

(21)

線描画

<BODY>

(22)

フォントの設定

(23)

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

(24)

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

(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>

(27)

画像表示

(28)

アプレットの動作

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

(29)

アプレットの動作

処理流れ

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

(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;

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の部品とクラス

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

(36)

AWTの部品とクラス

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

(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;

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

(39)

AWTの部品とクラス

(40)

アニメーション

import java.applet.Applet; import java.awt.Graphics;

public class SampleAnime1 extends Applet implements Runnable{

int num;

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

(43)

アニメーション

(44)

アプレットでできないこと

セキュリティ面から通常アプリケーションより制

限をされています。

アプレットではユーザのマシンのファイルを操作

することはできません。

悪意のあるアプレットでユーザのファイルが壊さ

れることを防ぐためです。

(45)

アプレットタグの埋め込み

<APPLET>タグのソースへの埋め込み

これまでのところでは、完成したアプレットを起

動するのにHTMLファイルを用意しましたが、

小さなアプレットを作る度にHTMLファイルを用

意するのは大変なので、JAVAでは

<APPLET>タグのソースへの埋め込む

方法を用意しています。

(46)

アプレットタグの埋め込み

例１．では import java.applet.Applet; import java.awt.Graphics; /＊

</APPLET> */

g.drawLine(10,10,100,100); }

(47)

アプレットタグの埋め込み

として、

C:¥・・・>appletviewer

SampleLine1