Satu hal terpenting dalam sebuah aplikasi adalah Graphical User Interface (GUI). GUI dapat dimanfaatkan sebagai media input dalam sebuah aplikasi.

Class-class untuk membangun GUI dalam MIDP disimpan dalam lcdui (javax.microedition.lcdui), sehingga agar dapat memanfaatkan class tersebut dengan mengimport paketnya.

Struktur GUI dalam MIDP

GUI di dalam MIDP dibagi menjadi dua bagian, yaitu: high-level API (yang didasarkan pada penbentukan window) dan low-level API (yang didasarkan pada pembentukan canvas dan pixel). Penggunaan high-level API lebih mudah disbanding mengunakan low-level API untuk membangun sebuah interface pada suatu aplikasi. Namun dengan menggunakan low level API lebih leluasa dalam mendesain sebuah interface.

Model high-level API menyediakan class-class standar yang digunakan untuk membangun UI (User Interface) seperti component Form, TextBox, List, Alert. Model High-level mengimplementasikan class-class yang diturunkan dari class Screen.

Model Low-level API memberikan akses yang kepada programmer untuk melakukan control terhadap tampilan layer, termasuk pengembaran menggunakan pixel, pembentukan bentuk geometri (segitiga, segiempat,lingkaran,elips, arc, dll). Model ini sering digunakan untuk membuat game. Karena model ini dapat membuat bentuk tek graphic yang lebih spesifik sesaui dengan keinginan. Model ini juga dapat membaca tombol-tombol yang ditekan oleh user.

Dalam paket lcdui yang dimport menggunakan:

import javax.microedition.lcdui.*;

Paket ini terdiri dari interface dan class.

Tabel daftar interface:

Daftar kelas paket lcdui:

Arsitektur LCDUI

Beriku hierarki class-class yang diambil dari pake lcdui (javax.microedition.lcdui)

Hierarki Class LCDUI

Dari class-class di atas yang dapat langsung ditampilkan ke layar hanya turunan dari class Displayable.

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

import javax.microedition.lcdui.*;
import javax.microedition.midlet.*;
 
public class MIDAlert extends MIDlet implements CommandListener {
    private Display display;
    private Form form;
    private Alert alert;
    private Command cmdExit;
    private Command cmdAlert;
 
    public MIDAlert() {
        display = Display.getDisplay(this);
        //membuat objek Form
        form = new Form("Demo Alert");
 
        //membuat objek Command
        cmdExit = new Command("Exit", Command.EXIT, 1);
        cmdAlert = new Command("Alert", Command.SCREEN, 2);
 
        //menambahkan objek Command "cmdExit" dan "cmdAlert"
        form.addCommand(cmdExit);
        form.addCommand(cmdAlert);
 
        //menset event
        form.setCommandListener(this);
    }
 
    public void startApp() {
        //menentukan objek yang ditampilkan di layar
        display.setCurrent(form);
    }
 
    public void pauseApp() {
    }
 
    public void destroyApp(boolean unconditional) {
    }
 
    public void commandAction(Command c, Displayable d) {
        if (c == cmdAlert) {
            //memanggil method tampilAlert
            tampilAlert();
        } else if (c == cmdExit) {
            destroyApp(true);
            notifyDestroyed();
        }
    }
 
    private void tampilAlert() {
        try {
            //membuat objek Alert dan menentukan String yang ditampilkan
            alert = new Alert("Informasi", "Pesan ini tampil di User", null, null);
 
            //menentukan tipe Alert
            alert.setType(AlertType.ALARM);
 
            //menentukan lamanya Alert tampil
            alert.setTimeout(5000);
 
            //menampilkan Alert
            display.setCurrent(alert);
        } catch(Exception e)  {
            System.out.println(e.getMessage());
        }
    }
}

Sebuah aplikasi biasanya ketika menampilkan pesan menggunakan icon atau gambar tertentu, berikut tambahan kode program agar pesan yang ditampilkan di atas dapat menampilkan pesan yang disertai dengan gambar.

Hasil output dari program di atas adalah:

Sesudah dan sebelum diklik Alert

Ubahlah method tampilAlert() menjadi seperti berikut:

private void tampilAlert() {
	try {
		//membuat objek Image
		Image img = Image.createImage("/globe.png");

		//membuat objek Alert dan menentukan String yang ditampilkan
		alert = new Alert("Informasi", "Pesan ini tampil di User", img, null);

		//menentukan tipe Alert
		alert.setType(AlertType.ALARM);

		//menentukan lamanya Alert tampil
		alert.setTimeout(5000);

		//menampilkan Alert
		display.setCurrent(alert);
	} catch(Exception e)  {
		System.out.println(e.getMessage());
	}
}

Tampilan ketika ditambahkan gambar pada Alert.

Tampilan Alert setelah ditambah image