Menggunakan Kelas JPanel dan Graphics Di Java Untuk

Menggambar bangun datar 2D

Kelas Graphics adalah kelas abstrak yang menyediakan interface grafis untuk
menampilkan bentuk dan gambar di layar komputer yang menjalankan platform
manapun. Ketika salah satu dari metoda paint(Graphics g) atau
paintComponent(Graphics g) digunakan, g adalah obyek konkret superclass dari
kelas abstrak Graphics.

Kelas Graphics adalah turunan langsung dari kelas Object yaitu kelas yang berada
di puncak teratas dalam hierarki kelas Java. Berikut ini adalah hirarki turunan
dari kelas Graphics

Kelas Graphics mempunyai banyak metoda untuk menggambar string, garis dan
juga berbagai bentuk bangun. Pengguna dapat memanggil metoda-metoda
tersebut menggunakan variabel acuan g yang mengacu ke obyek kelas Graphics
yang merupakan parameter dari metoda pain dan paintComponent. Berikut ini
adalah tabel beberapa metode dari kelas Graphics:

Tabel Metoda Kelas Graphics

Metoda Keterangan
drawString(String str, int x, int y) Menggambar string dengan posisi (koordinat) ditentukan oleh x
dan y.
drawLine(int x1, int y2, int x2, int y2) Menggambar garis dengan titik pertama x1 dan y1 dan titik kedua
x2 dan y2.
drawRect(int x, int y, int width, int Menggambar persegi panjang dengan sudut kiri atas ditentukan
height) oleh x dan y serta lebar dan panjang ditentukan oleh width dan
height.
fillRect(int x, int y, int width, int height) Menggambar persegi panjang berwarna dengan sudut kiri atas
ditentukan oleh x dan y serta lebar dan panjang ditentukan oleh
width dan height.
drawOval (int x, int y, int width, int Menggambar lingkaran lonjong dengan panjang dan lebar
height) ditentukan oleh width dan height. Sudut kiri atas yang melingkar
berada pada koordinat x dan y.
fillOval (int x, int y, int width, int height) Menggambar lingkaran lonjong berwarna dengan panjang dan
lebar ditentukan oleh width dan height. Sudut kiri atas yang
melingkar berada di koordinat x dan y.

1
Metoda Keterangan
drawRoundRect(int x, int y, int width, int Menggambar persegi panjang yang mempunyai sudut melingkar
height, int arcWidth, int arcHeight) dengan lebar dan tinggi ditentukan oleh width dan height. Sudut-
sudut melingkar ditentukan oleh arcWidth dan arcHeight.
fillRoundRect(int x, int y, int width, int Menggambar persegi panjang berwarna yang mempunyai sudut
height, int arcWidth, int arcHeight) melingkar dengan lebar dan tinggi ditentukan oleh width dan
height. Sudut-sudut melingkar ditentukan oleh arcWidth dan
arcHeight.
draw3DRect(int x, int y, int width, int Menggambar persegi panjang berdimensi tiga dengan sudut kiri
height, boolean b) atas ditentukan oleh x dan y serta lebar dan tinggi ditentukan oleh
width dan height.
fill3DRect(int x, int y, int width, int Menggambar persegi panjang berdimensi tiga berwarna dengan
height, boolean b) sudut kiri atas ditentukan oleh x dan y serta lebar dan tinggi
ditentukan oleh width dan height.
g.drawPoliygon(int [] xPoint ,int [] Polyline, yaitu garis yang terhubung dengan titik-titik, namun
yPoint, int nPoint) tidak tertutup.
int x= {10,20,30} Polygon yaitu garis yang dihubungkan dengan titik-titik dan
int y = {10,20, 15} membuat sebuah bentuk(tertutup).
g.drawPolygon(x,y,3) xPoint kumpulan data integer (array) koordinat x (x1,x2...xn),
g.drawPolyline(x,y,3) yPoint kumpulan data integer (array) koordinat y (y1,y2...yn),
nPoint banyaknya titik koordinat (x,y)

g.fillPolygon(int [] xPoint ,int [] yPoint, untuk menggambar polygon yang berisi atau terblok warna
int nPoint)

Selain metoda pada tabel di atas, kelas Graphics masih memiliki beberapa
metoda untuk menggambar bentuk-bentuk lain. Metoda dimaksud adalah
drawArc, fillArc, drawPolygon, fillPolygon, drawPolyline.

Pengguna dapat menggambar berbagai bentuk bangun di frame dari kelas JFrame
atau di applet dari kelas JApplet dengan metoda paint(Graphics g) atau di panel
dari kelas JPanel dengan metoda paintComponent(Graphics g) dengan cara
mendefinisikan kembali metoda tersebut untuk memberitahu sistem bagaimana
cara untuk menggambarnya.

Contoh 1 Membuat gambar kotak (g.drawRect) dan Kotak terblok (g.fillRect)

Berikut ini adalah contoh program Java menggunakan metoda drawRect untuk
menggambar bentuk persegi panjang dan metoda fillRect untuk menggambar
bentuk persegi panjang yang diberi warna latar (background color) dengan obyek
frame dari kelas JFrame sebagai kanvas.

1 // Nama file : DrawingRect.java

2 // Mengambar rectangle di frame (JFrame)
3 // mengimpor kelas
4 import javax.swing.JFrame;
2
 5 import java.awt.Graphics;
6 import java.awt.Color;
7
8 // deklarasi kelas
9 public class DrawingRect extends JFrame {
10
11 // Konstruktor kelas DrawingRect
12 public DrawingRect() {
13
14 super("Kelas DrawingRect");
15 setSize(260, 165);
16 setVisible(true);
17 }
18
19 // Metoda paint
20 public void paint(Graphics g) {
21
22 // Memanggil metoda paint dari superclass
23 super.paint(g);
24
25 // Mengatur warna
26 g.setColor(Color.RED);
27 g.drawRect(20, 40, 220, 50);
28
29 g.setColor(Color.BLUE);
30 g.fillRect(20, 100, 220, 50);
31 }
32
33 // Metoda main
34 public static void main(String[] args) {
35 DrawingRect frame = new DrawingRect();
36 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
37 }
38 }
39

3
Baris nomor 15 adalah pernyataan memanggil konstruktor kelas JFrame yaitu
konstruktor superclass dari kelas DrawingRect dan memberikan argumen string
“Kelas DrawingRect” ke konstruktor superclass. Pernyataan super.paint(Graphics
g) di baris nomor 24 diperlukan untuk memastikan bahwa area tinjauan
dibersihkan sebelum gambar baru ditampilkan.

Di pernyataan baris nomor 27 dan 28, variabel acuan g yang mengacu ke obyek
kelas Graphics berturut-turut memanggil metoda setColor dan drawRect.
Parameter metoda setColor diberi argumen berupa konstanta Color.RED untuk
memberi warna merah pada bentuk bangun yang digambar. Metoda yang kedua,
drawRect, adalah metoda untuk menggambar bentuk bangun persegi panjang.

Di pernyataan baris nomor 30 dan 31, variabel acuan g yang mengacu ke obyek
dari kelas Graphics, berturut-turut memanggil metoda setColor dan fillRect.
Parameter metoda setColor diberi argumen berupa konstanta Color.BLUE untuk
memberi warna biru pada bentuk bangun yang digambar. Metoda kedua, fillRect,
adalah metoda untuk menggambar bentuk bangun persegi panjang dengan warna
latar biru.

Contoh2 Menggambar bentuk menggunakan method Graphics dan Class JPanel

1 package DrawLineOvalRect;
2 import java.awt.Color;
3 import java.awt.Graphics;
4 import javax.swing.JFrame;
5 import javax.swing.JPanel;
6 /**
7 *
8 * @author Abdul Munif
9 * adoption from https://www.youtube.com/watch?v=4YhrmAGpVtI
10 */
11 public class Drawshape extends JPanel {
12 @Override
13 public void paintComponent(Graphics g){
14 super.paintComponent(g);
15 g.setColor(Color.RED);
16 g.drawRect(10, 10, 50, 50);
17 g.drawString("g.DrawRect", 10, 75);
18 g.fillRect(100, 10, 50, 50);
19 g.drawString("g.FillRect", 100, 75);
20
21 g.setColor(Color.BLUE);
22 g.drawOval(100, 100, 50, 50);
23 g.drawString("g.drawOval", 100, 175);
24 g.fillOval(100, 200, 50, 50);
25 g.drawString("g.fillOval", 100, 275);
26
27 g.setColor(Color.BLACK);
28 g.drawLine(10, 100, 10, 150);
29 g.drawLine(30, 100, 30, 150);
30 g.drawLine(50, 100, 50, 150);
31 g.drawString("g.drawLine", 10, 175);
4
32
33 g.setColor(Color.BLACK);
34 g.drawLine(10, 200, 60, 200);
35 g.drawLine(10, 220, 60, 220);
36 g.drawLine(10, 240, 60, 240);
37 g.drawString("g.drawLine", 10, 275);
38
39 g.setColor(Color.GREEN);
40 g.drawRoundRect(200, 10, 50, 50, 10, 10);
41 g.drawString("g.drawRoundRect", 200, 75);
42 g.fillRoundRect(200, 100, 50, 50, 10, 10);
43 g.drawString("g.fillRoundRect", 200, 175);
44 }
45 /**
46 * @param args the command line 1arguments
47 */
48 public static void main(String[] args) {
49 // TODO code application logic here
50 Drawshape dr = new Drawshape();
51 JFrame jf = new JFrame();
52 jf.setTitle("Draw shapes");
53 //jf.setBackground(Color.YELLOW);
54 dr.setBackground(Color.yellow);
55 jf.setSize(600, 600);
56 jf.setVisible(true);
57 jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
58 jf.add(dr);
59
60 }
61
}

5
Contoh 3 Menggambar Polyline dan Polygon

https://armandapratama.blogspot.com/2019/12/membuat-polygon-dan-polyline-di-java.html

6
Refferensi:
Admin, diupdate 30 januari 2020, Menggunakan Kelas Graphics, https://www.termasmedia.com/
pemrograman/java/186-menggunakan-kelas-graphics-di-java.html

John Gizdich, Diunggah 21 Januari 2012, Java Tutorial 43 (GUI) - Making Basic Shapes on JPanel
(PaintComponent), https://www.youtube.com/watch?v=4YhrmAGpVtI

Pratama Armanda, diunggah pada tanggal 14 desember 2019, Membuat Polygon dan Polyline di Java,
https://armandapratama.blogspot.com/2019/12/membuat-polygon-dan-polyline-di-
java.html

7
Tantangan.
Buatlah program untuk menghitung luas bangun datar (lingkaran, empat persegipanjang, bujur
sangkar, segitiga dll), menampilkan informasi luas bangun datar (GUI dan CLI), dan menggambar
bangun datar tersebut ke dalam jendela GUI (JFrame, JPanel). Variabel-variabel bagun datar
tersebut dimasukkan dari perangkat masukan (Keyboard)

Contoh Tampilan keluaran GUI (Graphic UUser Interface)

8
Contoh Tampilan Keluaran CLI (Command line Interface)