Applet 2 container and action_listener

ssc

Container & ActionListener
1

Container ssc

ให้นักศึกษาสร้าง class แบบ Applet
ชื่อว่า ConApplet

http://202.44.47.108/~ssc/ConApplet.html

2

ssc

import java.awt.*;
import javax.swing.*;

public class ConApplet extends JApplet{

public void paint(Graphics g){

}
}

3

Container ssc

ให้แสดงชื่อ คุณออกมา

4

ssc

import java.awt.*;



g.drawString("Supaporn Simcharoen",20,450);

}
}

5

Container ssc

ให้สร้าง Container ขึ้นมา

6

ssc

import java.awt.*;




}

public void init(){

Container c = getContentPane();

c.setLayout( new FlowLayout());

}
}

7

Container ssc

สร้าง JLabel ขึ้นมา 1 JLabel
ใช้ข้อความคําว่า “Show Number”

8

import java.awt.*;
ssc

private JLabel sNumLabel;

! super.paint(g);

}

public void init(){



sNumLabel = new JLabel("Show Label");

c.add(sNumLabel);

}
}
9

import java.awt.*;
ssc

public class ConApplet extends JApplet{ ประกาศตัวแปร
private JLabel sNumLabel; JLabel

! super.paint(g);

}

public void init(){ สร้างมันขึ้นมา




c.add(sNumLabel);

}
} ใส่มันเข้าไปที่ Container
10

Container ssc

สร้าง JTextField ขึ้นมา 1 อัน

11

import java.awt.*;
ssc

private JTextField numField;

! super.paint(g);

}

public void init(){




c.add(sNumLabel);

numField = new JTextField(5);

c.add(numField);

}
}
12

import java.awt.*;
ssc

ประกาศตัวแปร

private JTextField numField; JTextField

! ...

}

public void init(){


c.setLayout( new FlowLayout()); สร้างมันขึ้นมา


c.add(sNumLabel);


c.add(numField);

}
} ใส่มันเข้าไปที่ Container
13

Container ssc

สร้าง JButton ขึ้นมา 4 ปุ่่ม โดยให้
เป็นปุ่ม 1 , 2, +, =, และ C

14

import java.awt.*;
ประกาศ ssc

import javax.swing.*; ตัวแปร JButton
public class ConApplet extends JApplet{ ทั้งหมด

private JButton btnOne,btnTwo; : ปุ่ม 1, 2

private JButton btnAdd; : ปุ่ม +

private JButton btnAnswer; : ปุ่ม =

private JButton btnClear; : ปุ่ม C
...

15

...

ssc

c.add(numField);

btnOne = new JButton(" 1 ");

c.add(btnOne); สร้าง

btnTwo = new JButton(" 2 "); พวกมัน

c.add(btnTwo);

btnAdd = new JButton(" + "); ขึ้นมา

c.add(btnAdd);

btnAnswer = new JButton(" = ");

c.add(btnAnswer);

btnClear = new JButton(" C ");

c.add(btnClear);

}
}
16

Container ssc

เมื่อคลิกที่ ปุ่ม 1
ให้เลข 1 ไปแสดงที่ JTextField

17

import java.awt.*;
import packet
ssc
import java.awt.event.*;
public class ConApplet extends JApplet implements ActionListener
{
... implements class

public void init(){
...

}

public void actionPerformed(ActionEvent event){

} สร้าง method เพื่อรองรับการกระทํา
}

18

import java.awt.*;
import javax.swing.*; ssc

{
...

public void init(){ เพิ่มการรองรับการกระทําที่ปุ่ม 1
...

btnOne = new JButton(" 1 ");

btnOne.addActionListener(this);

c.add(btnOne);

}


}
}

19

import java.awt.*; ssc
เพิ่มในส่วนของ

การ check การกระทําเมื่อกดปุ่ม 1
{
...


if (event.getSource() == btnOne){

numField.setText("1");

}

repaint();

} setText เอาไว้ใช้สําหรับใส่ค่าให้
}
กลับ textField ซึ่งจะต้องเป็น String
20

Container ssc

เมื่อคลิกที่ ปุ่ม 1 อีกครั้ง
ให้เลข 1 ไปแสดงที่ JTextField
ต่อจากเลข 1 ตัวก่อนหน้านี้ได้

21

Container ssc

คําใบ:
้
วิธีในการดึงข้อมูลใน textField ใช้
numField.getText();
ดึงออกมาแล้วจะได้เป็น String
วิธีในการต่อ String ใช้เครื่องหมาย +
22

ssc
import java.awt.*;

{
...


if (event.getSource() == btnOne){

numField.setText(numField.getText() + "1");

}

repaint();

}
}

23

Container ssc

ทําให้ปุ่มเลข 2 ทํางานเหมือนปุ่มเลข 1

24

import java.awt.*;

{
...

public void init(){ เพิ่มการรองรับการกระทําที่ปุ่ม 2
...

btnTwo = new JButton(" 2 ");

btnTwo.addActionListener(this);

c.add(btnTwo);

}

...

}
}

25

import java.awt.*;


{
...

...

else if (event.getSource() == btnTwo){

numField.setText(numField.getText() + "2");

}

repaint();

} เพิ่มในส่วนของ
}
การ check การกระทําเมื่อกดปุ่ม 2
26

Container ssc

ให้ประกาศตัวแปรชนิด int เป็นแบบ
private 3 ตัวคือ num1, num2 และ ans
โดยให้ค่าเริ่มต้น 3 ตัวนี้ = 0
num1 ไว้เก็บค่าตัวเลขชุดแรก
num2 ไว้เก็บค่าตัวเลขชุดที่สอง
ans ไว้เก็บค่าผลลัพธ์

27


{

private JButton btnOne,btnTwo; : ปุ่ม 1, 2

private JButton btnAdd; : ปุ่ม +

private JButton btnAnswer; : ปุ่ม =

private JButton btnClear; : ปุ่ม C

private int ans=0,num1=0,num2=0;
...

28

Container ssc

แสดงค่าของ num1, num2 และ ans
ออกมาโดยใช้ g.drawString

29


{
...

! super.paint(g);

g.drawString("num1="+num1,50,300);

g.drawString("num2="+num2,50,350);

g.drawString("ans="+ans,50,400);

}

...
}

30

Container ssc

เมื่อคลิกที่ปุ่ม + ให้นําค่าใน textField
ไปเก็บไว้ใน num1
วิธีการแปลง string เป็น int
ตัวแปร int = Integer.parseInt( ข้อมูลที่เป็น String );

31

import java.awt.*;

{
...

public void init(){ เพิ่มการรองรับการกระทําที่ปุ่ม +
...

btnAdd = new JButton(" + ");

btnAdd.addActionListener(this);

c.add(btnAdd);

}

...

}
}

32

import java.awt.*;
ssc

{
...

...

else if (event.getSource() == btnAdd){

num1 = Integer.parseInt( numField.getText() );

numField.setText("");

}

repaint();

} เพิ่มในส่วนของ
} การ check การกระทําเมื่อกดปุ่ม +
33

Container ssc

เมื่อคลิกที่ปุ่ม = ให้นําค่าใน textField
ไปเก็บไว้ใน num2
นํา num1 + num2 และเก็บไว้ใน ans

34

import java.awt.*;

{
...

public void init(){ เพิ่มการรองรับการกระทําที่ปุ่ม =
...

btnAnswer = new JButton(" = ");

btnAnswer.addActionListener(this);

c.add(btnAnswer);

}

...

}
}

35

import java.awt.*;
import java.awt.event.*; ssc

{
...

...

else if (event.getSource() == btnAnswer){

num2 = Integer.parseInt( numField.getText() );
ans = num1+num2;

numField.setText(""+ans);

}

repaint(); เพิ่มในส่วนของ

} การ check การกระทําเมื่อกดปุ่ม =
}
36

การบาน ssc

ให้นักศึกษาเพิ่มปุ่ม 3, 4, 5, 6, 7, 8, 9, 0
และให้สามารถทํางานได้ดังตัวอย่างนี้

http://202.44.47.108/~ssc/ConApplet_hw.html

37

Applet 2 container and action_listener

More Related Content

What's hot

Viewers also liked

More from Nitigan Nakjuatong

Recently uploaded

Applet 2 container and action_listener