Memakai J2ME Polish GUI


Setelah selesai melakukan konfigurasi, memakai J2ME Polish GUI sangatlah mudah.  Yang perlu dilakukan adalah membuat sebuah file polish.css di lokasi direktori resource yang telah ditentukan di build.xml.  Berikut ini adalah contoh sebuah MIDlet yang dibuat dengan menggunakan J2ME Polish GUI:

Contoh MIDlet Yang Memakai J2ME Polish GUI

Contoh MIDlet Yang Memakai J2ME Polish GUI

Berikut ini adalah isi file polish.css untuk menghasilkan output seperti gambar di atas:

.menuUtama {
	background {
		type: snowflakes;
		color: #cccccc;
		flake-color: white;
		max-flake-size: 20;
		number-of-flakes: 50;
	}
	layout: horizontal-expand | horizontal-center | vertical-center;
}

.pilihanMenu {
	layout: expand | center;
	font {
		face: proportional;
		size: large;
		color: black;
	}
}

.pilihanMenu:hover {
	layout: expand | center;
	font {
		size: large;
		color: #dddddd;
	}
	background {
		type: pulsating;
		start-color: #333333;
		end-color: #cccccc;
		back-and-forth: true;
		repeat: true;
	}
}

title {
	background {
		type: web20;
		color: #aaaaaa;
		circle-color: #cccccc;
		circle-anchor: bottom;
	}
	font {
		face: proportional;
		size: large;
		color: #333333;
	}
	text-effect: drop-shadow;
	layout: expand | center;
}

menu {
	background {
		type: horizontal-stripes;
		first-top-color: #aaaaaa;
		second-top-color: #777777;
		first-bottom-color: #dddddd;
		second-bottom-color: #aaaaaa;
	}
}

leftcommand {
	text-effect: shadow;
	text-shadow-color: #cccccc;

}

Isi MIDlet-nya sendiri sangatlah sederhana, dengan kode program yang sangat familiar bagi yang sudah terbiasa memakai LCDUI:

package co.id.jocki.latihan;

import javax.microedition.lcdui.Display;
import javax.microedition.lcdui.Form;
import javax.microedition.lcdui.List;
import javax.microedition.midlet.MIDlet;
import javax.microedition.midlet.MIDletStateChangeException;

public class LatihanMIDlet extends MIDlet {

	private Display display;
	private List lstMenuUtama;

	public LatihanMIDlet() {

		display = Display.getDisplay(this);

		//#style menuUtama
		lstMenuUtama = new List("The Solid Snake", List.IMPLICIT);

		//#style pilihanMenu
		lstMenuUtama.append("New Game", null);
		//#style pilihanMenu
		lstMenuUtama.append("Load Game", null);
		//#style pilihanMenu
		lstMenuUtama.append("Options", null);
		//#style pilihanMenu
		lstMenuUtama.append("Exit", null);

	}

	protected void destroyApp(boolean arg0) throws MIDletStateChangeException {
	}

	protected void pauseApp() {
	}

	protected void startApp() throws MIDletStateChangeException {
		display.setCurrent(lstMenuUtama);
	}

}

Yang membedakan hanyalah terdapat preprocessor #style (dalam bentuk comment) yang hanya akan dimengerti oleh J2ME Polish GUI, dan akan dipakai untuk melakukan translasi kode program nantinya.

Artikel ini juga dilengkapi dengan sebuah video tutorial yang dapat dilihat di sini.

Perihal Solid Snake
I'm nothing...

Apa komentar Anda?

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: