Gui
-
Upload
hanimaulia-hani -
Category
Documents
-
view
19 -
download
0
Transcript of Gui
![Page 1: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/1.jpg)
Grapichal User Interface
SUSSI
![Page 2: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/2.jpg)
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
![Page 3: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/3.jpg)
Komponen GUI pada AWT:
1. Window Classes Fundamental
![Page 4: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/4.jpg)
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
![Page 5: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/5.jpg)
![Page 6: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/6.jpg)
LATIHAN A
• BUAT PROGRAM DENGAN KELUARAN
![Page 7: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/7.jpg)
Komponen GUI pada AWT:
• Method: GraphicPanel.java
2.Grafik
![Page 8: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/8.jpg)
Komponen GUI pada AWT:3.Kontrol User
![Page 9: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/9.jpg)
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);
![Page 10: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/10.jpg)
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
![Page 11: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/11.jpg)
FlowLayout Manager
• d/ posisi argumen mengacu:– FlowLayout.LEFT – FlowLayout.CENTER – FlowLayout.RIGHT
• FlowLayoutDemo.java
![Page 12: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/12.jpg)
![Page 13: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/13.jpg)
BorderLayout Manager
• d/ mengacu pada region:– BorderLayout.NORTH (utara)– BorderLayout.SOUTH (selatan)– BorderLayout.EAST (timur)– BorderLayout.WEST (barat)– BorderLayout.CENTER (tengah)
• BorderLayoutDemo.java
![Page 14: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/14.jpg)
![Page 15: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/15.jpg)
GridLayout Manager
• komponen diposisikan dari:– kiri ke kanan – atas ke bawah
• GridLayout manager membagi kontainer menjadi baris dan kolom
• GridLayoutDemo.java
![Page 16: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/16.jpg)
![Page 17: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/17.jpg)
JLABEL
• JLabelmerupakan komponen yang digunakan untuk menampilkan teks yang pendek atau gambar atau keduanya.
![Page 18: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/18.jpg)
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.
![Page 19: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/19.jpg)
JTEXTFIELD
• JTextFieldJTextField merupakan objek yang berguna untuk memasukkan atau mengedit data satu baris.
![Page 20: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/20.jpg)
Review AWT
![Page 21: Gui](https://reader033.fdokumen.com/reader033/viewer/2022061207/54879f15b4af9fb8248b47f9/html5/thumbnails/21.jpg)
LATIHAN 1
• BUATLAH PAPAN TIC-TAC-TOE SEPERTI DI BAWAH INI