ＪＡＶＡ　ＧＵＩプログラミング第３回イベント処理① マウスイベント.

Slides:

Advertisements

Similar presentations

Ver 準備 Java フォルダに移動して …… mkdir Swing Swing フォルダに移動して …… cp ~gundam/Java/Swing. コマンドプロンプト ( ＪＤＫ ) でないと起動しないので注意！！！

Advertisements

ソフトウェア工学知能情報学部新田直也. オブジェクト指向パラダイムとは  オブジェクト指向言語の発展に伴って形成されてきたソフトウェア開発上の概念．オブジェクト指向分析，オブジェクト指向設計など，プログラミング以外の工程でも用いられる．  ソフトウェアを処理や関数ではなくオブジェク.

ゴールデンウィークの課題（提出日：2009/05/12） 2009/05/12に小テストがあります！

社会人学習講座「Javaプログラミング概論」

情報処理演習 (９)グラフィックスシステム科学領域　日浦慎作.

GridLayout オブジェクト（省略）

プログラミング入門電卓番外編～エクセルで関数表示～.

Imageの描画画像を読み込んで表示すること。 import java.awt.*;が必要。

Applet 岡部　祐典鈴木　敬幸.

ＪＡＶＡ　ＧＵＩプログラミング第６回ＴｅｘｔＦｉｅｌｄとＬａｂｅｌ.

数値計算及び実習第3回プログラミングの基礎(1).

オブジェクト指向言語第12回アプレット.

JAVA　GUIプログラミング第１回ＪＡＶＡの実行絵を描こう.

アプレット (Applet)について.

1.Java 概要 2.簡単なアプレット 3.動画を表示するアプレット 4.アプレットの改良 5.開発環境の利用(データベース)

Iアプリプログラミングその１　鳥居秀徳.

Javaでゲーム　山本拓弥.

Javaのインタフェースについての補足 2006年5月17日海谷治彦.

JavaServlet＆JSP入門 01K0018 中村太一.

　Applet アプレット ◇長い長いアプレット講座◇.

C言語講座第4回ポインタ.

ＪＡＶＡ　ＧＵＩプログラミング第５回ボタンとそのイベント処理.

インタフェースプログラミング　第１４回インタフェースプログラミング第１４回.

第14回独習Javaゼミセクション１～３発表者直江　宗紀.

アプレットプログラミング　第１０回アプレットプログラミング第１０回.

プログラミング演習３第２回　GUIの復習.

Unity, C# 移動するモデルの位置を指定した位置へ自動修正

基礎プログラミング演習第１０回.

ＪＡＶＡ　ＧＵＩプログラミング第２回グラフィックスを使っての演習グラフを描こう.

アルゴリズムとデータ構造演習（６月２４日）グラフィックス、その２テキストフィールドで入力するチェックボックスで１つ以上指定する

Java入門 13.5カラーの使用 13.6テキストの表示　　　　　　　　　　　　　　　　　2003/12/12 　　　　　　　　　　　　　　　　　　紺野憲一.

オブジェクト指向プログラミング第十三回知能情報学部新田直也.

プログラミング演習３第３回　ミニプロジェクト.

電界中の電子の運動シミュレータ作成精密工学科プログラミング基礎資料.

TCanvas BCB：TCanvasクラスでグラフィックを扱う。 TFormなどもプロパティとして持っている。

アルゴリズムとプログラミング (Algorithms and Programming)

プログラミング演習３第２回　GUIの復習.

プログラミング基礎ａ第10回 Javaによる図形処理入門（２） GUIの使い方

Java/Swingについて (3) 2005年10月19日海谷治彦.

第６回：ラケットを動かそう！（キーボードによる物体の操作）

JAVA入門後期③ JAVAのGUI （JavaのGUI基本構造、いろいろなアプレット）

JAVA入門後期⑥ JAVAのAWTの基本構造（レイアウトマネージャー、ウインドウ型アプリケーション）

プログラミング基礎ａ第10回 Javaによる図形処理入門（２） GUIの使い方

プログラミング基礎ａ第12回 Java言語による図形処理入門（３）アニメーション入門

プログラミング基礎ａ第11回 Java言語による図形処理入門（３）アニメーション入門

プログラミング入門第6回 ~レゴロボットのプログラミング6~

プロジェクト演習Ⅱ インタラクティブゲーム制作

プログラミングⅠ 平成30年10月22日森田　彦.

JAVA入門後期④ イベント、AWT、の基本構造、スレッド

オブジェクト　プログラミング第２回プログラムの基本.

第1章いよいよプログラミング！！～文章の表示 printf～

アルゴリズムとプログラミング (Algorithms and Programming)

基礎プログラミング演習第６回.

ソフトウェア工学知能情報学部新田直也.

オブジェクト指向言語論第十二回知能情報学部新田直也.

C#プログラミング実習第3回.

プログラミング入門電卓を作ろう・パートI!!.

画面への描画 Graphics オブジェクト紙ペン Pen オブジェクト Brush オブジェクト画面のピクセルをカプセル化

ウェブデザイン演習第６回.

第5回プログラミングⅡ 第5回

プログラミング基礎ａ第９回 Java言語による図形処理入門(1) Javaアプレット入門

オブジェクト指向言語論第十一回知能情報学部新田直也.

標準入出力、変数、演算子、エスケープシーケンス

プログラミング実習(Java) グラフィクス処理とGUIプログラミング講師：坂口利裕（横浜市立大学）

第7章そろそろ int 以外も使ってみよう！～データ型 double , bool～

プログラミング入門２第3回条件分岐（2）繰り返し文篠埜　功.

５．基本ＡＰＩ５－１レイアウトウィジェットの並べ方を指定するには、パレットのレイアウト（Layoutでは以下の8種類）を配置する。

計算機プログラミングI 第2回 2002年10月17日(木) 履習登録複習ライブラリの利用 (2.6-7) 式・値・代入 (2.6-8)

計算機プログラミングI 第5回 2002年11月7日(木) 配列: 沢山のデータをまとめたデータどんなものかどうやって使うのか

Presentation transcript:

ＪＡＶＡ　ＧＵＩプログラミング第３回イベント処理① マウスイベント

マウスのイベント処理今日はマウスが画面に入ったり、出たり、クリックしたり、放したりしたときの処理を作るプログラムを作成していきます。

マウスのイベント基本的に２種類あります。 ①　ｍｏｕｓｅＬｉｓｔｅｎｅｒ ②　ｍｏｕｓｅＭｏｔｉｏｎＬｉｓｔｅｎｅｒ

①ｍｏｕｓｅＬｉｓｔｅｎｅｒマウスが画面に入ったときマウスが画面から出たときマウスをクリックしたときマウスを押したとき　①ｍｏｕｓｅＬｉｓｔｅｎｅｒマウスが画面に入ったときマウスが画面から出たときマウスをクリックしたときマウスを押したときマウスを放したときこの５種類のイベントを処理します

サンプル① import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex4 extends JApplet implements MouseListener { int flag; public void init() { flag=0; getContentPane().addMouseListener(this); }

サンプル① public void paint(Graphics g) { g.setColor(Color.white); g.fillRect(0,0,500,500); g.setColor(Color.black); if (flag==1) g.drawString("押したでしょ",100,100); if (flag==2) g.drawString("押しっぱなし",100,100); if (flag==3) g.drawString("放したでしょ",100,100); if (flag==4) g.drawString("出たでしょ",100,100); if (flag==5) g.drawString("入ったでしょ",100,100); }

サンプル① public void mouseClicked(MouseEvent me) { flag=1; repaint(); } public void mousePressed(MouseEvent me) flag=2; public void mouseReleased(MouseEvent me) flag=3;

サンプル① public void mouseExited(MouseEvent me) { flag=4; repaint(); } public void mouseEntered(MouseEvent me) flag=5;

解説サンプル① import javax.swing.*; import java.awt.*; 解説　サンプル① import javax.swing.*; import java.awt.*; 前回ではimportするのはこの２つでした。今回はイベントを扱うので、さらに次をimportします。 import java.awt.event.*;

解説サンプル① public class ex4 extends JApplet implements MouseListener { 解説　サンプル① public class ex4 extends JApplet implements MouseListener { int flag; public void init() { flag=0; getContentPane().addMouseListener(this); }

解説サンプル① public class ex4 extends JApplet implements MouseListener { 解説　サンプル① public class ex4 extends JApplet implements MouseListener { int flag; public void init() { flag=0; getContentPane().addMouseListener(this); } 今回はＭｏｕｓｅＬｉｓｔｅｎｅｒを使うのでこのように書きます。

解説サンプル① public class ex4 extends JApplet implements MouseListener { 解説　サンプル① public class ex4 extends JApplet implements MouseListener { int flag; public void init() { flag=0; getContentPane().addMouseListener(this); } flagという整数型変数を用意します。ここで宣言した変数はグローバル変数といってプログラムのどこでも使うことができます。

解説サンプル① public class ex4 extends JApplet implements MouseListener { 解説　サンプル① public class ex4 extends JApplet implements MouseListener { int flag; public void init() { flag=0; getContentPane().addMouseListener(this); } ここは初期設定の部分ですね

解説サンプル① public class ex4 extends JApplet implements MouseListener { 解説　サンプル① public class ex4 extends JApplet implements MouseListener { int flag; public void init() { flag=0; getContentPane().addMouseListener(this); } flagを初めは０にしておきます

解説サンプル① public class ex4 extends JApplet implements MouseListener { 解説　サンプル① public class ex4 extends JApplet implements MouseListener { int flag; public void init() { flag=0; getContentPane().addMouseListener(this); } ここはちょっと難しいですね・・ MouseListenerを使える状態にします。

解説サンプル① public void paint(Graphics g) { g.setColor(Color.white); 解説　サンプル① public void paint(Graphics g) { g.setColor(Color.white); g.fillRect(0,0,500,500); g.setColor(Color.black); if (flag==1) g.drawString("押したでしょ",100,100); if (flag==2) g.drawString("押しっぱなし",100,100); if (flag==3) g.drawString("放したでしょ",100,100); if (flag==4) g.drawString("出たでしょ",100,100); if (flag==5) g.drawString("入ったでしょ",100,100); }

解説サンプル① public void paint(Graphics g) { g.setColor(Color.white); 解説　サンプル① public void paint(Graphics g) { g.setColor(Color.white); g.fillRect(0,0,500,500); g.setColor(Color.black); if (flag==1) g.drawString("押したでしょ",100,100); if (flag==2) g.drawString("押しっぱなし",100,100); if (flag==3) g.drawString("放したでしょ",100,100); if (flag==4) g.drawString("出たでしょ",100,100); if (flag==5) g.drawString("入ったでしょ",100,100); } ここは絵を描く部分ですね

解説サンプル① public void paint(Graphics g) { g.setColor(Color.white); 解説　サンプル① public void paint(Graphics g) { g.setColor(Color.white); g.fillRect(0,0,500,500); g.setColor(Color.black); if (flag==1) g.drawString("押したでしょ",100,100); if (flag==2) g.drawString("押しっぱなし",100,100); if (flag==3) g.drawString("放したでしょ",100,100); if (flag==4) g.drawString("出たでしょ",100,100); if (flag==5) g.drawString("入ったでしょ",100,100); } まず色を白に設定し、画面を白く塗りつぶします。

解説サンプル① public void paint(Graphics g) { g.setColor(Color.white); 解説　サンプル① public void paint(Graphics g) { g.setColor(Color.white); g.fillRect(0,0,500,500); g.setColor(Color.black); if (flag==1) g.drawString("押したでしょ",100,100); if (flag==2) g.drawString("押しっぱなし",100,100); if (flag==3) g.drawString("放したでしょ",100,100); if (flag==4) g.drawString("出たでしょ",100,100); if (flag==5) g.drawString("入ったでしょ",100,100); } 色を黒に設定します

解説サンプル① public void paint(Graphics g) { drawstringとは文字を描く命令です。解説　サンプル① public void paint(Graphics g) { g.setColor(Color.white); g.fillRect(0,0,500,500); g.setColor(Color.black); if (flag==1) g.drawString("押したでしょ",100,100); if (flag==2) g.drawString("押しっぱなし",100,100); if (flag==3) g.drawString("放したでしょ",100,100); if (flag==4) g.drawString("出たでしょ",100,100); if (flag==5) g.drawString("入ったでしょ",100,100); } drawstringとは文字を描く命令です。ここでは（１００，１００）から押したでしょという文字を描きます。

解説サンプル① public void paint(Graphics g) { g.setColor(Color.white); 解説　サンプル① public void paint(Graphics g) { g.setColor(Color.white); g.fillRect(0,0,500,500); g.setColor(Color.black); if (flag==1) g.drawString("押したでしょ",100,100); if (flag==2) g.drawString("押しっぱなし",100,100); if (flag==3) g.drawString("放したでしょ",100,100); if (flag==4) g.drawString("出たでしょ",100,100); if (flag==5) g.drawString("入ったでしょ",100,100); } Flagの場合に応じて文字を出します。もし、ｆｌａｇが３であれば、「放したでしょ」という文字を描きます。

解説サンプル① public void mouseClicked(MouseEvent me) { flag=1; repaint(); 解説　サンプル① public void mouseClicked(MouseEvent me) { flag=1; repaint(); } この部分はマウスがクリックされたらコンピュータが自動的に実行します。

解説サンプル① public void mouseClicked(MouseEvent me) { flag=1; repaint(); 解説　サンプル① public void mouseClicked(MouseEvent me) { flag=1; repaint(); } flagを１にします。

解説サンプル① public void mouseClicked(MouseEvent me) { flag=1; repaint(); 解説　サンプル① public void mouseClicked(MouseEvent me) { flag=1; repaint(); } paintの部分をもう一度実行する命令です。

解説サンプル① public void mousePressed(MouseEvent me) { flag=2; repaint(); 解説　サンプル① public void mousePressed(MouseEvent me) { flag=2; repaint(); } マウスが押されたときに自動的に呼び出されます。

解説サンプル① public void mouseReleased(MouseEvent me) { flag=3; repaint(); 解説　サンプル① public void mouseReleased(MouseEvent me) { flag=3; repaint(); } マウスのボタンが放されたときに自動的に呼び出されます。

解説サンプル① public void mouseExited(MouseEvent me) { flag=4; repaint(); } 解説　サンプル① public void mouseExited(MouseEvent me) { flag=4; repaint(); } マウスが画面の外に出たときに自動的に呼び出されます。

解説サンプル① public void mouseEntered(MouseEvent me) { flag=5; repaint(); 解説　サンプル① public void mouseEntered(MouseEvent me) { flag=5; repaint(); } マウスが画面の中に入ったときに自動的に呼び出されます。

サンプル①のまとめマウスが画面に入ると・・ Public void mouseEntered・・が呼び出され・・ flagが５になり・・ Public void paint・・の部分が呼び出され・・「入ったでしょ」が描かれる。

どうですか？ＭｏｕｓｅＬｉｓｔｅｎｅｒを使った例はここまでです。次はＭｏｕｓｅＭｏｔｉｏｎＬｉｓｔｅｎｅｒを説明します。

②ｍｏｕｓｅＭｏｔｉｏｎＬｉｓｔｅｎｅｒ　②ｍｏｕｓｅＭｏｔｉｏｎＬｉｓｔｅｎｅｒマウスが動いたときマウスをドラッグしたときこの２つのイベントを処理します

サンプル② import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex5 extends JApplet implements MouseMotionListener { int x,y; public void init() { x=-100;y=-100; getContentPane().addMouseMotionListener(this); }

サンプル② public void paint(Graphics g) { g.fillOval(x-5,y-5,10,10); } public void mouseMoved(MouseEvent me) public void mouseDragged(MouseEvent me) x=me.getX(); y=me.getY(); repaint();

解説サンプル② import javax.swing.*; import java.awt.*; 解説　サンプル② import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex5 extends JApplet implements MouseMotionListener { int x,y; public void init() { x=-100;y=-100; getContentPane().addMouseMotionListener(this); }

解説サンプル② サンプル①と同じようにｉｍｐｏｒｔします import javax.swing.*; import java.awt.*; 解説　サンプル② import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex5 extends JApplet implements MouseMotionListener { int x,y; public void init() { x=-100;y=-100; getContentPane().addMouseMotionListener(this); } サンプル①と同じようにｉｍｐｏｒｔします

解説サンプル② 今回はＭｏｕｓｅＭｏｔｉｏｎＬｉｓｔｅｎｅｒをインプリメントします import javax.swing.*; 解説　サンプル② import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex5 extends JApplet implements MouseMotionListener { int x,y; public void init() { x=-100;y=-100; getContentPane().addMouseMotionListener(this); } 今回はＭｏｕｓｅＭｏｔｉｏｎＬｉｓｔｅｎｅｒをインプリメントします

解説サンプル② 整数型の変数ｘ、ｙを用意します。グローバル変数です。 import javax.swing.*; 解説　サンプル② import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex5 extends JApplet implements MouseMotionListener { int x,y; public void init() { x=-100;y=-100; getContentPane().addMouseMotionListener(this); } 整数型の変数ｘ、ｙを用意します。グローバル変数です。

解説サンプル② 初期設定の部分ですね import javax.swing.*; import java.awt.*; 解説　サンプル② import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex5 extends JApplet implements MouseMotionListener { int x,y; public void init() { x=-100;y=-100; getContentPane().addMouseMotionListener(this); } 初期設定の部分ですね

解説サンプル② とりあえずＸ＝－１００Ｙ＝－１００にしておきます import javax.swing.*; 解説　サンプル② import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex5 extends JApplet implements MouseMotionListener { int x,y; public void init() { x=-100;y=-100; getContentPane().addMouseMotionListener(this); } とりあえずＸ＝－１００Ｙ＝－１００にしておきます

解説サンプル② 今回はここでｍｏｕｓｅＭｏｔｉｏｎＬｉｓｔｅｎｅｒを使えるようにしています。 import javax.swing.*; 解説　サンプル② import javax.swing.*; import java.awt.*; import java.awt.event.*; public class ex5 extends JApplet implements MouseMotionListener { int x,y; public void init() { x=-100;y=-100; getContentPane().addMouseMotionListener(this); } 今回はここでｍｏｕｓｅＭｏｔｉｏｎＬｉｓｔｅｎｅｒを使えるようにしています。

解説サンプル② public void paint(Graphics g) { g.fillOval(x-5,y-5,10,10); 解説　サンプル② public void paint(Graphics g) { g.fillOval(x-5,y-5,10,10); } この部分では（ｘ、ｙ）を中心に半径５の円を塗りつぶしてますね

解説サンプル② public void mouseMoved(MouseEvent me) { } 解説　サンプル② public void mouseMoved(MouseEvent me) { } public void mouseDragged(MouseEvent me) x=me.getX(); y=me.getY(); repaint();

解説サンプル② public void mouseMoved(MouseEvent me) ここは、マウスが動いたときに解説　サンプル② public void mouseMoved(MouseEvent me) { } public void mouseDragged(MouseEvent me) x=me.getX(); y=me.getY(); repaint(); ここは、マウスが動いたときに自動的に呼び出されます。今回は中に何も書いていません

解説サンプル② public void mouseMoved(MouseEvent me) ここは、マウスがドラッグされたときに解説　サンプル② public void mouseMoved(MouseEvent me) { } public void mouseDragged(MouseEvent me) x=me.getX(); y=me.getY(); repaint(); ここは、マウスがドラッグされたときに自動的に呼び出されます。

解説サンプル② public void mouseMoved(MouseEvent me) 現在のマウスのｘ座標を変数ｘに代入します。 { 解説　サンプル② public void mouseMoved(MouseEvent me) { } public void mouseDragged(MouseEvent me) x=me.getX(); y=me.getY(); repaint(); 現在のマウスのｘ座標を変数ｘに代入します。

解説サンプル② public void mouseMoved(MouseEvent me) 現在のマウスのｙ座標を変数ｙに代入します { 解説　サンプル② public void mouseMoved(MouseEvent me) { } public void mouseDragged(MouseEvent me) x=me.getX(); y=me.getY(); repaint(); 現在のマウスのｙ座標を変数ｙに代入します

解説サンプル② public void mouseMoved(MouseEvent me) Paintの部分をもう一度呼び出す。 { } 解説　サンプル② public void mouseMoved(MouseEvent me) { } public void mouseDragged(MouseEvent me) x=me.getX(); y=me.getY(); repaint(); Paintの部分をもう一度呼び出す。

まとめマウスをドラッグすると・・ＭｏｕｓｅＤｒａｇｇｅｄ・･の部分が呼び出され・・変数ｘ、ｙに現在のマウスの座標が代入され・・ペイントの部分が呼び出され・・塗りつぶした円が描かれる・・

今日はここまでマウスのイベントを使う方法を演習しました。いろいろ改造してプログラムを作ってみてください。