Pertemuan 16(Desain komponrn)

17
Modul Pelatihan java Swing Asep K omarudin Membuat Desain Dalam desain disini kita akan coba untuk menggabungkan beberapa komponen swing kedalam sebuah form.Pada saat kita mendsain sebauh tampilan kita tes kode kita langkah demi langkah. 1.Kita buat sebuah frame public class DesainTampilan extends JFrame{ public DesainTampilan() { setTitle( "Contoh desain"); setLocation(300 , 100); setSize(300, 150); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setVisible(true); } /** * @param args the command line arguments */ public static void main(String[] args) { // TODO code application logic here new DesainTampilan(); } } [email protected] Page 1

Transcript of Pertemuan 16(Desain komponrn)

Page 1: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 1/17

Modul Pelatihan java Swing Asep Komarudin

Membuat Desain

Dalam desain disini kita akan coba untuk menggabungkan beberapa komponen

swing kedalam sebuah form.Pada saat kita mendsain sebauh tampilan kita tes kode

kita langkah demi langkah.

1.Kita buat sebuah frame

public class DesainTampilan extends JFrame{

public DesainTampilan() {

setTitle("Contoh desain");

setLocation(300, 100);

setSize(300, 150);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

new DesainTampilan();

}

}

[email protected] Page 1

Page 2: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 2/17

Modul Pelatihan java Swing Asep Komarudin

Penjelasn program

public class DesainTampilan extends JFrame

Pernyataan ini menunjukan bahwa class DesainTampilan merupakan kelas turunan

dari kelas Jframe jadi kelas ini memiliki atribut atribut yang dimiliki jFrame.

public DesainTampilan() {

setTitle("Contoh desain");

setLocation(300, 100);

setSize(300, 150);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

Public desaintampilan() merupakan konstruktor dari kelas DesainTampilan, perlu

diingat tentang batasan dari konstruktor,konstruktor akan otomatis terpanggil pada

saat kita memenggil classnya.

• Settitle() digunakan untuk membuat judul frame

• setLocation() digunakan untuk menempatkan posisi frame dari posisi kiri dan

atas

• setSize() digunakan untuk mebuat ukuran frame yang terdiri dari panjang

dan tinggi.

• setdefaultCloseoperation(JFrame.EXIT_ON_CLOSE) digunakan untuk

mengakhiri jalannya program ketika tombol exit di klik.bila program tersebut

dihilangkan maka pada saat frame ditutup program tetap berjalan.

•setVisible(true) digunakan untuk menampilkan frame.

public static void main(String[] args) {

Merupakan kode utama agar program dapat dijalankan

DesainTampilan dt=new DesainTampilan();

[email protected] Page 2

Page 3: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 3/17

Modul Pelatihan java Swing Asep Komarudin

Proses pembentukan objek dari keals DesainTampilan.yang otomatis akan

memeanggil konstruktornya.

Menambahkan Jlabel

public class DesainTampilan extends JFrame{

   JPanel panel=new JPanel();

JLabel labelNim=new JLabel("NIM");

public DesainTampilan() {

setTitle("Contoh desain");

setLocation(300, 100);

setSize(300, 150);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

  public void tambahKomponen(){

getContentPane().setLayout(null);

getContentPane().add(panel);

panel.setBounds(0, 0, 300, 150);

panel.setLayout(null);

panel.add(labelNim);

labelNim.setBounds(10, 10, 70, 20);

}

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

[email protected] Page 3

Page 4: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 4/17

Modul Pelatihan java Swing Asep Komarudin

DesainTampilan dt=new DesainTampilan();

  dt.tambahKomponen();

}

}

Bagian yang berwarna merah merupakan perubahan yang dilakukan dari program

sebelumnya.

Penjelasn program:

 JPanel panel=new Jpanel();

 JLabel labelNim=new JLabel("NIM");

Membuat objek Jpanel dengan nama panel denga text kosong yang digunakan

untuk meletakan komponen komponen swing.

Membentuk objek Jlabel denga nama labelNim dan text “NIM”

public void tambahKomponen(){

getContentPane().setLayout(null);

getContentPane().add(panel);

panel.setBounds(0, 0, 300, 150);

panel.setLayout(null);

panel.add(labelNim);

labelNim.setBounds(10, 10, 70, 20);

[email protected] Page 4

Page 5: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 5/17

Modul Pelatihan java Swing Asep Komarudin

}

Metode public void tambahKomponen() digunakan untuk meletakan komponen

swing yang kita butuhkan

getContentPane().setlayout(null) digunakan untuk mengatur tataletak komponendalam frame , layout null berarti koordinat komponen dalam frame harus ditentukan

sendiri.

getContentPane().add(panel) perintiah yang digunakan untuk menambahkan objek

 Jlabel kedalam frame

panel.setBounds(0, 0, 300, 150) Karena pada program dias kita mengunakan set

layout(null) maka kita membaut ukuran frame dengan manula sesuai keinginan

kita disini saya membaut panel darisis kiri jaraknya kosong dan dari atas jaraknya

kosong dengan ukuran sama denan ukuran frame.Kenapa kita mengunakan

Panel,tujuannya untuk memudahkan kita merubah rubah,isalkan kita inginmenambahkan warna background dan lainsebagainya.

panel.setLayout(null) kode ini kita gunakan fungsinya sama denga set layout diatas

artinya kita menentukan letak komponen sendiri.

panel.add(labelNim) kode ini kita gunakan untuk memasukan objek Jlabel kedalam

panel

labelNim.setBounds(10, 10, 70, 20) setelah kita masukan maka kita atur letaknya

dimana.

dt.tambahKomponen() kode ini kita gunakan untuk memanggil metode yang kita

buat sebelumya suapaya komponen yang kita buat ditampilakn delayar.

Menambahkan JtextField

public class DesainTampilan extends JFrame{

JPanel panel=new JPanel();

JLabel labelNim=new JLabel("NIM");

   JTextField textNim=new JTextField(20);

public DesainTampilan() {

setTitle("Contoh desain");

setLocation(300, 100);

[email protected] Page 5

Page 6: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 6/17

Modul Pelatihan java Swing Asep Komarudin

setSize(300, 150);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

public void tambahKomponen(){

getContentPane().setLayout(null);

getContentPane().add(panel);

panel.setBounds(0, 0, 300, 150);

panel.setLayout(null);

panel.add(labelNim);

  panel.add(textNim);

labelNim.setBounds(10, 10, 70, 20);

  textNim.setBounds(75, 10, 100, 20);

}

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

DesainTampilan dt=new DesainTampilan();

dt.tambahKomponen();

}

}

[email protected] Page 6

Page 7: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 7/17

Modul Pelatihan java Swing Asep Komarudin

Kode yang berwarna merah adalah perubahan dari kode sebelumnya

Penjelasan program:

 JTextField textNim=new JTextField(20);

Kode ini kita guakan untuk membentuk objek Jtextfield yang digunakan untuk

menampung inputan nim dengan panjang karakter 20

panel.add(textNim);

Kode ini dibuaat untuk memasukan komponen textfield kedalam panel

textNim.setBounds(75, 10, 100, 20);

Kode ini dibuat untuk membuat letak dan ukuran jTextField secara manual didalam Jpanel

Menambahkan Jbutton

public class DesainTampilan extends JFrame{

JPanel panel=new JPanel();

JLabel labelNim=new JLabel("NIM");

JTextField textNim=new JTextField(20);

   JButton btnCari=new JButton("Cari");

public DesainTampilan() {

setTitle("Contoh desain");

setLocation(300, 100);

[email protected] Page 7

Page 8: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 8/17

Modul Pelatihan java Swing Asep Komarudin

setSize(300, 150);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

public void tambahKomponen(){

getContentPane().setLayout(null);

getContentPane().add(panel);

panel.setBounds(0, 0, 300, 150);

panel.setLayout(null);

panel.add(labelNim);

panel.add(textNim);

  panel.add(btnCari);

labelNim.setBounds(10, 10, 70, 20);

textNim.setBounds(75, 10, 100, 20);

  btnCari.setBounds(180, 10, 95, 20);

}

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

DesainTampilan dt=new DesainTampilan();

dt.tambahKomponen();

}

}

[email protected] Page 8

Page 9: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 9/17

Modul Pelatihan java Swing Asep Komarudin

Kode yang berwarana merah adalah perubahan dari kode sebelumnya

Penjelasan Program:

penjelasan program sama saja dengan yag diatas

selkarang kita tambahkan lagi kodenya:

public class DesainTampilan extends JFrame{

JPanel panel=new JPanel();

JLabel labelNim=new JLabel("NIM");

JLabel labelNama=new JLabel("Nama");

JLabel labelKelas=new JLabel("Kelas");

JTextField textNim=new JTextField(20);

JTextField textnama=new JTextField(50);

JButton btnCari=new JButton("Cari");

public DesainTampilan() {

setTitle("Contoh desain");

setLocation(300, 100);

setSize(300, 150);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

public void tambahKomponen(){

[email protected] Page 9

Page 10: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 10/17

Modul Pelatihan java Swing Asep Komarudin

getContentPane().setLayout(null);

getContentPane().add(panel);

panel.setBounds(0, 0, 300, 150);

panel.setLayout(null);

panel.add(labelNim);

panel.add(labelNama);

panel.add(labelKelas);

panel.add(textNim);

panel.add(textnama);

panel.add(btnCari);

labelNim.setBounds(10, 10, 70, 20);

labelNama.setBounds(10, 35, 70, 20);

labelKelas.setBounds(10, 60, 70, 20);

textNim.setBounds(75, 10, 100, 20);

textnama.setBounds(75, 35, 200, 20);

btnCari.setBounds(180, 10, 95, 20);

}

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

DesainTampilan dt=new DesainTampilan();

dt.tambahKomponen();

}

}

[email protected] Page 10

Page 11: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 11/17

Modul Pelatihan java Swing Asep Komarudin

Tambahkan JradioButton

public class DesainTampilan extends JFrame{

JPanel panel=new JPanel();

JLabel labelNim=new JLabel("NIM");

JLabel labelNama=new JLabel("Nama");

JLabel labelKelas=new JLabel("Kelas");

JTextField textNim=new JTextField(20);

JTextField textnama=new JTextField(50);

JButton btnCari=new JButton("Cari");

   JRadioButton kelasA=new JRadioButton("A");

JRadioButton kelasB=new JRadioButton("B");

JRadioButton kelasC=new JRadioButton("C");

ButtonGroup grupkelas=new ButtonGroup();

public DesainTampilan() {

setTitle("Contoh desain");

setLocation(300, 100);

setSize(300, 150);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

[email protected] Page 11

Page 12: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 12/17

Modul Pelatihan java Swing Asep Komarudin

public void tambahKomponen(){

getContentPane().setLayout(null);

getContentPane().add(panel);

panel.setBounds(0, 0, 300, 150);

panel.setLayout(null);

panel.add(labelNim);

panel.add(labelNama);

panel.add(labelKelas);

panel.add(textNim);

panel.add(textnama);

panel.add(btnCari);

  panel.add(kelasA);

panel.add(kelasB);

panel.add(kelasC);

labelNim.setBounds(10, 10, 70, 20);

labelNama.setBounds(10, 35, 70, 20);

labelKelas.setBounds(10, 60, 70, 20);

textNim.setBounds(75, 10, 100, 20);

textnama.setBounds(75, 35, 200, 20);

btnCari.setBounds(180, 10, 95, 20);

  kelasA.setBounds(75, 60, 40, 20);

kelasB.setBounds(130, 60, 40, 20);

kelasC.setBounds(185, 60, 40, 20);

grupkelas.add(kelasA);

grupkelas.add(kelasB);

grupkelas.add(kelasC);

[email protected] Page 12

Page 13: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 13/17

Modul Pelatihan java Swing Asep Komarudin

}

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

DesainTampilan dt=new DesainTampilan();

dt.tambahKomponen();

}

}

 Yang berwarna merah adalah penambahan kode dari sebelumnya.

Penjelasan kode:

JRadioButton kelasA=new JRadioButton("A");

JRadioButton kelasB=new JRadioButton("B");

JRadioButton kelasC=new JRadioButton("C");

Kode diatas menunjukan bahwa kita membuat tiga buah objek radioButton dengan

nama kelasA,KelasB,dan kelasC dan textnya A,B dan C

ButtonGroup grupkelas=new ButtonGroup(); kode ini merupakan objek yang

digunakan untuk menyatakan semua objek JradioButton sehingga akan terpilih

satu diantara tiga jRadioButton.

[email protected] Page 13

Page 14: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 14/17

Modul Pelatihan java Swing Asep Komarudin

kelasA.setBounds(75, 60, 40, 20);

kelasB.setBounds(130, 60, 40, 20);

kelasC.setBounds(185, 60, 40, 20);

Digunakan untuk menambahkan dan menatur posisi masing masing objek dalam

panel

grupkelas.add(kelasA);

grupkelas.add(kelasB);

grupkelas.add(kelasC);

Kode ini adalah cara untuk menyatukan ketiga objek radioButton diatas

menambahkan JcomboBox

public class DesainTampilan extends JFrame{

JPanel panel=new JPanel();

JLabel labelNim=new JLabel("NIM");

JLabel labelNama=new JLabel("Nama");

JLabel labelKelas=new JLabel("Kelas");

JTextField textNim=new JTextField(20);

JTextField textnama=new JTextField(50);

JButton btnCari=new JButton("Cari");

JRadioButton kelasA=new JRadioButton("A");

JRadioButton kelasB=new JRadioButton("B");

JRadioButton kelasC=new JRadioButton("C");

ButtonGroup grupkelas=new ButtonGroup();

   JLabel labelKelompok=new JLabel("Klompok");

String jenisKelompok []={"1","2","3","4","5","6","7"};

JComboBox jcbKelompok=new JComboBox(jenisKelompok);

[email protected] Page 14

Page 15: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 15/17

Modul Pelatihan java Swing Asep Komarudin

public DesainTampilan() {

setTitle("Contoh desain");

setLocation(300, 100);

setSize(300, 150);

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setVisible(true);

}

public void tambahKomponen(){

getContentPane().setLayout(null);

getContentPane().add(panel);

panel.setBounds(0, 0, 300, 150);

panel.setLayout(null);

panel.add(labelNim);

panel.add(labelNama);

panel.add(labelKelas);

panel.add(textNim);

panel.add(textnama);

panel.add(btnCari);

panel.add(kelasA);

panel.add(kelasB);

panel.add(kelasC);

  panel.add(jcbKelompok);

panel.add(labelKelompok);

labelNim.setBounds(10, 10, 70, 20);

labelNama.setBounds(10, 35, 70, 20);

labelKelas.setBounds(10, 60, 70, 20);

[email protected] Page 15

Page 16: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 16/17

Modul Pelatihan java Swing Asep Komarudin

textNim.setBounds(75, 10, 100, 20);

textnama.setBounds(75, 35, 200, 20);

btnCari.setBounds(180, 10, 95, 20);

kelasA.setBounds(75, 60, 40, 20);

kelasB.setBounds(130, 60, 40, 20);

kelasC.setBounds(185, 60, 40, 20);

grupkelas.add(kelasA);

grupkelas.add(kelasB);

grupkelas.add(kelasC);

  labelKelompok.setBounds(10, 85, 70, 20);

jcbKelompok.setBounds(75, 85, 70, 20);

}

/**

* @param args the command line arguments

*/

public static void main(String[] args) {

// TODO code application logic here

DesainTampilan dt=new DesainTampilan();

dt.tambahKomponen();

}

}

[email protected] Page 16

Page 17: Pertemuan 16(Desain komponrn)

8/4/2019 Pertemuan 16(Desain komponrn)

http://slidepdf.com/reader/full/pertemuan-16desain-komponrn 17/17

Modul Pelatihan java Swing Asep Komarudin

[email protected] Page 17