Welcome`To`Bagas: Merancang GUI

Merancang GUI

Widgets (yaitu komponen atau kontrol) yang diatur dalam cara yang logis dan menyenangkan dengan menggunakan pendekatan berlapis di mana setiap lapisan menggunakan manajer layout yang sesuai. Dengar-dan-merasa memungkinkan desainer mengontrol rendering kontrol. Menu, toolbar dan popup juga dibahas.

Menubars, Toolbars, popups

Tata Letak Manajer

Manajer tata letak kelas yang mengontrol ukuran, posisi dan penyelarasan komponen dalam sebuah wadah sehingga mereka tidak kerumunan sama lain atau tumpang tindih. Wadah adalah komponen dan dapat berlapis (manajer tata letak yaitu dalam manajer tata letak). Java menyediakan manajer tata letak yang berkisar dari yang sederhana: FlowLayout, BoxLayout dan GridLayout untuk tujuan khusus:. BorderLayout dan CardLayout ke GridBagLayout sangat fleksibel SpringLayout adalah manajer layout baru (tapi kompleks) yang menggunakan konsep mata air dan struts untuk membantu merancang dengan baik- diposisikan kontainer. Gunakan metode setLayout () untuk mengatur ulang panel konten ke manajer layout yang spesifik:

 JPanel p = new JPanel (); / / membuat panel pertama
 p.setLayout (new BorderLayout ()); / / kemudian manajer ulang

Gunakan setPreferedSize (w, h) pada suatu obyek sehingga tampilan preset. Setiap manajer tata letak komponen pada skala resize dengan cara yang berbeda. Gunakan setMinimumSize (w, h) pada objek untuk mencegah bungkus atau hilangnya tampilan komponen.

FlowLayout mengatur komponen dalam baris di lebar dari sebuah wadah. Komponen FlowLayout otomatis membungkus atau pindah ke baris berikutnya bila diperlukan. Bila Anda menggunakan FlowLayout, masing-masing komponen mempertahankan ukuran standar (yaitu JButton akan menjadi cukup besar untuk menampung teks nya), tidak seperti BorderLayout dimana komponen Anda menambahkan mengisi daerah mereka. Juga, dengan FlowLayout, ketika Anda mengubah ukuran jendela, masing-masing komponen mempertahankan ukurannya (tapi mungkin menjadi sebagian dikaburkan atau mengubah posisi atau bungkus). Jika Anda perlu untuk memaksa bungkus (seperti menggunakan
dalam HTML), menggunakan dua kontainer, satu untuk setiap baris. FlowLayout adalah default untuk objek JPanel. Komponen yang FlowLayout pusat dibenarkan secara default. Jika Anda membutuhkan pembenaran kiri komponen, ulang tata letak keselarasan dengan:

  setLayout (baru FlowLayout (FlowLayout.LEFT));

BoxLayout tempat item dalam satu baris atau kolom. Lem dapat ditambahkan sebagai pengisi ruang yang fleksibel menggunakan metode Box.createGlue (), Box.createHorizontalGlue () dan Box.createVerticalGlue () Struts dapat ditambahkan sebagai pengisi ruang tetap menggunakan. metode createRigidArea (redup), createHorizontalStrut (w) dan createVerticalStrut (h) Catatan:. BoxLayout tidak biasa dalam hal itu harus menggunakan pane dan bukan frame sebagai wadahnya. Sebuah contoh pengaturan BoxLayout untuk keselarasan baris adalah:

  p.setLayout (new BoxLayout (p, BoxLayout.X_AXIS));

GridLayout menggunakan baris sederhana dan metafora kolom grid untuk tata letak. Semua komponen dari lebar dan tinggi yang sama dan skala yang sama ketika diubah ukurannya. Format konstruktor adalah:

 setLayout (new GridLayout (baris, cols, x-spasi, y-spasi));

BorderLayout digunakan ketika Anda ingin menambahkan komponen untuk maksimal lima bagian diatur dalam Utara, Selatan, Timur, Barat dan posisi Center. BorderLayout adalah manajer default untuk semua panel konten. Jika Anda menempatkan tepat lima komponen dalam BorderLayout wadah dan penggunaan, masing-masing komponen mengisi satu wiayah. Ketika program dijalankan, compiler menentukan ukuran yang tepat dari setiap komponen berdasarkan isi komponen. Ketika Anda mengubah ukuran wadah yang memiliki BorderLayout, daerah juga berubah dalam ukuran. Bila Anda menempatkan kurang dari lima komponen dalam BorderLayout wadah dan penggunaan, setiap daerah komponen kosong menghilang dan komponen sisa memperluas untuk mengisi ruang yang tersedia.

GridBagLayout memungkinkan menempatkan tepat dan ukuran dari setiap widget. Gunakan sifat: jangkar, gridheight, gridwidth, gridx, gridy, mengisi, ipadx, ipady, weightx dan berat.
CardLayout menyajikan widget ditumpuk mirip dengan setumpuk kartu. Hal ini dapat digunakan untuk mempertahankan panel statis tombol kontrol dan lain panel yang lebih dinamis di alam. Penggunaan umum adalah penampil slideshow mana kontrol yang statis dan bingkai foto sebenarnya satu set panel kartu yang disajikan sebagai tombol yang ditekan atau timer disebut.

Layered Desain

Desain berlapis adalah pola arsitektur yang struktur aplikasi sehingga mereka dapat dipecah menjadi kelompok subtasks sedemikian rupa sehingga setiap kelompok subtasks berada pada tingkat tertentu abstraksi. Interface yang paling GUI menggunakan lapisan nested panel, sering dengan manajer tata letak yang berbeda. Sebagai contoh desain berlapis, di sini adalah kode untuk tata letak dua kolom. Kolom kiri adalah satu set pilihan masukan. Kolom kanan adalah seperangkat tombol 'go'. Sebuah GridLayout kolom dua tidak digunakan karena menganggap kedua kolom dan baris akan sama ukuran. Sebaliknya kita membagi layar dengan BorderLayout dan kemudian menggunakan dua GridLayouts kolom tunggal. The GridLayout kiri lebih lanjut dibagi dengan menggunakan FlowLayout untuk captioning. Potong dan paste berikut ke sebuah file yang bernama Layer.java, mengkompilasi dan menjalankan untuk melihat efek Catatan:. The Model MVC digunakan untuk mengisolasi pandangan coding coding dari tindakan model.

<span
 onmouseover="_tipon(this)" onmouseout="_tipoff()"><span 
class="google-src-text" style="direction: ltr; text-align: 
left">import java.awt.*; import java.awt.event.*; import 
javax.swing.*; public class Layer // driver function { public static 
void main(String args[]) { try 
{UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());} 
catch (Exception e) {;} Layer_Model model=new Layer_Model(); Layer_View 
view=new Layer_View("Batch IO Utility"); Layer_Controller controller=new
 Layer_Controller(model,view); } } class Layer_Model // simple actions 
for demo { public void run(){System.out.println("Pressed 
Run");System.exit(0);} public void exit(){System.out.println("Pressed 
Exit");System.exit(0);} public void help(){System.out.println("Pressed 
Help");System.exit(0);} public void mail(){System.out.println("Pressed 
Mail");System.exit(0);} } class Layer_View extends JFrame // sets up the
 GUI { //declare input area components String rlabels[]={"Site URL: 
","Style: ","Report: "}; JTextField siteField=new JTextField(15); 
JComboBox styleBox=new JComboBox(); JTextField fileField=new 
JTextField(10); JButton fileBrow=new JButton("Browse..."); JPanel 
report=new JPanel(new GridLayout(4,1,2,2)); //declare button components 
JButton run=new JButton("Run the Utility"); JButton exit=new 
JButton("Exit After Save"); JButton help=new JButton("Helpful Hints"); 
JButton mail=new JButton("Contact Author"); JPanel buttons=new 
JPanel(new GridLayout(4,1,2,2)); //BorderLayout pane to hold 
input/button JPanels JPanel main=new JPanel(new BorderLayout()); public 
Layer_View(String title)// constructor method for GUI { 
super(title);setBounds(100,100,500,180);setResizable(true); 
setDefaultCloseOperation(DO_NOTHING_ON_CLOSE); //construct input 
fieldset styleBox.addItem("Tipue database format"); 
styleBox.addItem("Comma delimited ASCII"); styleBox.addItem("Tab 
delimited ASCII"); for (int i=0; i<3;i++) { JLabel lab=new 
JLabel(rlabels[i]); lab.setForeground(Color.black); JPanel p=new 
JPanel(new FlowLayout(FlowLayout.LEFT)); p.add(lab); switch (i) { case 
0: p.add(siteField); break; case 1: p.add(styleBox); break; case 2: 
p.add(fileField); p.add(fileBrow); break; } report.add(p); } //construct
 button controls buttons.add(run); buttons.add(exit); buttons.add(help);
 buttons.add(mail); //complete the panel assembly 
main.add("Center",report); main.add("East",buttons); 
this.getContentPane().add("Center",main);setVisible(true); } public void
 buttonActionListeners(ActionListener al) { 
run.setActionCommand("run");run.addActionListener(al); 
exit.setActionCommand("exit");exit.addActionListener(al); 
help.setActionCommand("help");help.addActionListener(al); 
mail.setActionCommand("mail");mail.addActionListener(al); } } class 
Layer_Controller implements ActionListener { Layer_Model model; 
Layer_View view; public Layer_Controller(Layer_Model model, Layer_View 
view) { this.model=model; this.view=view; 
view.buttonActionListeners(this); } // methods dealing with interactions
 performed on the View.</span> import java.awt *; java.awt.event 
impor *;. import javax.swing *;.. Lapisan public class / / driver fungsi
 {public static void main (String args []) {try 
{UIManager.setLookAndFeel (UIManager. getSystemLookAndFeelClassName 
());} catch (Exception e) {;} Layer_Model model = new Layer_Model (); 
Layer_View view = new Layer_View ("Batch IO Utility"); Layer_Controller 
controller = new Layer_Controller (model, tampilan);}} Layer_Model kelas
 / / sederhana tindakan untuk demo {public void run () 
{System.out.println ("Run ditekan"); System.exit (0);} void keluar 
public () {System.out.println ("Keluar ditekan") , System.exit (0);} 
void bantuan publik () {System.out.println ("Bantuan ditekan"); 
System.exit (0);} void mail publik () {System.out.println ("Surat 
ditekan "); System.exit (0);}} class Layer_View extends JFrame / / set 
up GUI {/ / mendeklarasikan komponen masukan daerah String rlabels [] = 
{" Site URL: "," Style: "," Laporan: " }; JTextField siteField = new 
JTextField (15); JComboBox styleBox = new JComboBox (); JTextField 
fileField = new JTextField (10); JButton fileBrow = new JLabel ("Browse 
..."); JPanel laporan = new JPanel (new GridLayout (4,1,2,2)); / / 
mendeklarasikan komponen tombol JButton run = new JLabel ("Jalankan 
Utility"), keluar JButton = new JButton ("Keluar Setelah Save"), bantuan
 JButton = new JButton ("Bermanfaat Petunjuk "); JButton mail = new 
JLabel (" Contact Author "), tombol = new JPanel JPanel (new GridLayout 
(4,1,2,2)); pane / / BorderLayout untuk menahan masukan / tombol JPanels
 JPanel utama = JPanel baru (new BorderLayout ()); public Layer_View 
(String judul) metode / / konstruktor untuk GUI {super (judul); 
setBounds (100100500180); setResizable (true); setDefaultCloseOperation 
(DO_NOTHING_ON_CLOSE); / / membangun masukan fieldset styleBox.addItem 
(" Tipue database format "); styleBox.addItem (" Comma delimited ASCII 
"); styleBox.addItem (" Tab delimited ASCII "), karena (int i = 0; i 
<3, i + +) {JLabel lab = new JLabel (rlabels [ i]); lab.setForeground
 (Color.black), JPanel p = new JPanel (new FlowLayout 
(FlowLayout.LEFT)); p.add (lab), switch (i) {case 0: p.add (siteField); 
break; Kasus 1: p.add (styleBox); break; Kasus 2: p.add (fileField); 
p.add (fileBrow); break;} report.add (p);} / / membangun tombol kontrol 
buttons.add (run), buttons.add (exit), buttons.add (membantu), 
buttons.add (mail), / / melengkapi panel perakitan main.add ("Center",
 laporan), main.add ("Timur", tombol);. this.getContentPane () add 
("Center", utama), setVisible (true);} buttonActionListeners public void
 (ActionListener al) {run.setActionCommand ("run"); 
run.addActionListener (al); keluar. setActionCommand ("exit"); 
exit.addActionListener (al); help.setActionCommand ("help"); 
help.addActionListener (al); mail.setActionCommand ("mail"); 
mail.addActionListener (al);}} class Layer_Controller 
mengimplementasikan ActionListener {Layer_Model model; Layer_View 
pandangan, masyarakat Layer_Controller (Layer_Model model, Layer_View 
tampilan) {this.model = model; this.view = pandangan, 
view.buttonActionListeners (ini);} / / metode yang berhubungan dengan 
interaksi dilakukan pada View.</span> <span 
onmouseover="_tipon(this)" onmouseout="_tipoff()"><span 
class="google-src-text" style="direction: ltr; text-align: 
left">public void actionPerformed(ActionEvent ae) { String 
action_com=ae.getActionCommand(); if (action_com.equals("run")) 
{model.run();} else if (action_com.equals("help")) {model.help();} else 
if (action_com.equals("mail")) {model.mail();} else if 
(action_com.equals("exit")) {model.exit();} } }</span> public void
 actionPerformed (ActionEvent ae) {String action_com = 
ae.getActionCommand (), jika (action_com.equals ("run")) {model.run ();}
 else if (action_com.equals ("help")) {Model bantuan ();.} else if 
(action_com.equals ("mail")) {model.mail ();} else if (action_com.equals
 ("exit")) {model.exit ();}}}</span>

CATATAN: Tombol-tombol yang dibuat oleh demo ini tidak menyediakan fungsi tersirat mereka tetapi hanya mencetak pesan dan mengakhiri program. Untuk sepenuhnya melaksanakan aksi tombol, konsultasikan baik pendengar basic event dengan bersarang jika konstruksi atau pendengar acara canggih .

Tampilan dan Nuansa

Ayunan memungkinkan mode render tiga: lihat bersatu 'Java' dan merasa [default], tampilan platform asli, atau melihat platform tertentu itu. Jika Anda ingin mengubah dari default ke tampilan platform asli, tambahkan berikut pada awal metode kelas pendorong utama:

   try {UIManager.setLookAndFeel (UIManager.getSystemLookAndFeelClassName ());}
   catch (Exception e) {}

Jika Anda ingin menggunakan tampilan selain default atau yang asli, Anda harus terlebih dahulu memeriksa apa yang tersedia. Untuk alasan hak cipta, pandangan Mac tidak tersedia di Windows dan sebaliknya. Untuk memeriksa apa gunanya tersedia:

  UIManager.LookAndFeelInfo [] = laf UIManager.GetInstalledLookAndFeels ();
 for (int i = 0; i 
     {System.out.println ("Kelas Nama:". + Laf [i] getClassName ());
       System.out.println ("Nama:". + Laf [i] getName ());}

Jika Anda ingin mengubah tampilan setelah memulai (misalnya membiarkan pengguna memilih tampilan) pastikan untuk membuat semua komponen memperbarui penampilan mereka. Panggilan kelas SwingUtilities metode updateComponentTreeUI (Komponen) dengan komponen antarmuka pengguna utama seperti objek JFrame sebagai argumen.

Auditory Isyarat

Isyarat pendengaran adalah potongan suara yang terjadi sebagai bagian dari acara GUI seperti tombol tekan atau popup window. Java menggunakan L nya & F manager untuk mengakses file suara umum untuk Logam, Mac atau Windows. Ini menggunakan daftar putar untuk jenis tertentu peristiwa seperti dekat, kesalahan dan item menu. Ambil Audio untuk demo.

Menubars, Toolbars, popups

Bar penarikan Dropdown / menu adalah menu serupa dengan yang muncul di bagian atas program Windows yang paling. Bar menu dibangun dari kelas JMenuBar. Menu (bar item alias) yang dibangun dari kelas JMenu dan item menu dari kelas JMenuItem. Pemisah item yang dapat ditambahkan ke menu dengan addSeparator () atau dimasukkan dengan insertSeparator (posn). Item menu dapat dinonaktifkan (berwarna abu-abu) dengan) setEnabled (palsu) dan diuji dengan isEnabled (. Item menu dapat memiliki cara pintas hotkey ditambahkan dengan menggunakan setMnemonic (char). Kunci Accelerator ditambahkan dengan setAccelerator (). Menubar ditambahkan ke rangka utama dengan menggunakan this.setJMenuBar (obj). MyMenu menunjukkan banyak fitur dari kelas menu termasuk mnemonik, akselerator bersemangat untuk item platform, kotak centang & radiobutton dan ikon.
Dockable toolbar dapat dibangun dari kelas JToolBar. JToolBar (SwingConstants.VERTICAL) menimpa orientasi default. Add () metode menambahkan komponen yang sering ikon. SetFloatable (bool) dan setRollover (bool) mengubah tampilan toolbar. Toolbar selalu sepenuhnya terkena. MyToolBar menunjukkan fitur dari kelas toolbar termasuk kelas tindakan.
Konteks menu popup sensitif diungkapkan oleh beberapa aksi pengguna (seperti klik kanan) dan terlihat mirip dengan kotak dialog. MyPop menunjukkan JPopupMenu dan beberapa fitur dari kelas menu popup termasuk pendengar khusus.

Tutorial Source Code

Mendapatkan sumber untuk FlowGUI, BoxGUI, GridGUI, BorderGUI, GridBagGUI dan CardLayoutGUI menggunakan MVC sini. Kompilasi demo masing-masing dan perhatikan bagaimana pembentukan kerak pada resize bekerja.

Senin, 19 November 2012 | 0 komentar | Label: java

Welcome`To`Bagas

Merancang GUI

Tata Letak Manajer

Layered Desain

Tampilan dan Nuansa

Auditory Isyarat

Menubars, Toolbars, popups

Tutorial Source Code

0 komentar:

Posting Komentar

Categories

Archive

Page impressions

Followers

Kontributor

Chat !

Jam WIB