Graphical User Interface

POKOK BAHASAN 6 : JAVA GRAPHICAL USER INTERFACE

Graphical User Interface

Graphical User Interface merupakan antar muka grafis yang memfasilitasi interaksi antara pengguna dengan program aplikasi. Salah satu komponennya adalah Swing yang didefinisikan di dalam paket javax.swing. Swing diturunkan dari Abstract Windowing Toolkit dalam paket java.awt. Hirarki dari komponen Swing adalah :

java.swing.Jcomponent à java.awt.Container  à  java.awt.Component à Java.Lang. Object

JComponent adalah superclass dari semua komponen Swing. Beberapa komponen utama dalam GUI adalah:

1.      Containers: merupakan wadah yang berfungsi untuk menempatkan komponen-komponen lain di dalamnya.

2.      Canvas.: merupakan komponen GUI yang berfungsi untuk menampilkan gambar atau untuk membuat program grafis. Dengan canvas, kita bisa menggambar berbagai bentuk seperti lingkaran, segitiga, dll.

3.      User Interface (UI) components: contohnya adalah buttons, list, simple popup menus, check boxes, text fields, dan elemen lain

4.      Komponen pembentuk window: seperti frames, menu bars, windows, dan dialog boxes.

Komponen-komponen Dasar User Interface dengan Swing

Berikut adalah beberapa komponen dasar antarmuka pengguna (user interface) yang disediakan oleh Swing:

1. Top level containers: adalah container dasar untuk meletakkan komponen-komponen lain.

2. Intermediate level containers: merupakan container perantara. Umumnya digunakan hanya untuk meletakkan atau mengelompokkan komponen-komponen yang digunakan, baik itu container atau berupa atomic component.

3. Atomic component: merupakan komponen yang memiliki fungsi khusus. Umumnya pengguna langsung berinteraksi dengan komponen ini.

4. Layout Manager Berfungsi untuk mengatur bagaiman tata letak/posisi dari komponen yang akan diletakkan, satu sama lain di dalam suatu container. Secara default ada 6 buah layout : BorderLayout, BoxLayout, FlowLayout, CardLayout, GridBagLayout & GridLayout

5. Event Handling : Menangani event yang dilakukan oleh user

Layout Management

Untuk mengatur layout dari setiap komponen-komponen GUI yang diletakkan pada container, digunakan layout manager. Java menyediakan 6 buah class standar yang dapat digunakan sebagai layout manager yang terdapat dalam package java.awt, yaitu:

1.      Flow Layout merupakan layout manager default yang digunakan JPanel. Layout manager ini meletakkan komponen yg ada secara berurutan dari kiri ke kanan dan berpindah baris jika dibutuhkan. Jarak antar komponen baik secara vertikal maupun horizontal dapat ditentukan sendiri. Selain itu, kita bisa menentukan alignment dari komponen yang diletakkan, yaitu rata kanan, rata kiri atau di tengah

2.      GridLayout merupakan layout manager berbentuk grid. Semua komponen dalam layout ini memiliki ukuran yang sama. Konstruktor GridLayout adalah sebagai berikut.

a. GridLayout(rows, columns, hGap, vGap). Konstruktor ini mendefinisikan jumlah baris, kolom, dan ukuran gap horisontal/vertikal antar elemen dalam pixel.

b. GridLayout(rows, columns). Konstruktor yang digunakan dengan nilai default hGap dan vGap sama dengan 0.

3.      BorderLayout adalah default manager untuk ContentPane. Layout ini menempatkan komponen dengan pendekatan arah mata angin north, south, west, center, east.

4.      Cardlayout digunakan untuk menampilkan container-container/panel-panel seperti tumpukan kartu. Hanya satu container yang akan tampil untuk satu waktu. Komponen yang diletakkan dengan layout ini berupa object yang bertipe intermediate container yang di dalamnya terdapat atomic component.

5.      GridBaglayout

Grid bag layout adalah pengaturan layout yang dapat digunakan untuk meletakkan komponen secara bebas.

Boxlayout digunakan untuk meletakkan komponen berurutan ke kanan (sumbu X) atau berurutan ke bawah (sumbu Y).

umsida.ac.id
fst.umsida.ac.id