Anda di halaman 1dari 13

1

PERTEMUA N3 SWING COMPONENT


1. Tujuan Mengetahui dan Mengenal komponen-komponen dasar didalam Swing. 2. JLabel. Label merupakan komponen GUI yang berfungsi untuk menampilkan suatu teks. Teks tersebut biasanya bersifat read-only. Umumnya programmer jarang sekali mengubah isi suatu label. Kelas untuk menampilkan label di GUI berbasis Java bernama JLabel. Kelas ini diturunkan dari kelas JComponent.

JLabel Constructor JLabel() JLabel(Icon image) JLabel(Icon image, int horizontalAlignment) JLabel(String text) JLabel(String text, Icon icon, int horizontalAlignment) JLabel(String text, int horizontalAlignment)

Creates a JLabel instance string for the title. Creates a JLabel instance Creates a JLabel instance horizontal alignment. Creates a JLabel instance Creates a JLabel instance horizontal alignment. Creates a JLabel instance alignment.

with no image and with an empty with the specified image. with the specified image and with the specified text. with the specified text, image, and with the specified text and horizontal

Perhatikan dan pahami contoh sederhana pembuatan object JLabel berikut ini :

//Contoh1JLabel.java
1 import javax.swing.*; 2 public class Contoh1JLabel { 3 public static void main(String[]args){ 4 JFrame fr; 5 fr=new JFrame("Menampilkan JLabel"); 6 fr.setBounds(10, 10, 300, 100); JLabel lbl; 7 8 lbl=new JLabel("Label Pertamaku"); 9 fr.getContentPane().add(lbl); 10 fr.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 11 fr.show();// sama fungsinya dengan fr.setVisible(true);

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012 2

2
12 } 13 } Output :

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012 2

Beberapa method yang sering digunakan pada JLabel : 1 setText(String text) Menampilkan text 2 getText() Mengambil text 3 setToolTipText(String text) Menampilkan tool tip ketika mouse berada tepat diatas Label face, jenis tulisan, dan font size) 4 setFont(Font font) Set Font (font 5 setForeground(Color fg) Setting warna tulisan. 6 setIcon(Icon icon) Menampilkan gambar

//Contoh2JLabel.java
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 import javax.swing.*; import java.awt.*; public class Contoh2JLabel { private JFrame fr; private JLabel lblNama,lblNamaAnda; private void tampilGUI(){ lblNama=new JLabel("Nama "); lblNama.setToolTipText( "Ini adalah object lblNama" ); lblNama.setFont(new Font("Courier New", Font.ITALIC, 30)); lblNamaAnda= new JLabel(lblNama.getText()+" saya Surya "); lblNamaAnda.setForeground(Color.BLUE); //lblNamaAnda.setIcon(new ImageIcon("icunabra.jpg")); fr=new JFrame("Menampilkan LABEL"); fr.setBounds(100, 100, 200, 150); fr.setLayout(new FlowLayout(FlowLayout.LEFT)); fr.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); fr.setVisible(true); fr.getContentPane().add(lblNama); fr.getContentPane().add(lblNamaAnda); } public static void main (String[]args){ new Contoh2JLabel().tampilGUI(); }

Output :

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012

4
3. JTextField JPassword. dan

JTextFields dan JPasswordField adalah area yang digunakan untuk menampilkan, mengedit, atau menuliskan suatu teks. JTextField diturunkan dari JTextComponent sedangkan JpasswordField diturunkan dari JTextField. Berbeda dengan JTextField, JPasswordField menampilkan teks dalam format asterisk *. Hirarchy JTextField :

JTextField Constructor JTextField() JTextField(Document doc, String text, int columns) JTextField(int columns) JTextField(String text) JTextField(String text, int columns) Hirarchy JPasswordField

Constructs a new TextField. Constructs a new JTextField that uses the given text storage model and the given number of columns. Constructs a new empty TextField with the specified n umber of columns. Constructs a new TextField initialized with the specified text. Constructs a new TextField initialized with the specified text and columns.

JPasswordField Constructor JPasswordField() Constructs a new JPasswordField, with a default document, null starting text string, a new JPasswordField that uses the given text JPasswordField(Document Constructs and 0 column width. doc, storage model String txt, int columns) JPasswordField(int columns) and the given number of JPasswordField with the specified Constructs a new empty columns. number of JPasswordField(String text) columns. a new JPasswordField initialized with the specified Constructs JPasswordField(String text, text. Constructs a new JPasswordField initialized with the specified int text and Mata Kuliah : OOP II (Pertemuan ke-3) columns) columns.

Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012

5
Beberapa method yang biasa digunakan pada JTextField dan JPasswordField : setEditable(boolean) Bisa atau Tidaknya Mengedit teks pada JTextField. getPassword() mengembalikan teks password pada JPasswordField berupa array getActionCommand() suatu karakter. teks yang tertulis pada JTextField mengembalikan getSource() mengembalikan sebuah referensi Component. getSelectedText() mengembalikan teks terpilih setText(string s) menuliskan teks 4. JButton Button merupakan komponen mirip tombol. Button terdiri dari beberapa tipe, yaitu command buttons, toggle buttons, check boxes, dan radio buttons. Command button mengaktifkan ActionEvent ketika diklik. Command button diturunkan dari kelas AbstractButton dan dibuat bersama dengan kelas JButton. Di atas JButton dapat diletakkan suatu label teks, atau lebih dikenal sebagai Button label, dan suatu gambar icon.

JButton Constructor JButton() Creates a button with no set text or icon. JButton(Action a) Creates a button where properties are taken from the Action supplied. button with an icon. JButton(Icon icon) Creates a JButton(String text) Creates a button with text. JButton(String text, Icon Creates a button with initial text and an icon. icon) Latihan 2. Membuat Halaman Login Menggunakan JFrame Tanpa Layout Manager

//HalamanLogin.java
1 import javax.swing.*; 2 public class HalamanLogin { private JLabel lblUser,lblPass; 3 private JTextField tF; 4 private JPasswordField pF; 5 private JButton btn; 6 private JFrame fr; 7 8 9 void tampil() { lblUser = new JLabel("User : "); 10 lblUser.setBounds(10, 10,100,20); 11 tF = new JTextField(10); 12 tF.setBounds(100, 10,100,20); 13 14 lblPass = new JLabel("Password : "); 15 lblPass.setBounds(10, 30,100,20); 16 pF = new JPasswordField(10); 17 pF.setBounds(100, 30,100,20); 18 19 9 btn = new JButton("Proses");

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012 2

6
20 btn.setBounds(10, 60, 100, 20); 21 22 fr = new JFrame("Halaman login :"); fr.getContentPane().setLayout(null); 23 24 fr.setSize(500,200); 25 fr.getContentPane().add(lblUser); 26 fr.getContentPane().add(tF); 27 fr.getContentPane().add(lblPass); fr.getContentPane().add(pF); 28 29 fr.getContentPane().add(btn); 30 fr.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 31 fr.setVisible(true); 32 } 33 public static void main (String[]args){ 34 new HalamanLogin().tampil(); 35 } 36 } Output :

5. JTextArea JTextArea merupakan komponen yang biasanya digunakan untuk memanipulasi barisan teks. Seperti halnya JTextField, JtextArea diturunkan dari JTextComponent dan memiliki method yang sama.

JTextArea Constructor JTextArea() JTextArea(Document doc) JTextArea(Document doc, String text, int rows,rows, int JTextArea(int int columns) columns) JTextArea(String text) JTextArea(String text, int rows, int columns)

Constructs a new TextArea. Constructs a new JTextArea with the given document model, and defaults for all of the otherJTextArea with the0, 0). Constructs a new arguments (null, specified number of rows and columns, andnew emptymodel. Constructs a the given TextArea with the specified number of rows and columns. a new TextArea with the specified text displayed. Constructs Constructs a new TextArea with the specified text and number of rows and columns. Mata Kuliah : OOP II (Pertemuan ke-3)

Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012

7
Bentuk sederhana untuk membuat TextArea : fr = new JFrame("Menampilkan Text Area"); tA = new JTextArea("text area", 4, 30); fr.getContentPane().add(tA);

Latihan 1. Tambahkan Object dari clas JtextArea kedalam latihan class HalamanLogin sehingga menghasilkan tampilan seperti berikut :

JTextArea tidak memiliki scrolling otomatis. Untuk itu, kita memerlukan obyek JScrollPane untuk menambahkan scrolling bar. Langkah untuk menambah obyek JscrollPane pada JtextArea sebagai berikut : - buat objek dari JScrollPane. - tambahkan komponen (dalam hal ini object JtextArea) kedalam scrollPane. - tambahkan scrolPane ke frame. Fr= new JFrame(Text Area dengan ScrollPane); tA=new JTextArea("text area",4,30); sP= new JScrollPane(tA); fr.getContentPane().add(s P);

Latihan 2. Ubah Source pada Latihan 1 sehingga Object text area berada pada Object ScrollPane. Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012

8 6. JComboBox
JComboBox merupakan komponen GUI untuk menampilkan daftar suatu item. Kelas JComboBox juga dapat mengaktifkan ItemEvents. Setiap item di JComboBox diberi indeks numerik. Elemen pertama diberi indeks 0 dan elemen tersebut dimunculkan sebagai item yang dipilih pada saat instan JComboBox tampil untuk pertama kalinya. Scrollbar secara otomatis dihasilkan. Hirarchy :

JComboBox Constructor JComboBox() JComboBox(ComboBoxMode l aModel) JComboBox(Object[] items) JComboBox(Vector items)

Creates a JComboBox with a default data model. Creates a JComboBox that takes its items from an existing ComboBoxModel. Creates a JComboBox that contains the elements in the specified Creates array. a JComboBox that contains the elements in the specified Vector. Method yang sering digunakan pada JComboBox : getSelectedIndex() mengembalikan indeks dari item yang sedang dipilih setMaximumRowCoun menentukan jumlah maksimum elemen yang ditampilkan ketika t(n) pengguna mengklik instan JComboBox addItem(String str) Menambah item kedalam JComboBox getItemCount() Menghitung jumlah item. getSelectedItem() Mengembalikan Item yang dipilih Bentuk sederhana untuk membuat JComboBox fr=new JFrame("Menampilkan ComboBox"); JComboBox cB=new JComboBox(); cB.addItem("satu"); cB.addItem("dua"); fr.getContentPane().add(cB);

Latihan 3. Tambahkan object JComboBox kedalam Latihan 2 sehingga tampilannya menjadi :

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012

1 0
Selain cara standar diatas, JComboBox dapat juga ditampilkan dengan DefaultComboBoxModel. Untuk lebih jelasnya pahami source berikut ini :

Output :

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012

1 1
7. JCheckBo x JToggleButton menurunkan komponen JCheckBox dan JRadioButton. Komponen ini memiliki nilai on/off atau true/false. Pada kelas JCheckBox, teks ditampilkan di sebelah kanan checkbox. Ketika diklik, JCheckBox mengubah nilai ItemEvent. Pengubahan nilai ItemEvent ini ditangani oleh interface ItemListener yang mendefinisikan method itemStateChanged. Method getStateChange pada kelas ItemEvent mengembalikan nilai integer ItemEvent.SELECTED atau ItemEvent.DESELECTED.

JCheckBox Constructor JCheckBox() Creates an initially unselected check box button with no text, no icon a check box where properties are taken from the JCheckBox(Action a) Creates Action supplied. JCheckBox(Icon icon) Creates an initially unselected check box with an icon JCheckBox(Icon icon, Creates a check box with an icon and specifies whether or not it is initially boolean selected) selected. initially unselected check box with text JCheckBox(String text) Creates an JCheckBox(String text, Creates a check box with text and specifies whether or not it is initially boolean selected) JCheckBox(String text, Icon selected. initially unselected check box with the specified Creates an icon) kBox(String text, Icon text anda check box with text and icon, and specifies whether JChec Creates icon. icon, or not it is boolean selected) initially selected. Untuk selected awal, selain menggunakan konstruktor, bisa juga dengan method setSelected(true); Bentuk sederhana untuk membuat JCheckBox fr=new JFrame("Menampilkan CheckBox"); chkBoxHobi1=new JCheckBox(Olah Raga); chkBoxHobi2=new JCheckBox(Baca); fr.getContentPane().add(chkBox Hobi1); fr.getContentPane().add(chkBox Hobi2);

Latihan 4. Tambahkan object JCheckBox kedalam Latihan 3. Sehingga tampilannya menjadi :

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012

1
8. JRadioButton
JRadioButtons memiliki dua status yaitu selected dan deselected. Pada umumnya radio button ditampilkan dalam sebuah grup. Hanya satu radio button di dalam suatu grup yang dapat dipilih pada satu waktu. Pemilihan satu button menyebabkan button lain berstatus false. Jika nilai parameter selected adalah true, maka status awal JRadioButton adalah selected. Sama halnya dengan JCheckBox, JRadioButton juga dapat mengaktifkan suatu ItemEvents.

JRadioButton Constructor JRadioButton() Creates an initially unselected radio button with no set text. JRadioButton(Action a) Creates a radiobutton where properties are taken from the JRadioButton(Icon icon) Creates an initially unselected radio button with the specified Action supplied. image but no text. JRadioButton(Icon icon, Creates a radio button with the specified image and selection boolean state, but no selected) text. JRadioButton(String text) Creates an unselected radio button with the specified text. JRadioButton(String text, Creates a radio button with the specified text and selection state. boolean selected) JRadioButton(String text, Creates a radio button that has the specified text and image, Icon and that is icon) initially unselected. JRadioButton(String text, Creates a radio button that has the specified text, image, and Icon selection icon, boolean selected) state. Bentuk sederhana untuk membuat JRadioButton fr=new JFrame("Menampilkan JRadioButton"); rBLaki=new JRadioButton("Laki Laki"); rBPerempuan=new JRadioButton("Perempuan"); ButtonGroup btnGroup = new ButtonGroup(); btnGroup.add(rBLaki); btnGroup.add(rBPerempuan); fr.getContentPane().add(rBLaki); fr.getContentPane().add(rBPerempu an);

Latihan 5. Tambahkan object JRadioButton kedalam Latihan sehingga tampilannya menjadi :

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012 2

Tugas dirumah : Buat Sebuah From Biodata dengan tampilan sebagaimana dibawah ini.

Mata Kuliah : OOP II (Pertemuan ke-3) Dosen Pengasuh : Surya Syahrani STMIK AMIK RIAU PEKANBARU 2012