MIDlet User Interface (3)

Presentasi berjudul: "MIDlet User Interface (3)"— Transcript presentasi:

1 MIDlet User Interface (3)
As’ad Djamalilleil

2 Class Form Class Form adalah salah satu subclass dari Screen yang dapat digunakan untuk membuat user interface dari element sederhana seperti textfield, string dan label. Seperti TextBox, Form ditampilkan memenuhi layar dan mewarisi kemampuan dari superclass-nya untuk menampilkan judul, ticker, dan dihubungkan dengan Command

3 Elemen yang dapat ditambahkan ke dalam Form adalah semua berasal dari class abstrak Item:
public abstract class Item { public String getLabel( ); public void setLabel(String label); }

4 Item yang dapat ditambahkan ke dalam Form
Keterangan StringItem Digunakan hanya untuk atau menampilkan teks TextField Berupa field yang dapat digunakan untuk diisi dengan satu baris teks DateField Digunakan khusus untuk menginput tanggal Gauge Komponen yang dapat digunakan untuk menampilkan progress dari suatu proses atau memilih sebuah nilai dari sebuah range nilai ChoiceGroup Komponen yang menyediakan serangkaian pilihan layaknya checkbox atau radio button ImageItem Digunakan untuk menampilkan gambar pada user interface

5 Class Form memiliki dua constructor:
public Form(String title); public Form(String title, Item[] items); title judul dari form, dapat dikosongkan dengan memberikan argumen null items array dari komponen-komponen yang akan ditampilkan di dalam form, berurut sesuai urutan peletakannya pada form

6 Form memiliki tiga metode yang membolehkan item untuk ditambahkan ke dalam form tersebut:
public void append(Item item); public void append(Image image); public void append(String string);

7 Form memiliki aturan untuk menentukan tata letak komponen di dalam form:
Item yang berkaitan dengan dengan input user (seperti TextField, DateField, Gauge, dan ChoiceGroup) diurutkan secara vertikal dari item pertama hingga item terakhir StringItem dan ImageItem yang berdekatan dan memiliki label kosong ditempatkan secara horizontal. Jika tidak ada ruang yang cukup untuk menampilkan StringItem, maka sisa teks dipindahkan ke baris di bawahnya dan ditambahkan spasi kosong jika memungkinkan. Jika tidak ada ruang yang cukup untuk menampilkan ImageItem, maka gambarnya terpotong

8 StringItem dan ImageItem yang memiliki label menyebabkan perpindahan baris sebelum label ditampilkan
Karakter newline pada StringItem menyebabkan perpindahan baris Lebar Form selalu sama dengan lebar layar. Jika Form lebih tinggi dibandingkan tinggi layar, maka Form tersebut dapat di-scroll secara vertikal. Scroll secara horizontal tidak diperbolehkan

9 Aplikasi Demo Form 1 import javax.microedition.midlet.MIDlet;
import javax.microedition.lcdui.Form; import javax.microedition.lcdui.TextField; import javax.microedition.lcdui.Display; public class CobaForm extends MIDlet { private Display layar; private Form formKu; public CobaForm() { layar = Display.getDisplay(this); }

10 public void startApp() {
formKu = new Form("Ini judul form"); layar.setCurrent(formKu); formKu.append("Halo"); formKu.append("Dunia"); formKu.append("\nMari kita\nmemulai baris\nyang baru\n"); formKu.append("Tulisan ini mungkin tidak akan cukup dalam satu baris"); formKu.append(new TextField("Nama :", "John Smith", 32, TextField.ANY)); formKu.append("Alamat :"); formKu.append(new TextField(null, null, 32, TextField.ANY)); }

11 public void destroyApp(boolean unconditional) {
} public void pauseApp() {

12 Form memiliki beberapa metode lain yang dapat memanipulasi item-item yang berada di dalam Form:
public void delete(int index); public Item get(int index); public void insert(int index, Item item); public void set(int index, Item item); public int size( );

13 Beberapa metode di atas menggunakan index sebagai argumen untuk menentukan Item mana yang akan dioperasikan, dimana Item pertama memiliki index 0 (nol). Metode delete() menghilangkan Item pada index tertentu Metode get() memberikan nama Item pada index tertentu Metode insert() menyisipkan item pada index tertentu, sehingga memindahkan posisi Item pada index tersebut beserta Item di bawahnya satu posisi ke bawah Metode set() mengganti item pada index tertentu dengan item yang baru Metode size() memberikan jumlah Item pada Form

14 Sebuah Command atau Ticker dapat ditempatkan pada beberapa layar sekaligus
Sebuah Item hanya diperbolehkan untuk ditempatkan pada satu Form pada satu waktu Sebelum Item tersebut ditempatkan pada Form lain, maka sebelumnya harus dihilangkan dulu dari dalam Form yang digunakan sebelumnya Karena Form secara tidak langsung merupakan subclass dari Displayable, maka dapat menambahkan Command ke dalam Form untuk membaca input dari user untuk diproses