站内搜索: 请输入搜索关键词

当前页面: 开发资料首页J2ME 专题J2ME 实现可伸展目录树TreeList(图)

J2ME 实现可伸展目录树TreeList(图)

摘要: J2ME 实现可伸展目录树TreeList(图)
<td style="width:130px;height:130px;padding-bottom:10px;"> ad </td></tr> </table
  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

↑返回目录
前一篇: 用NetBeans平台开发J2ME游戏实例讲解3
后一篇: 在J2me游戏使用“精灵”-Sprite(图)