Grapichal User Interface

SUSSI

GUI

• Metode pendesainan program kedunia nyata atau visual

• AWT dan Swing• Abstract Windows Toolkits, sekumpulan lybrary yang

tidak tergantung pada platform (independent) dan digunakan untuk menyederhanakan implemetasi interface

• Swing = bentuk implementasi yang menambahkan komponen-komponen dalam sistem GUI tetapi masih didasarkan pada arsitekstur AWT

Komponen GUI pada AWT:

1. Window Classes Fundamental

Komponen GUI pada AWT:

• Mengatur ukuran windowmethod setSizevoid setSize(int width, int height)

• Mengubah ukuran d/ width height sbg parameter:void setSize(Dimension d)

• mengatur visibility=Tvoid setVisible(boolean b)

• Dalam mendesain aplikasi GUI, Object Frame selalu digunakan• Next AplikasiSampleFrame .java

x tidak jalan karena belum ada event handling

1. Window Classes Fundamental

LATIHAN A

• BUAT PROGRAM DENGAN KELUARAN

Komponen GUI pada AWT:

• Method: GraphicPanel.java

2.Grafik

Komponen GUI pada AWT:3.Kontrol User

Containers

• Adalah descendent kelas java.awt.Container• Adalah komponen yang dapat mengandung

komponen lain• Komponen ditambahkan ke container

menggunakan berbagai bentuk method add panel.add(component);

Komponen GUI pada AWT:

• Fungsi mengatur tampilan dari komponen di dalam kontainer• Diantaranya:

– FlowLayout – BorderLayout – GridLayout

• Methodvoid setLayout(LayoutManager mgr)• u/ mengatur manual

public void setBounds(int x, int y, int width, int height)

4. Layout Manager

FlowLayout Manager

• d/ posisi argumen mengacu:– FlowLayout.LEFT – FlowLayout.CENTER – FlowLayout.RIGHT

• FlowLayoutDemo.java

BorderLayout Manager

• d/ mengacu pada region:– BorderLayout.NORTH (utara)– BorderLayout.SOUTH (selatan)– BorderLayout.EAST (timur)– BorderLayout.WEST (barat)– BorderLayout.CENTER (tengah)

• BorderLayoutDemo.java

GridLayout Manager

• komponen diposisikan dari:– kiri ke kanan – atas ke bawah

• GridLayout manager membagi kontainer menjadi baris dan kolom

• GridLayoutDemo.java

JLABEL

• JLabelmerupakan komponen yang digunakan untuk menampilkan teks yang pendek atau gambar atau keduanya.

JBUTTON

• JbuttonKelas JButton berguna untuk membuat objek tombol yang dapat dilengkapi dengan judul tombol dan gambar, selain itu JButton merupakan komponen yang dapat menghasilkan suatu event jika tombol diklik oleh user.

JTEXTFIELD

• JTextFieldJTextField merupakan objek yang berguna untuk memasukkan atau mengedit data satu baris.

Review AWT

LATIHAN 1

• BUATLAH PAPAN TIC-TAC-TOE SEPERTI DI BAWAH INI