03. Layout pada SWT

posted Sep 10, 2011 6:26 PM by Editor KursusInternet   [ updated Sep 24, 2011 8:43 PM ]

Pendahuluan

Seperti halnya pemograman interface pada umumnya, salah satu kesulitan terbesar adalah mengatur posisi dan ukuran yang bisa terjadi secara sangat dinamis. 

Sebagai contoh :
  • penyesuaian ukuran dan posisi tombol saat window / dialog diperbesar maupun diperkecil sehingga terlihat proporsional.
  • penyesuaian dengan ukuran yang tetap konsisten dan otomatis berubah tempat jika terjadi perbesaran maupun pengecilan window / dialog.
  • dan lain-lain.
Untuk mencapai hal tersebut dengan baik, maka diperlukan suatu utilitas pembantu / helper dan dalam kerangka framework SWT, kita bisa menggunakan Layout.

Jenis-jenis Layout pada SWT

Ada beberapa jenis layout yang dapat digunakan pada SWT yaitu :

No Class Layout Keterangan  Wrap  Jumlah Row / Baris
 1  FillLayout Layout ini menyusun semua komponen widget dalam 1 baris atau 1 kolom dan ukurannya akan otomatis disesuaikan.

  Tidak Bisa  1 / 1
 2  FormLayout Layout ini menyusun komponen relatif posisinya terhadap satu sama lain.

 Tidak Otomatis   Bebas
 3  GridLayout Pengaturan berdasarkan matrix jumlah kolom yang didefinisikan. Sedangkan untuk jumlah baris akan disesuaikan berdasarkan kebutuhan.

  Otomatis berdasarkan definisi kolom

  Didefinisikan / Otomatis
 4  RowLayout Layout ini hampir sama dengan FillLayout, hanya saja dapat komponen tidak otomatis di-resize dan bisa mengatur wrapping yang tidak bisa dilakukan pada FillLayout.

  Otomatis sesuai pengaturan  1/1 atau Otomatis

Mendefinisikan Layout pada Shell

Seperti penjelasan pada artikel sebelumnya, shell mewakili windows / dialog pada SWT. Dan untuk Layout, kita attach ke tiap shell seperti pada potongan contoh program berikut :

        RowLayout layout = new RowLayout(SWT.WRAP);
        shell.setLayout(layout);

Catatan Penulis

Artikel ini akan berkembang terus dengan contoh-contoh penggunaan layout, alway stay tuned ! 


Beberapa Screenshot Penggunaan Layout





Sumber Referensi