J2ME裡面有自帶的List類,但是功能太弱,沒有實現View和Model的分離,所以操作起來比較費事。本來事想寫一個Canvas的TreeList,但是畫起來算坐標又太麻煩,所以選取了一個折中的方法,繼續List,實現一個操作起來比較方便的組件。
目的: 1.可伸縮的目錄樹結構,暫時先實現兩層。
2.Label和存儲內容分離。
3.激活和非激活圖片分開。
4.通過選擇事件可以准確快速找到對應內容
5.存儲內容無關性,裡面可以放置任何Object
實現思路: 1.封裝一個EXPandItem類,用來存儲每一條數據。
/**
* 默認圖片
*/
private String imagePath="";
/*
* 激活圖片,假如為空說明此圖片無效
*/
private String selectImgPath=null;
/**
* 組
*/
public static int GROUP=1;
/**
* 記錄
*/
public static int ITEM=0;
/**
* 是否選中,假如選中則默認為展開狀態
*/
private boolean ifselected=false;
/**
* 顯示Label
*/
private String label;
/**
* 類型:組,記錄
*/
private int type;
/**
* 存儲的對象
*/
GROUP表示這個ITEM是一個父節點,下面包含字節點,這樣它的Content將是一個Vector.
ITEM表示這個ITEM是根節點。
selectImgPath,是激活後的圖標,可以為空,為空的時候選擇了這個ITEM圖標不變。
然後就是ExpandList類,此類的數據結構如下:
private Vector itemList = new Vector();
/*用來存儲內容的數據結構*/
private ExpandListItem currentSelectedObject = null;
/*當前所選擇的對象,方便獲取*/
private int currentSelectedIndex = -1;
/*當前選擇的對象在隊列中的Index,隊列有兩個,一個是真實數據的存儲Vector,另外一個是顯示在屏幕上的隊列。這兩個有時候是不一樣的。因為有的節點有子節點*/
private Vector appearHookList = new Vector();
/*顯示在屏幕上的Label隊列*/
總的思路如下: 初始化List的時候,參數是一個Vector,裡面可以是ExpandItem或者是Vector.然後根據ExpandItem裡面的參數初始化屏幕,假如GROUP節點的ifselected狀態為True則遞歸添加下面的子節點,否則只插入當前節點。圖標也是一樣,假如ifselected為True 則用激活圖標否則用默認圖標。
在用戶選擇了一個結點後,取得當前的激活的Index號碼,判定是不是父節點,假如是的話,首先更新這個父節點的Ifselected屬性為True,然後重畫這個List;(其實效率更高的方法是直接插入這個父節點的子節點,但是這樣做的話,在移除的時候會稍微稍微麻煩一點。有時間我在改過來,呵呵)。假如選擇的是子節點,則判定是否有激活圖標,假如有,則更新這個圖標,就好了。
下面是效果
點擊查看大圖 附代碼一份,這是我ME組件庫中很早的版本了,呵呵。別的組件以後在寫。其實最好的方法就是寫Canvas。
--------------------------------------------------------------------------------
ExpandList.Java
package com.skystudio.ExpandList;
public class ExpandListItem {
public ExpandListItem(Object content,String imgPath,String selectImgPath,String Label,int type,boolean ifselected){
this.selectImgPath=selectImgPath;
this.imagePath=imgPath;
this.content=content;
this.label=Label;
this.type=type;
this.ifselected=ifselected;
}
/**
* 默認圖片
*/
private String imagePath="";
/*
* 激活圖片,假如為空說明此圖片無效
*/
private String selectImgPath=null;
/**
* 組
*/
public static int GROUP=1;
/**
* 記錄
*/
public static int ITEM=0;
/**
* 是否選中
*/
private boolean ifselected=false;
/**
* 顯示Label
*/
private String label;
/**
* 類型:組,記錄
*/
private int type;
/**
* 存儲的對象
*/
private Object content;
public Object getContent() {
return content;
}
public void setContent(Object content) {
this.content = content;
}
public String getLabel() {
return label;
}
public void setLabel(String label) {
this.label = label;
}
public int getType() {
return type;
}
public void setType(int type) {
this.type = type;
}
public boolean Ifselected() {
return ifselected;
}
public void setIfselected(boolean ifselected) {
this.ifselected = ifselected;
}
public String toString() {
return this.label+" ";
}
public String getImagePath() {
return imagePath;
}
public void setImagePath(String imagePath) {
this.imagePath = imagePath;
}
public String getSelectImgPath() {
return selectImgPath;
}
public void setSelectImgPath(String selectImgPath) {
this.selectImgPath = selectImgPath;
}
}
--------------------------------------------------------------------------------
package com.skystudio.ExpandList;
import java.util.Vector;
import javax.microedition.lcdui.Command;
import javax.microedition.lcdui.CommandListener;
import javax.microedition.lcdui.Displayable;
import javax.microedition.lcdui.Image;
import javax.microedition.lcdui.List;
import com.skystudio.ui.toolkit.Util;
/**
* @author sky
*
*/
public class ExpandList extends List implements CommandListener {
private Vector itemList = new Vector();
private ExpandListItem currentSelectedObject = null;
private int currentSelectedIndex = -1;
private Vector appearHookList = new Vector();
public ExpandList(String title, int type, Vector itemList) {
super(title, type);
this.itemList = itemList;
this.setCommandListener(this);
LoadList();
}
public void appendItem(ExpandListItem item, Image icon, boolean ifSub) {
appearHookList.addElement(item);
System.out.println("Add current display list:" + item);
if (!ifSub) {
this.append(item.getLabel(), icon);
} else {
this.append(" " + item.getLabel(), icon);
}
}
public void Init() {
int count = this.size();
for (int i = 0; i < count; i++) {
this.delete(0);
}
this.appearHookList.removeAllElements();
System.out.println("Now itemList:" + this.itemList);
}
public void LoadList() {
Init();
for (int i = 0; i < itemList.size(); i++) {
ExpandListItem elItem = (ExpandListItem) itemList.elementAt(i);
if (elItem.getType() == ExpandListItem.GROUP) {
Image icon = Util.getImage(elItem.getImagePath());
/**
* @Debug
*/
if (elItem.Ifselected()) {
if (elItem.getSelectImgPath() != null) {
icon = Util.getImage(elItem.getSelectImgPath());
}
System.out.println("Add Parent Node:");
this.appendItem(elItem, icon, false);
Vector group = (Vector) elItem.getContent();
for (int j = 0; j < group.size(); j++) {
ExpandListItem item = (ExpandListItem) group
.elementAt(j);
Image ic = Util.getImage(item.getImagePath());
System.out.println("Add Sub Node:");
this.appendItem(item, ic, true);
}
} else {
System.out.println("Add Leave Node:");
this.appendItem(elItem, icon, false);
}
} else if (elItem.getType() == ExpandListItem.ITEM) {
Image icon = Util.getImage(elItem.getImagePath());
this.appendItem(elItem, icon, false);
}
}
if (this.currentSelectedIndex != -1) {
thi