1 / 20

Basic GUI

Basic GUI. Matakuliah : T0984 / Algoritma dan Metode Object Oriented Programming II Pertemuan : 13 Tahun : 2008 Versi : 1/0. Learning Outcomes. Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu: Mendemonstrasikan pemograman Java menggunakan Grafik User Interface.

hashim
Download Presentation

Basic GUI

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Basic GUI Matakuliah : T0984 / Algoritma dan Metode Object Oriented Programming II Pertemuan : 13 Tahun : 2008 Versi : 1/0

  2. Learning Outcomes Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu: • Mendemonstrasikan pemograman Java menggunakan Grafik User Interface.

  3. Outline Materi • Introduction • Java GUI API • Swing VS AWT • Frame • Adding Component to a Frame • Layout Manager • Panel

  4. Introduction • GUI (Graphical User Interface) : metode interaksi secara grafis antara user dengan komputer. • API (Application Programming Interface) : suatu kumpulan fungsi-fungsi, prosedur-prosedur, kelas-kelas dalam sebuah operating system, library yang dapat mendukung apa yang diminta oleh program.

  5. Java GUI API • Kelas-kelas GUI diklasifikasikan menjadi 3 group : • Container Classes  JFrame, JPanel, dan JApplet • Component Classes  JButton, JTextField, JTextArea, JComboBox, JList, JRadioButton dan JMenu , adalah subclasses dari JComponent. • Helper Classes  Graphics, Color, Font, FontMetrics dan Dimension.

  6. Swing VS AWT • AWT (Abstract Windows Toolkit) • Baik untuk pengembangan simple graphical user interface • Kurang cocok untuk pengembangan GUI Projector. • Rawan untuk bugs. • Heavyweight components • Contoh kelas : • Button, Label, List Component, Canvas, dll dari java.awt • Swing • More Robust • More Versatile • Flexible library • Komponennya tergantung pada platform. • Lightweight components, untuk JApplet, JFrame dan JDialog masih heavyweight component karena masih tergantung dari AWT. • Contoh kelas : • JButton, JLabel, JList, JComponent, dll dari javax.swing • Umumnya semua kelas menggunakan “J” di depan nama kelasnya

  7. Frame • Menggunakan JFrame • Tingkatan paling atas dari kontainer untuk menghandle komponen GUI. • Method : • setSize(lebar,tinggi) mengatur ukuran frame • setLocation(x,y) mengatur lokasi letak frame • setVisible(boolean) mengatur untuk ditampikan atau tidak • setDefaultCloseOperation(int) Spesifikasi operasi jika frame ditutup • setLocationRelativeTo(component)Set lokasi frame ke komponen yang spesifik. Jika komponennya null maka frame akan tepat di tengah layar • pack() secara otomatis set ukuran frame dengan komponen-komponen yang ada di dalam frame.

  8. Frame ( lanjut .. ) • Contoh Kode : • Output : 400 300

  9. Adding Component to a Frame • Untuk menambahkan komponen pada frame menggunakan method add. • Setiap JFrame terdiri dari 1 buah content pane (java.awt.Container) • Contoh : • Kita menambahkan 1 komponen dari JButton pada JFrame secara langsung. • Buat objek button JButton btn = new JButton(“Submit”); • Tambahkan objek button ke dalam frame dengan method add frm.add(btn); • Kita dapat menggunakan kelas Container untuk menambahkannya dengan cara : • Ketika objek telah dibuat maka langsung menambahkannya dengan: java.awt.Container con = frm.getContentPane(); con.add(btn);

  10. Adding Component to a Frame( lanjut .. ) • Contoh Kode : • Output : 1 buah Button yang dihandle oleh 1 content pane frame tersebut

  11. Layout Manager • Mengatur tampilan komponen-komponen pada kontainer. • Ada 3 layout manager dasar : • FlowLayout • GridLayout • BorderLayout

  12. Layout Manager( lanjut ..) • FlowLayout • Simple Layout Manager • Peletakan komponen perbaris dari kiri ke kanan • 3 Konstanta : • FlowLayout.RIGHT • FlowLayout.CENTER • FlowLayout.LEFT

  13. Layout Manager( lanjut ..) • Contoh FlowLayout

  14. Layout Manager( lanjut ..) • GridLayout • Diatur dalam grid (matix) • Dapat mendefinisikan jumlah baris dan kolom waktu dipanggil konstruktor

  15. Layout Manager( lanjut ..) • Contoh GridLayout

  16. Layout Manager( lanjut ..) • BorderLayout • Terdiri dari 5 area peletakan : • BorderLayout.EAST • BorderLayout.SOUTH • BorderLayout.WEST • BorderLayout.NORTH • BorderLayout.CENTER

  17. Layout Manager( lanjut ..) • Contoh BorderLayout

  18. Panel • Untuk mengatur letak komponen. • 1 panel hanya menghandle 1 layout. • Menggunakan JPanel. • Letak default panel : FlowLayout • Menggunakan fungsi add(Component), menambahkan komponen pada panel

  19. Panel ( lanjut .. ) • Contoh Panel

  20. Referensi • Introduction to Java Programming. 7ed. Liang. 2009. Chapter 13, hal 447 • GUI Basic • http://en.wikipedia.org/wiki/Graphical_user_interface • http://en.wikipedia.org/wiki/JFrame • http://www.dreamincode.net/forums/showtopic17705.htm • http://www.ged.fi/DesignPatterns/

More Related