`
duyouhua1214
  • 浏览: 236245 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

J2ME中实现可伸展目录树TreeList

    博客分类:
  • j2me
阅读更多

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) {
   this.setSelectedIndex(currentSelectedIndex, true);
  }
 }

 public Vector getItemList() {
  return itemList;
 }

 public void setItemList(Vector itemList) {
  this.itemList = itemList;
 }

 public void commandAction(Command arg0, Displayable arg1) {
  if (arg0 == List.SELECT_COMMAND) {
   /**
    * Set Current List Selected status
   */
   this.currentSelectedIndex = this.getSelectedIndex();
   System.out.println(this.appearHookList);

   this.currentSelectedObject = (ExpandListItem) this.appearHookList.elementAt(currentSelectedIndex);

   int indexInItemList = this.itemList.indexOf(this.appearHookList.elementAt(this.getSelectedIndex()));
   System.out.println(" Selected: " + currentSelectedIndex + " " + this.currentSelectedObject + " indexInItemList:" + indexInItemList);
   /**
   *
   */
   if (this.currentSelectedObject.getType() == ExpandListItem.GROUP) {
    if (this.currentSelectedObject.Ifselected() == false) {// Previous
     // item
     // status
     // is
     // contractive,need
     // to be
     // expanded.
     System.out.println(this.currentSelectedObject.Ifselected());
     this.itemList.removeElementAt(indexInItemList);
     this.currentSelectedObject.setIfselected(true);
     this.itemList.insertElementAt(currentSelectedObject,
     indexInItemList);
    } else {
     this.itemList.removeElementAt(indexInItemList);
     this.currentSelectedObject.setIfselected(false);
     this.itemList.insertElementAt(currentSelectedObject,
     indexInItemList);
    }
    this.Init();
    this.LoadList();
   } else {
    if (this.currentSelectedObject.getSelectImgPath() != null) {
     if (this.currentSelectedObject.Ifselected() == false) {
      Image icon = Util.getImage(this.currentSelectedObject.getSelectImgPath());
      System.out.println(this.currentSelectedObject.Ifselected());
      this.itemList.removeElementAt(indexInItemList);
      this.currentSelectedObject.setIfselected(true);
      this.itemList.insertElementAt(currentSelectedObject,indexInItemList);
      this.delete(this.currentSelectedIndex);
      this.insert(this.currentSelectedIndex,
      this.currentSelectedObject.getLabel(), icon);
     } else {
      Image icon = Util.getImage(this.currentSelectedObject.getImagePath());
      this.itemList.removeElementAt(indexInItemList);
      this.currentSelectedObject.setIfselected(false);
      this.itemList.insertElementAt(currentSelectedObject,indexInItemList);
      this.delete(this.currentSelectedIndex);
      this.insert(this.currentSelectedIndex,
      this.currentSelectedObject.getLabel(), icon);
     }
     this.setSelectedIndex(this.currentSelectedIndex,true);
    }
   }
  }
 }
}


  附测试代码

import java.util.Vector;

import javax.microedition.lcdui.Choice;
import javax.microedition.lcdui.Display;
import javax.microedition.midlet.MIDlet;
import javax.microedition.midlet.MIDletStateChangeException;

import com.skystudio.Canvas.ListCanvas;
import com.skystudio.ExpandList.ExpandList;
import com.skystudio.ExpandList.ExpandListItem;

public class Main extends MIDlet {
 Display d=null;
 protected void startApp() throws MIDletStateChangeException {
  d=Display.getDisplay(this);
  ListTest();
 }
 private void TestUI(){
  ListCanvas l=new ListCanvas();
  d.setCurrent(l);
 }
 private void ListTest(){
  Vector v1=new Vector();
  for(int i=0;i<10;i++){
   v1.addElement(new ExpandListItem("土匪"+Integer.toString(i),"/img/default.png","/img/Group-open.png","土匪"+Integer.toString(i),ExpandListItem.ITEM,false));
  }
  String v2="警察";
  Vector v3=new Vector();
  for(int i=0;i<10;i++){
   v3.addElement(new ExpandListItem("警察"+Integer.toString(i),"/img/default.png","/img/Group-open.png","警察"+Integer.toString(i),ExpandListItem.ITEM,false));
  }
  Vector v=new Vector();
  v.addElement(new ExpandListItem(v1,"/img/Group-close.png","/img/Group-open.png","土匪帮",ExpandListItem.GROUP,false));
  v.addElement(new ExpandListItem(v3,"/img/Group-close.png","/img/Group-open.png","警察局",ExpandListItem.GROUP,false));
  v.addElement(new ExpandListItem(v2,"/img/default.png","/img/Group-open.png","法官",ExpandListItem.ITEM,false));
  d.setCurrent(new ExpandList("花名册",Choice.IMPLICIT,v));
 }

 protected void pauseApp() {
  // TODO Auto-generated method stub
 }

 protected void destroyApp(boolean arg0) throws MIDletStateChangeException {
  // TODO Auto-generated method stub
 }
}

 

 

 

来源:http://www.grzz.com.cn/program/jsp/4447/

分享到:
评论

相关推荐

    jsp目录树制作教程

    在提供的文件列表中,"J2ME中实现可伸展目录树TreeList JSP教程 网页制作.htm"和其关联的文件可能是详细教程或示例代码,它们可能涵盖如何在J2ME(Java Micro Edition)环境中实现类似的功能。虽然J2ME主要针对移动...

    j2me中用canvas实现的目录树代码

    在J2ME中,由于没有内置的控件来直接实现目录树,我们需要借助Canvas来手动绘制和管理这样的结构。 Canvas 是J2ME MIDP(Mobile Information Device Profile)库中的一个类,它继承自Graphics类,提供了一个空白...

    J2ME 画布实现中文输入

    在Java Micro Edition (J2ME) 平台上开发移动应用时,由于资源限制,往往需要进行一些巧妙的设计来实现特定功能。"J2ME 画布实现中文输入"这一主题,就是针对在J2ME环境下如何创建一个自定义的中文输入系统进行探讨...

    J2ME中实现备忘录的增删改查

    本程序实现了在J2ME中的备忘录的增加记录、删除记录、修改记录以及查询记录的功能。

    J2ME中文输入Demo

    本"J2ME中文输入Demo"旨在为开发者展示如何在J2ME环境中实现基本的中文输入功能。虽然这个Demo可能不完美,但其核心概念和方法对于理解和构建自己的中文输入解决方案是非常有价值的。 1. **TextBox与TextField** ...

    J2ME实现画图程序

    在这个J2ME实现的画图程序中,我们主要关注的是如何在移动设备上利用Java Micro Edition(J2ME)框架创建一个简单的画图应用。J2ME是Java平台的一个子集,专门用于嵌入式设备,如手机和PDA。在这个程序中,核心功能...

    J2ME中实现电话通讯录的源代码

    在这个案例中,"J2ME中实现电话通讯录的源代码"项目运用了MVC(Model-View-Controller)设计模式,这是一种广泛用于软件工程的架构模式,特别适用于用户界面的开发。 **1. MVC设计模式详解:** - **Model(模型)**...

    J2ME中文教程,J2ME手机程序开发

    同时,理解如何设置和使用KVM(KVM是CLDC的一部分,Java虚拟机的一种实现)和MIDlet套件管理器也是必不可少的。 ### 发布与部署 完成开发后,J2ME应用通常通过OTA(Over-The-Air)方式分发,用户可以通过手机...

    j2me中简单实现九宫格菜单

    本篇文章将深入探讨如何在J2ME环境中实现一个简单的九宫格菜单。 首先,我们要了解J2ME的基础知识。Java Micro Edition(J2ME)是Java平台的一个子集,用于嵌入式设备和移动设备,如手机和智能手表。它由几个配置和...

    J2ME 中文api以及应用 J2ME 中文api以及应用.rar

    J2ME提供了丰富的API来实现这些设备上的功能,包括用户界面、网络通信、数据存储等。 在**J2ME中文API**中,主要包含以下几个核心部分: 1. **CLDC(Connected Limited Device Configuration)**:这是一个轻量级...

    J2ME中文教程

    在J2ME中,RecordStore是用于存储非结构化数据的主要机制。开发者可以创建、读取、更新和删除RecordStore中的记录。此外,FileConnection API允许开发者访问设备的文件系统,进行文件的读写操作。 **游戏开发** ...

    J2ME中文教程.pdf

    J2ME中文教程 不错的学习资料,刚开始学习的可以参考下!

    J2ME中文版教程 J2ME教程

    4. **MIDP API详解**:MIDP是J2ME中用于创建移动应用的核心API,教程会详细介绍如何使用Canvas、Form、Item等组件进行用户界面设计,以及怎样利用 MIDP的网络功能实现数据通信。 5. **图形与多媒体**:J2ME支持丰富...

    j2me实现手机QQ源代码

    在这个项目中,我们探讨的是如何使用J2ME技术来实现手机上的QQ应用程序。手机QQ作为一款流行的即时通讯软件,它的实现涉及到网络通信、数据加密、用户界面设计等多个关键领域,通过分析其源代码,我们可以深入理解...

    图片分类 J2ME中的图片处理

    在J2ME中,虽然直接支持有限,但可以通过第三方库或转换工具实现SWF内容的展示。 3. **SVG格式**: SVG是一种基于XML的矢量图形语言,允许开发者创建交互式的、可缩放的图形。虽然J2ME平台本身可能不直接支持SVG,...

    J2ME手机实现闪屏源码

    "J2ME手机实现闪屏源码"的主题涉及了如何在J2ME应用程序中创建一个启动时的“闪屏”效果,这通常是一个品牌形象展示或加载界面。闪屏在用户体验上扮演着重要角色,因为它可以掩盖程序启动时的空白期,提升应用的视觉...

    J2ME插值算法实现图片的放大缩小方法

    本文将深入探讨J2ME中如何应用插值算法来实现图片的放大和缩小。 首先,我们需要理解图像的基本概念。图像由像素组成,每个像素都有特定的颜色值。在放大图像时,单纯地扩大像素格子会显得粗糙,而插值算法则可以...

    j2me 实现抛物线的两种方法

    本文将深入探讨两种在J2ME中实现抛物线的方法。 首先,我们要了解抛物线的基本原理。抛物线是物体在重力作用下自由落体运动轨迹的一种理想化模型,其轨迹是由初速度、发射角度以及重力加速度决定的。在二维空间中,...

    J2ME 实现的 UrlEncode编码

    J2ME 实现的 UrlEncode编码 J2ME 实现的 UrlEncode编码 J2ME 实现的 UrlEncode编码

    用J2ME实现播放一段视频

    以下是你需要知道的关于如何在J2ME中实现视频播放的关键知识点。 1. **理解J2ME环境**: Java ME是Java的一个轻量级版本,设计用于嵌入式设备,如早期的手机和平板电脑。它包括几个配置和 profiles,如MIDP...

Global site tag (gtag.js) - Google Analytics