24

Layout Managers and Event Handling

Embed Size (px)

DESCRIPTION

Layout Managers and Event Handling. Pertemuan 2. TIB13 – Pemrograman Java 2 - 2. Materi. Layout Managers GUI Event Types and Listener Interface Mouse Event Handling Key Event Handling. Tujuan Instruksional Khusus. - PowerPoint PPT Presentation

Citation preview

Page 1: Layout Managers and  Event Handling
Page 2: Layout Managers and  Event Handling

MateriLayout ManagersGUI Event Types and Listener InterfaceMouse Event Handling Key Event Handling

Page 3: Layout Managers and  Event Handling

Tujuan Instruksional KhususMahasiswa dapat menggunakan beberapa

layout manager untuk menata penempatan objek dan penanganan event handling masing-masing objek user interface tersebut.

Page 4: Layout Managers and  Event Handling

Layout ManagersPengaturan tata letak komponen dalam kontainer

dikenal dengan Layout ManagementSetiap kontainer mempunyai sebuah layout

manager yang mengimplementasikan interface LayoutManager.

Kelas-kelas yang digunakan dalam menentukan layout adalah :1. FlowLayout

2. GridLayout

3. BorderLayout

4. CardLayout

5. GridBagLayout

6. BoxLayout

Page 5: Layout Managers and  Event Handling

FlowLayoutLayout ini menyusun komponen dalam baris-

baris dari kiri ke kanan kemudian dari atas ke bawah menggunakan ukuran alami setiap komponen preferedSize

FlowLayout menempatkan komponen UI sebanyak mungkin dalam satu baris, lalu pindah kebaris di bawahnya.

Contoh FlowLayout

Page 6: Layout Managers and  Event Handling

GridLayoutGridLayout menyusun komponen dalam

bentuk baris dan kolom.Setiap sel mempunyai ukuran yang sama.

Ketika ukuran kontainer kontainer diubah, maka GridLayout akan mengubah ukuran sel dan memenuhi area pada kontainer.

Contoh GridLayout

Page 7: Layout Managers and  Event Handling

BorderLayoutBorderLayout menyusun komponen dalam

kontainer dengan area yang bernama North, South, East, West dan Center.

Biasanya layout ini digunakan bersamaan dengan penggunaan kontainer panel, untuk memudahkan pengaturan komponen User Interface.

Contoh BorderLayo

ut

Page 8: Layout Managers and  Event Handling

CardLayoutCardLayout menyusun komponen misalnya

panel seperti tumpukan kartu.

Page 9: Layout Managers and  Event Handling

GridBagLayoutGridBagLayout memiliki kemampuan

menempatkan komponen-komponen secara horizontal dan vertikal pada kotak-kotak yang dinamis.

Masing-masing komponen tidak harus sama ukurannya seperti pada GridLayout.

Contoh CardLayout

Page 10: Layout Managers and  Event Handling

BoxLayoutBoxLayout mengizinkan banyak komponen

untuk diletakkan secara vertikal maupun horizontal.

Contoh BoxLayout (X

Axix)

Contoh BoxLayout (Y

Axix)

Page 11: Layout Managers and  Event Handling

GUI Event Types and Listener InterfaceEvent adalah kejadian yang di-trigger oleh

user terhadap komponen User Interface, seperti ketika Anda menekan tombol, menentukan pilihan dari ComboBox dsb.

Event akan ditangkap event listener melalui masing-masing ID dari objek yang telah diberi listener melalui method addActionListener.EVENT

(Tindakan User)Method

(Event Handler)

Menutup Aplikasi

Aksi (Menutup Aplikasi)

Page 12: Layout Managers and  Event Handling

Program – Event Handling – Cara 1

Page 13: Layout Managers and  Event Handling

Program – Event Handling – Cara 2

Page 14: Layout Managers and  Event Handling

Registrasi Event pada objek JTextField textField1.

Page 15: Layout Managers and  Event Handling

Contoh event, source object dan tipe eventUser Action Source Object Event Type

Klik tombol JButton ActionEvent

Memilih menu JMenu ActionEvent

Menggerakkan scrollbar

JScrollBar AdjusmentEvent

Memilih item (lebih dari satu)

JList ListSelectionEvent

Gained focus atau lost focus pada komponen

Container FocusEvent

Memilih Item JComboBox ItemEvent, ActionEventClass event di atas terdapat pada package

java.awt.event dan javax.swing.event

Page 16: Layout Managers and  Event Handling

Contoh Event, Event Listener, Listener methodEvent Class Listener

InterfaceListener Method

ActionEvent ActionListener actionPerformed(ActionEvent)

ItemEvent ItemListener itemStateChanged(ItemEvent)

WindowEvent WindowListener

windowClosing(WindowEvent)

windowOpened(WindowEvent)

windowActivated(WindowEvent)

FocusEvent FocusListener focusGained(FocusEvent)

focusLost((FocusLost)

ContainerEvent

ContainerListener

componentAdded(ContainerEvent)

componentRemove(ContainerEvent)

Page 17: Layout Managers and  Event Handling

Some event classes of package java.awt.event.

Page 18: Layout Managers and  Event Handling

Mouse Event Handling Contoh method-method MouseListener dan

MouseMotionListener yang diterapkan pada class.

Nama method Penerapan

mouseClicked Dipanggil pada saat tombol mouse di click (seperti tekan dan lepas).

mouseEntered Dipanggil pada saat kursor mouse memasuki area komponen.

mouseExited Dipanggil pada saat kursor mouse meninggalkan area komponen.

mousePressed Dipanggil pada saat tombol mouse ditekan di atas komponen

mouseReleased Dipanggil pada saat tombol mouse dilepas di atas komponen

mouseDragged Digunakan untuk memantau pergerakan mouse yang melintasi objek pada saat tombol mouse ditekan. Tindakan ini persis sama dengan tindakan pada saat memindahkan sebuah window.

mouseMoved Digunakan untuk memantau pergerakan mouse pada saat mouse melintasi area suatu objek. Pada saat ini tidak ada mouse yang ditekan, hanya memindahkan pointer mouse melalui objek.

Page 19: Layout Managers and  Event Handling

Program – Mouse Event Handling

Page 20: Layout Managers and  Event Handling
Page 21: Layout Managers and  Event Handling

Key Event HandlingJava menyediakan Interface KeyListener

untuk mendengarkan aksi dari keyboard dan mengirimkan action tersebut melalui method yang diikutsertakan dalam program.

Adapun method-methodnya adalah keyPressed, keyReleased, dan keyTyped .

Ketiga parameter dari method ini hanya mempunyai satu parameter yaitu KeyEvent.

Page 22: Layout Managers and  Event Handling

Program – Key Event Handling

Page 23: Layout Managers and  Event Handling
Page 24: Layout Managers and  Event Handling