在 Android 中构建树视图控件的建议

Posted

技术标签:

【中文标题】在 Android 中构建树视图控件的建议【英文标题】:Suggestions for building a treeview control in Android 【发布时间】:2011-03-10 17:46:14 【问题描述】:

【问题讨论】:

【参考方案1】:

我自己构建了一个treeview,它支持n 个级别。它很容易在触摸屏中使用,尤其是在屏幕较大的设备上。 我使用了一个扩展ListviewAdapter 的类并创建了我自己的listitem。这些项目知道它们在哪个级别,并且它们继承了父母的expandstate(通过记住自己的状态)。这棵树的速度非常快,最多可容纳数千个项目。

编辑:添加了代码,但是我在评论中写的方式,不会很有帮助,因为很接近我自己的需要。

package de.supinfo.FISDroid;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Color;
import android.graphics.drawable.PaintDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class EfficientAdapter extends BaseAdapter 
private LayoutInflater mInflater;
private Bitmap mIcon1;

private int active_view;
private int last_path;
public String[][] values = new String[0][];

public EfficientAdapter(Context context, String[][] str_arr_values, int int_active_view) 
    // Cache the LayoutInflate to avoid asking for a new one each time.
    mInflater = LayoutInflater.from(context);
    values = str_arr_values;
    active_view = int_active_view;


public Object getItem(int position) 
    return position;


public long getItemId(int position) 
    return position;


public View getView(int position, View convertView, ViewGroup parent) 

    int padding = 0;

    // int selfstate = Integer.parseInt(values[position][4].trim());

    ViewHolder holder;
    if (convertView == null) 

        convertView = mInflater.inflate(R.xml.list_item_icon_text, null);

        holder = new ViewHolder();
        holder.text = (TextView) convertView.findViewById(R.id.text_view);
        holder.icon = (ImageView) convertView.findViewById(R.id.img_view);
        holder.expanded = (ImageView) convertView.findViewById(R.id.ImageView01);
        holder.llout = (LinearLayout) convertView.findViewById(R.id.list_item_icon_text);
        holder.docs = (TextView) convertView.findViewById(R.id.doc_count);
        holder.prun = (ImageView) convertView.findViewById(R.id.prun);
        holder.coord = (ImageView) convertView.findViewById(R.id.coord);
        holder.button = (Button) convertView.findViewById(R.id.button);
        holder.button.setOnClickListener(new OnClickListener() 
            @Override
            public void onClick(View arg0) 
                main.tabHost.setCurrentTab(2);
            

        );
        convertView.setTag(holder);
     else 

        holder = (ViewHolder) convertView.getTag();
    

    // Bind the data efficiently with the holder.
    String text = values[position][0];

    String docs = values[position][11];
    if (!docs.equals("0")) 
        // TODO
        // Anzeige das Dokumente vorhanden sind, eventuell Anzahl
        holder.docs.setText(docs);
        holder.docs.setVisibility(View.VISIBLE);
     else 
        holder.docs.setVisibility(View.INVISIBLE);
    
    holder.coord.setVisibility(values[position][12].equals("") || values[position][12].equals("0") || values[position][12].equals("0.0") ? View.INVISIBLE : View.VISIBLE);
    holder.prun.setVisibility(values[position][14].equals("") ? View.INVISIBLE : View.VISIBLE);
    holder.text.setText(text);
    holder.text.setTextSize(GlobalVars.Style.TextSize);
    if (position == active_view) 
        holder.text.setTextColor(R.color.headline_font);
        PaintDrawable pd = new PaintDrawable(Color.RED);
        holder.llout.setBackgroundDrawable(pd);
        holder.text.setSingleLine(false);
        holder.button.setVisibility(values[position][1].equals("-1") ? View.GONE : View.VISIBLE);
     else 
        holder.text.setTextColor(R.color.headline_font);

        PaintDrawable pd = new PaintDrawable(Color.TRANSPARENT);
        holder.llout.setBackgroundDrawable(pd);
        holder.text.setSingleLine(true);
        holder.button.setVisibility(View.GONE);
    

    int i = Integer.parseInt(values[position][5].trim());
    mIcon1 = GlobalHelper.GetIcon(i);
    holder.icon.setImageBitmap(mIcon1);

    if (values[position][8].equals("-1")) 
        holder.expanded.setVisibility(View.VISIBLE);
        holder.expanded.setImageResource(android.R.drawable.ic_input_add);
     else if (values[position][8].equals("0")) 
        holder.expanded.setVisibility(View.INVISIBLE);
     else if (values[position][8].equals("1")) 
        holder.expanded.setVisibility(View.VISIBLE);
        if (values[position][9].equals("1")) 
            holder.expanded.setImageResource(android.R.drawable.ic_menu_revert);
         else 
            holder.expanded.setImageResource(android.R.drawable.ic_input_add);
        
    
    padding = Integer.parseInt(values[position][7].trim()) * 24;
    convertView.setPadding(padding, 5, 5, 5);

    return convertView;


static class ViewHolder 
    LinearLayout llout;
    TextView text;
    ImageView icon;
    ImageView expanded;
    ImageView coord;
    ImageView prun;
    TextView docs;
    Button button;


@Override
public int getCount() 
    // TODO Auto-generated method stub
    return values.length;


public String[] getValues(int position) 
    return values[position];


public String getValue(int position) 
    return values[position][0];


public String getDatid(int position) 
    return values[position][1];


public String getPath(int position) 
    return values[position][2];


public String getParent(int position) 
    return values[position][3];


public void set_active_view() 
    active_view = GlobalVars.cn.index;


public int get_active_view() 
    return active_view;


public void set_last_path(int position) 
    last_path = position;


public int get_last_path() 
    return last_path;



编辑:添加 xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:id="@+id/list_item_icon_text" 
xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_ 
android:layout_centerVertical="true" 
android:background="@color/tree_normal_back" 
android:padding="1dip" 
android:orientation="horizontal" 
android:layout_>
<LinearLayout 
    android:id="@+id/plusminus" 
    android:layout_ 
    android:layout_ 
    android:gravity="right|center_vertical">
    <ImageView 
        android:id="@+id/ImageView01" 
        android:layout_ 
        android:layout_/>
</LinearLayout>
<LinearLayout 
    android:id="@+id/LinearLayout01" 
    android:layout_ 
    android:layout_ 
    android:orientation="horizontal" 

    android:paddingLeft="4dip">
    <LinearLayout 
        android:id="@+id/LinearLayout02" 
        android:layout_ android:orientation="vertical" android:layout_>

        <TextView 
            android:text="0" 
            android:id="@+id/doc_count" 
            android:textColorHighlight="@color/headline_font" 
            android:layout_gravity="center_vertical" 
            android:textColor="@color/black" 
            android:textSize="12dip" 
            android:layout_margin="0dip" 
            android:padding="0dip" 
            android:paddingTop="0dip" 
            android:gravity="center_vertical|center_horizontal" 
            android:background="@drawable/ico_24_paperclip" 
            android:textStyle="normal" android:layout_ android:layout_>
        </TextView>
        <ImageView 
            android:id="@+id/prun" 
            android:layout_gravity="center_vertical" 
            android:layout_ 
            android:layout_ android:background="@drawable/ico_24_prun"/>
        <ImageView 
            android:id="@+id/coord" 
            android:layout_gravity="center_vertical" 
            android:layout_ 
            android:layout_       android:background="@drawable/ico_24_coord"/>

    </LinearLayout>
    <ImageView 
            android:id="@+id/img_view" 
            android:layout_gravity="center_vertical" 
            android:layout_ 
            android:layout_ />

</LinearLayout>
<Button 
    android:id="@+id/button" 
    android:layout_ 
    android:layout_ 
    android:background="@drawable/tabs_edit"
    android:focusable="false"
    android:visibility="gone">
</Button>
<TextView 
    android:layout_gravity="center_vertical" 
    android:padding="2dip" 
    android:marqueeRepeatLimit="2" 
    android:layout_ 
    android:textSize="22dip" 
    android:textColor="@color/tree_normal_font" 
    android:id="@+id/text_view" 
    android:layout_>
</TextView>  
</LinearLayout>

【讨论】:

不错!你愿意分享吗? -1 表示自夸。它看起来很棒,但作为答案完全没有用,因为您完全让我们自己决定如何实现这样的事情。你所做的只是炫耀你找到了答案,而你还不如说“我可以回答这个问题”然后就这样了。 sorry,但是代码非常接近我的需求,我写了如何解决问题的基本思路,适配器的colde不会有太大帮助...... 感谢您的编辑,我已将我的 -1 切换为 +。代码可能特定于您的独特情况,但这样至少您已经为我们提供了可行解决方案的基础。 :) 不错的答案,但如果您有时间发送链接,则需要完整的代码。【参考方案2】:

这是我们公司作为库开源的一个解决方案(非常容易重复使用):

http://code.google.com/p/tree-view-list-android/

【讨论】:

在没有外部库但使用原生 android 工具的情况下不可能做这样的树吗?【参考方案3】:

ExpandableListView 可能是最接近现有的东西。但请记住,用户可能很难用手指粗略地查看树视图。

【讨论】:

【参考方案4】:

您可以使用此库:https://github.com/bmelnychuk/AndroidTreeView 来获取所需的树视图。这是一棵 N 级树,您可以在其中控制树中的每个节点。

用法

1) 安装:compile 'com.github.bmelnychuk:atv:1.2.+'

2) 构建树视图:

 TreeNode root = TreeNode.root(); 
 TreeNode parent = new TreeNode("node-name");
 TreeNode child0 = new TreeNode("child-node-name-1");
 TreeNode child1 = new TreeNode("child_node-name-2");

 parent.addChildren(child0, child1);
 root.addChild(parent);

【讨论】:

以上是关于在 Android 中构建树视图控件的建议的主要内容,如果未能解决你的问题,请参考以下文章

从 wpf 中的文件路径列表填充树视图

在 winforms 中使用控件(链接标签、树视图)

带有建议的多个可搜索活动

树列表视图控件

android 控件xml属性

树控件