creating graphical user interfaces [1] with javadinus.ac.id/repository/docs/ajar/10-guipart1.pdf ·...
TRANSCRIPT
Konten
The Mathematical
Concept of GUIs
Creating Graphical User Interfaces [1]
with JavaBy: De Rosal Ignatius Moses Setiadi
APIs for Java GUI
Swing GUI Components
Basic
Components
Interactive
Displays of Highly Formatted
Information
UneditableInformation
Displays
Top-Level Containers
General-Purpose Containers
Special-
Purpose Containers
Anatomy of GUI
Application
Using Swing Components
Tugas
• The Mathematical Concept of GUIs
• GUI Concept in Java
• Using Swing Components
–JFrame
–JLabel
Abdul Kadir, Pemrograman Java 2 (Bab 28 Halaman 601)
Layar Komputer
• Memiliki 2 koordinat
–Horisontal (sumbu x)
–Vertikal (sumbu y)
• Titik awal ada pada (x=0, y=0) pada kiri atas layar
• Jarak diukur dalam pixel
–dengan sumbu x koordinat meningkat ke sebelah kanan
–dan sumbu y koordinat meningkat ke bawah
Standard Algebraic Coordinate System
Standard Computer-Screen Coordinate System
Contoh• A window:
– x = 150,
– y = 325,
– width = 600,
– height = 350
• Its contains a button:
– x = 125,
– y = 125,
– width = 300,
– height = 100
325
125
150
125100
300
350
600
Sumbu X
Sum
buY
incr
easi
ng d
ownw
ards
increasing rightwards
WindowBounds=(150,325,600,350)
ButtonBounds=(125,125,100,300)
Bounds=( x, y, width, height)
AWT (Abstract Window Toolkit )
• Merupakan komponen GUI (java.awt) yang pertamakali dikenalkan oleh Sun Java.
• Penggunaan komponen GUI AWT sudah tidakdirekomendasikan untuk development baru.
Swing or JFC (Java Foundation Class):
• Merupakan library dan komponen GUI (javax.swing) versi baru dan direkomendasikan untuk development GUI programming saat ini.
• Komponen Swing components banyak diturunkan dariAWT and lebih lengkap dari AWT
• Basic Components
• Interactive Displays of Highly Formatted Information
• Uneditable Information Displays
• Top-Level Containers
• General-Purpose Containers
• Special-Purpose Containers
JButton
JCheckBox
JList
JComboBox
JMenu
JRadioButton
JSpinner
JTextField
JPasswordField
JSlider
JColorChooser
JEditorPane
JTextArea
JTable
JTree
JFileChooser
JProgressBar
JLabel
JToolTip
JSeparator
JFrame
JDialog
JApplet
JPanel
JScrollPane
JSplitPane
JTabbedPane
JToolBar
JInternalFrame
JlayeredPane
Rootpane
Internal structure
JPanel
JButton
JFrame
JLabel
JFrame
JPanel
JButton JLabel
containers
Component
JFrame (Top-Level Containers)
• Sebuah frame biasanya merupakan bagaian dari
• JFrame merupakan Top-Level Containers dalamkomponen swing.
• JFrame menyediakan atribut dasar dan perilakumisalnya, title bar dan tombol untuk
minimaze, maximize dan close).
JFrame [Metode]Metode Jframe yang sering digunakan:
• void setSize (int x, int y) mengatur ukuran frame
• void setDefaultCloseOperation(int operation) mengatur caramenutup frame
• void setLocation(int x, int y)mengatur lokasi frame
• void setLocationRelativeTo(Component c) mengatur lokasi frame dari komponen tertentu
• void setResizable(boolean b) menentukan dapat diubahukurunya atau tidak
• void setVisible (boolean b) menentukan dapat dilihat atau tidak
• void setBounds(int x, int y, int width, int height) kombinasisetLocation dan setSize
Contoh Kode Membuat JFrame [dengan Metode]
Set title of Frame
Metode setDefaultCloseOperation
• EXIT_ON_CLOSE quits the application;
• DO_NOTHING_ON_CLOSE does nothing;
• HIDE_ON_CLOSE makes the window invisible but keeps it in memory for redisplay;
• DISPOSE_ON_CLOSE destroys the window and frees up associated memory.
Contoh Kode Membuat JFrame [dengan
Konstruktor]
Menambahkan Konten pada JFrame• Dibutuhkan untuk menampilkan konten dari
window
– Container adalah wadah untuk komponen2 lain.
• Kelas Container terdapat dalam AWT
– Tersedia jika kita melakukan import kelas AWT
– import java.awt.*;
• Untuk membuat instan dari kelas kontiner, gunakan:
– kata kunci
– Dan metode getContentPane( )
http://docs.oracle.com/javase/1.4.2/docs/api/java/awt/Container.html
Contoh Kode Menambahkan Konten JLabel
Contoh Kode Menambahkan Konten Jlabel [2]
Contoh Kode Menambahkan Konten Jlabel [2]lanjut
JLabel
Adalah area untukmenampilkantulisan pendekatau gambar
Bagaimana menambahkan 2 konten?
Hasil MyFrame5.java
Jlabel - Constructor
http://docs.oracle.com/javase/1.4.2/docs/api/javax/swing/JLabel.html
Menampilkan Teks dan Gambar dengan JLabel
Hasil MyFrame6.java
Tugas 1
• Buat tampilan seperti dibawah ini:
• Clue: Gunakan layout
Tugas 2
• Buat tampilan seperti dibawah ini:
• Clue: Gunakan ImageIcon