`
asialee900715
  • 浏览: 33155 次
社区版块
存档分类
最新评论

Android 树形控件的开发

阅读更多

   在PC上我们已经习惯了树形控件,因为其可以清晰的展现各个节点之间的层次结果,但是在Android平台上,系统并没有提供这样一个控件,而是只有ListView。不过通过改写改写与ListView绑定的Adapter可以实现这样一个效果。

  一个ListView需要和一个Adapter绑定,用于管理数据。在这里以BaseAdapter为例,继承Adapter需要重写四个函数,其中较为重要的是两个:

   1 public int getCount();//该函数返回ListView 的ListItem的条数

   2 public View getView(int position, View view, ViewGroup arg2)//负责绘制每一个item。如果getCount()返回10,那么getView()就会被调用10次。

首先开发自己的数据结构:

package bupt.liyazhou.ui;  
  
import java.util.ArrayList;  
import java.util.List;  
  
/* 
 * @ author:liyazhou 
 * @date:2013.4.29 
 * @description:Node类用来在UI层中存储一个节点的信息 
 *  
 */  
public class Node {  
    private Node parent=null;//父节点  
    private List<Node> children=null;  
    private String oid=null;//该节点的oid  
    private String name=null;//该节点信息的描述  
    private String value=null;//该节点的值  
    private boolean isLeaf=false;//是否为叶节点  
    private boolean isExpanded=false;//该节点是否展开  
    private int icon=-1;//该节点的图标对应的id  
    private int iconForExpandedOrFolded=-1;  
    private int iconForExpanding=-1;  
    private int iconForFolding=-1;  
    private boolean tableItemOrNot=false;//表示是否为表结构的一列  
      
    public Node(Node parent,String oid,String description,boolean isLeaf,int icon,int exIcon,int foIcon)  
    {  
        this.parent=parent;  
        this.oid=oid;  
        this.name=description;  
        this.isLeaf=isLeaf;  
        this.icon=icon;  
        this.iconForExpanding=exIcon;  
        this.iconForFolding=foIcon;  
    }  
    public void setTableItemOrNot(boolean tableItemOrNot)  
    {  
        this.tableItemOrNot=tableItemOrNot;  
    }  
    public boolean getTableItemOrNot()  
    {  
        return this.tableItemOrNot;  
    }  
    //设置value  
    public void setValue(String value)  
    {  
        this.value=value;  
    }  
    //得到value  
    public String getValue()  
    {  
        return this.value;  
    }  
    //设置图标  
    public void setIcon(int icon)  
    {  
        this.icon=icon;  
    }  
    public int getIcon()  
    {  
        return this.icon;  
    }  
    //得到description  
    public String getDescription()  
    {  
        return this.name;  
    }  
    //得到oid   
    public String getOid()  
    {  
        return this.oid;  
    }  
    //得到是否为叶节点  
    public boolean isLeafOrNot()  
    {  
        return this.isLeaf;  
    }  
    //得到当前节点所在的层数,根为0层  
    public int getLevel()  
    {  
        return parent==null?0:parent.getLevel()+1;  
    }  
    //设置是否展开  
    public void setExpanded(boolean isExpanded)  
    {  
        this.isExpanded=isExpanded;  
    }  
    public boolean getExpanded()  
    {  
        return this.isExpanded;  
    }  
    //添加子节点  
    public void addChildNode(Node child)  
    {  
        if(this.children==null)  
        {  
            this.children=new ArrayList<Node>();  
        }  
        this.children.add(child);  
    }  
    //清空子节点  
    public void clearChildren()  
    {  
        if(!this.children.equals(null))  
        {  
            this.children.clear();  
        }  
    }  
    //是否为根节点  
    public boolean isRoot()  
    {  
        return this.parent.equals(null)?true:false;  
    }  
    //设置展开图标  
    public void setExpandIcon(int expand)  
    {  
        this.iconForExpanding=expand;  
    }  
    //设置折叠图标  
    public void setFoldIcon(int fold)  
    {  
        this.iconForFolding=fold;  
    }  
    //得到展开或折叠图标  
    public int getExpandOrFoldIcon()  
    {  
        if(this.isExpanded==true)  
            return this.iconForExpanding;  
        else  
            return this.iconForFolding;  
    }  
    //得到子树  
    public List<Node> getChildren()  
    {  
        return this.children;  
    }  
}  

 然后写自己的Adapter

package bupt.liyazhou.ui;  
  
import java.util.ArrayList;  
import java.util.List;  
  
import android.R;  
import android.content.Context;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.BaseAdapter;  
import android.widget.ImageView;  
import android.widget.TextView;  
import android.widget.Toast;  
  
public class MibTreeListAdapter extends BaseAdapter {  
    private Context context=null;  
    private List<Node> nodeList=new ArrayList<Node> ();//所有的节点  
    private List<Node> nodeListToShow=new ArrayList<Node>();//要展现的节点  
    private LayoutInflater inflater=null;  
    private Node root=null;  
      
    public MibTreeListAdapter(Context con,Node Root,int layout)  
    {  
        this.context=con;  
        this.inflater=(LayoutInflater)con.getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
        establishNodeList(Root);  
        this.root=Root;  
        setNodeListToShow();  
    }  
    public void establishNodeList(Node node)  
    {  
        nodeList.add(node);  
        if(node.isLeafOrNot())  
            return;  
        List<Node> children=node.getChildren();  
        for(int i=0;i<children.size();i++)  
        {  
            establishNodeList(children.get(i));  
        }  
    }  
    public void setNodeListToShow()  
    {  
        this.nodeListToShow.clear();  
        establishNodeListToShow(this.root);  
    }  
      
      
    //构造要展示在listview的nodeListToShow  
    public void establishNodeListToShow(Node node)  
    {  
        this.nodeListToShow.add(node);  
        if(node.getExpanded()&&!node.isLeafOrNot()&&node.getChildren()!=null)  
        {  
            List<Node> children=node.getChildren();  
            for(int i=0;i<children.size();i++)  
            {  
                establishNodeListToShow(children.get(i));  
            }  
        }  
    }  
      
    //根据oid得到某一个Node,并更改其状态  
    public void changeNodeExpandOrFold(int position)  
    {  
        String oid=this.nodeListToShow.get(position).getOid();  
        for(int i=0;i<this.nodeList.size();i++)  
        {  
            if(nodeList.get(i).getOid().equals(oid))  
            {  
                boolean flag=nodeList.get(i).getExpanded();  
                nodeList.get(i).setExpanded(!flag);  
            }  
              
        }  
    }  
      
    //listItem被点击的响应事件  
    public Node OnListItemClick(int position)  
    {  
        Node node=this.nodeListToShow.get(position);  
        if(node.isLeafOrNot())  
        {  
            //处理snmp代码  
            Toast.makeText(this.context, "该节点为子节点", Toast.LENGTH_SHORT).show();  
            return node;  
        }  
        else  
        {  
            this.changeNodeExpandOrFold(position);  
            this.setNodeListToShow();  
            this.notifyDataSetChanged();  
            return null;  
        }  
    }  
    public int getCount() {  
        // TODO Auto-generated method stub  
        return nodeListToShow.size();  
    }  
  
    public Object getItem(int arg0) {  
        // TODO Auto-generated method stub  
        return nodeListToShow.get(arg0);  
    }  
  
    public long getItemId(int arg0) {  
        // TODO Auto-generated method stub  
        return arg0;  
    }  
  
    public View getView(int position, View view, ViewGroup parent) {  
        // TODO Auto-generated method stub  
        Holder holder=null;  
        if(view!=null)  
        {  
            holder=(Holder)view.getTag();  
        }  
        else  
        {  
            holder=new Holder();  
            view=this.inflater.inflate(bupt.liyazhou.R.layout.listview_item, null);  
            holder.description=(TextView)view.findViewById(bupt.liyazhou.R.id.textview_nodeDescription);  
            holder.nodeIcon=(ImageView)view.findViewById(bupt.liyazhou.R.id.imageview_nodeImage);  
            holder.expandOrFoldIcon=(ImageView)view.findViewById(bupt.liyazhou.R.id.imageview_expandedImage);  
            view.setTag(holder);  
        }  
          
        //绘制一个item  
          
        //设置文字  
        Node node= this.nodeListToShow.get(position);  
        holder.description.setText(node.getDescription());  
          
        //设置图标  
        int icon=node.getIcon();  
        if(icon!=-1)  
        {  
            holder.nodeIcon.setImageResource(icon);  
            holder.nodeIcon.setVisibility(View.VISIBLE);  
        }  
        else  
            holder.nodeIcon.setVisibility(View.INVISIBLE);  
          
        //设置展开折叠图标  
        if(!node.isLeafOrNot())  
        {  
          int expandIcon=node.getExpandOrFoldIcon();  
          if(expandIcon==-1)  
              holder.expandOrFoldIcon.setVisibility(View.INVISIBLE);  
          else  
          {  
              holder.expandOrFoldIcon.setImageResource(expandIcon);  
              holder.expandOrFoldIcon.setVisibility(View.VISIBLE);  
          }  
            
        }  
        else  
        {  
            holder.expandOrFoldIcon.setVisibility(View.INVISIBLE);  
        }  
        view.setPadding(node.getLevel()*35, 10, 10, 10);  
        return view;  
    }  
      
    public class Holder  
    {  
        TextView description;  
        ImageView nodeIcon;  
        ImageView expandOrFoldIcon;  
    }  
  
}  

 listview_item.xml

<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  
    <ImageView  
       android:id="@+id/imageview_nodeImage"  
       android:layout_height="fill_parent"  
       android:layout_width="wrap_content"  
       android:layout_alignParentLeft="true"  
       android:paddingRight="10dp"/>  
    <TextView   
        android:id="@+id/textview_nodeDescription"  
        android:layout_height="fill_parent"  
        android:layout_width="wrap_content"  
        android:layout_toRightOf="@id/imageview_nodeImage"  
        />  
    <ImageView   
        android:id="@+id/imageview_expandedImage"  
        android:layout_height="fill_parent"  
        android:layout_width="wrap_content"  
        android:layout_alignParentRight="true"/>  
  
      
  
</RelativeLayout>  

 实现效果:



 

  • 大小: 41.1 KB
分享到:
评论
2 楼 asialee900715 2014-04-19  
不好意思,换了电脑,源码没了,不过代码基本上我都贴出来了,你耐心看看,不是太难的
1 楼 sqcjy111 2014-02-27  
么有源码啊伤心,楼主有完整源代码吗,分享下谢谢!429821191@qq.com

相关推荐

    Android树形控件

    通过以上步骤,我们可以构建一个高效的Android树形控件,既能展示无限层级的数据,又能提供良好的用户体验。在实际项目中,可能还需要根据具体需求进行调整和优化,比如加入自定义样式、交互反馈等。文件...

    android无限级树形控件

    在Android开发中,树形控件(Tree View)是一种常用的数据展示组件,它能够以层级结构展示数据,常用于文件系统、目录结构或者组织结构等场景。标题“android无限级树形控件”指的是该控件可以支持任意深度的嵌套,...

    Android 任意层别 树形控件

    总结起来,实现一个“任意层别”的Android树形控件涉及以下几个关键步骤: 1. 设计数据模型,以表示层级关系。 2. 创建自定义适配器,处理数据和视图的绑定。 3. 设计自定义视图,包括父节点和子节点的布局,以及...

    安卓树形控件相关-Android使用ListView实现一个高性能无限层级显示的树形控件.rar

    在Android开发中,树形控件(Tree View)是一种常用的数据展示组件,它能够以层次结构展示数据,常用于文件系统、目录结构等场景。在Android SDK中,并没有内置的树形控件,但开发者可以通过自定义View或者利用现有...

    Android 树形控件源码.zip

    这个源码项目是一个很好的学习资源,通过阅读和分析代码,开发者可以理解树形控件的工作原理,提升自定义控件开发能力。 总之,“Android 树形控件源码”提供了一个实战案例,涵盖了自定义控件、数据适配器、事件...

    安卓树形控件相关-Android任意层级树形控件无jar版.rar

    总之,这个资源为开发者提供了一个自定义的、任意层级的Android树形控件实现,通过学习和使用这个控件,开发者可以更好地理解和掌握Android UI组件的自定义以及层次数据的展示技巧。同时,配合提供的示例和文档,...

    Android 任意层级 树形控件

    在Android开发中,树形控件(Tree View)是一种常用的数据展示方式,它能够以层级结构展示信息,常用于文件系统、目录结构或者组织结构等场景。然而,Android SDK并没有提供内置的树形控件,因此开发者需要自定义...

    Android树形选择插件.zip

    在Android开发中,为了提供用户友好的界面,有时我们需要实现具有多级结构的下拉菜单,这通常是通过树形控件来实现的。本压缩包"Android树形选择插件.zip"提供了一个易于理解和使用的解决方案,它允许开发者快速集成...

    安卓树形控件相关-Android菜单树树形真正的多选框类似web无限树.rar

    总的来说,这个压缩包中的代码提供了一种实现无限层级、带多选功能的Android树形控件的示例。开发者可以参考其代码,理解如何处理无限层级的树形结构,实现多选功能,以及优化性能。需要注意的是,因为代码未经过...

    Android树形控件源码.zip

    这个压缩包“Android树形控件源码.zip”很可能包含了一个实现自定义树形控件的开源库或者示例项目的源代码。下面将详细讨论Android树形控件的相关知识点。 1. **树形控件基本概念**: - 树形控件是UI设计中的一种...

    Android 树形控件源码.rar

    下面我们将深入探讨Android树形控件的相关知识点。 1. **树形控件的基本概念** 树形控件在Android中通常表现为一个可折叠/展开的节点结构,每个节点可以有子节点,形成一个多级目录的视图。它常用于文件管理器、...

    Android树形结构RecyclerView

    在本项目中,我们关注的是一个特别的应用场景——"Android树形结构RecyclerView",这是一个专门设计用于展示无限层级数据的RecyclerView实现。这种组件在企业级应用中尤其常见,如组织架构、文件目录、分类导航等,...

    Android代码-树形控件源码.zip

    一、Android树形控件的基本概念 Android系统原生并不提供树形控件,但可以通过自定义View或者使用第三方库来实现。通常,开发者会使用ExpandableListView或RecyclerView配合Adapter来构建树形结构。...

    Android程序研发源码Android 树形控件源码.zip

    在Android开发中,树形控件(TreeView)是一种常见的用户界面元素,用于展示层次结构的数据。这个压缩包“Android程序研发源码Android 树形控件源码.zip”很可能包含了实现自定义树形控件的源代码,对于开发者来说,...

Global site tag (gtag.js) - Google Analytics