J2ME 高級界面下實現九宮格

前段時間一直爲九宮格煩惱，項目又希望使用高級界面，但是九宮格這樣的東東實現是想不到好的辦法，好像沒有合適的控件可以完成這個任務。後來終於想起了萬能的CustomItem,用他來搞定九宮格。本例就是使用CustomItem 來實現了一個九宮格效果，效果如下圖：

 

MyIem.java(實現九宮格Item)代碼如下：

 

package src; import javax.microedition.lcdui.*; public class MyItem extends CustomItem { private Image image; private String title; private int height; private int width; public MyItem(Image image, String title,int width,int height) { super(null); this.image = image; this.title = title; this.height = height; this.width = width; } public int getMinContentHeight() { return this.height; } public int getMinContentWidth() { return this.width; } public int getPrefContentHeight(int width) { return getMinContentHeight(); } public int getPrefContentWidth(int height) { return getMinContentWidth(); } public void paint(Graphics g, int w, int h) { g.drawImage(this.image, w/2, 0, Graphics.HCENTER | Graphics.TOP); g.setColor(0x333333); g.drawString(this.title, w/2, h - g.getFont().getHeight(), Graphics.HCENTER | Graphics.TOP); } public void keyPressed(int keyCode) { if(keyCode == -5){ System.out.println(this.title + " is pressed!"); } } } 

 

調度form代碼片段

 

Form f = new Form("CustomItem"); int tempWidth = f.getWidth() / 4; int tempHeight = 60; for(int i = 0; i < 9;i++) { String imgSrc = "/img/" + i + ".png"; try { Image img = Image.createImage(imgSrc); MyItem mi = new MyItem(img,String.valueOf(i) + " item",tempWidth,tempHeight); mi.setLayout( Item.LAYOUT_CENTER );//居中 f.append( mi ); } catch(IOException ioe) { ioe.printStackTrace(); } } display.setCurrent( f );

 

這樣一個九宮格就做完了，要現實相應的動作和更豐富的效果可以根據CustomItem以及Item的接口進行豐富。