`

listView表格样式

 
阅读更多

package com.example.dynamiclist;
/**
 * 带有标题的listview
 */
import java.util.List;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;

public class CListView extends LinearLayout {

    private static LayoutParams FILL_FILL_LAYOUTPARAMS = new LayoutParams(LayoutParams.MATCH_PARENT,
            LayoutParams.MATCH_PARENT, 1);
    private static LayoutParams WAP_WAP_LAYOUTPARAMS = new LayoutParams(LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT);    

    private CAdapter cAdapter;

    /** 标题空间. */
    private LinearLayout titleLayout;
    private String[] title;

    private ListView listView;
    /** 数据. */
    private List<String[]> data;

    /** 列宽数据. */
    private int[] itemWidth;

    /** 当前选中行. */
    private int selectedPosition = -1;
    /** 自动列宽列. */
    private int autoWidthIndex = -1;

    private AdapterView.OnItemClickListener onItemClickListener;

    /** 行背景颜色. */
    private int[] rowsBackgroundColor;
    /** 选中行背景颜色. */
    private int selectedBackgroundColor = Color.argb(200, 224, 243, 250);
    /** 标题背景颜色. */
    private int titleBackgroundColor;
    /** 标题字体颜色. */
    private int titleTextColor = Color.argb(255, 100, 100, 100);
    /** 内容字体颜色. */
    private int contentTextColor = Color.argb(255, 100, 100, 100);
    /** 标题字体大小. */
    private float titleTextSize = 0;
    /** 内容字体大小. */
    private float contentTextSize = 0;

    /**
     * 初始化带标题ListView 
     * @param context            父级上下文
     * @param title              标题数组
     * @param data               内容列表
     */
    public CListView(Context context, String[] title, List<String[]> data) {
        super(context);

        this.title = title;
        this.data = data;

     // 设定纵向布局
        setOrientation(VERTICAL);
     // 设定背景为白色
        setBackgroundColor(Color.WHITE);

     // 预先设定好每列的宽
        this.itemWidth = new int[title.length];
        autoWidthIndex = this.itemWidth.length - 1;
     // 计算列宽
        calcColumnWidth();

     // 添加title位置
        titleLayout = new LinearLayout(getContext());
        titleLayout.setBackgroundColor(Color.parseColor("#CCCCCC"));
        addView(titleLayout);
     // 绘制标题面板
        drawTitleLayout();

     // 添加listview
        listView = new ListView(getContext());
        listView.setPadding(0, 2, 0, 0);
        cAdapter = new CAdapter();
        listView.setAdapter(cAdapter);
        listView.setCacheColorHint(0);
        listView.setLayoutParams(FILL_FILL_LAYOUTPARAMS);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                if (onItemClickListener != null)
                    onItemClickListener.onItemClick(parent, view, position, id);
                setSelectedPosition(position);
                selectedPosition = position;
                cAdapter.notifyDataSetChanged();
            }
        });
        addView(listView);
    }    

    /**
     * 绘制标题
     */
    private void drawTitleLayout() {
        titleLayout.removeAllViews();
        for (int i = 0; i < title.length; i++) {
            TextView tv = new CTextView(titleLayout.getContext());
//        	TextView tv = new TextView(titleLayout.getContext());
            tv.setTextColor(titleTextColor);
            tv.setGravity(Gravity.CENTER);
            tv.setText(title[i]);
            if (titleTextSize > 0) {
                tv.setTextSize(titleTextSize);
            }
            tv.setPadding(5, 0, 5, 0);
            if (i == autoWidthIndex)
                tv.setLayoutParams(CListView.FILL_FILL_LAYOUTPARAMS);
            else {
                tv.setWidth(itemWidth[i]);
            }
            titleLayout.addView(tv);
        }
    }

    /**
     * 计算列宽 
     * @return 是否有改动
     */
    private boolean calcColumnWidth() {
        boolean result = false;
        float textSize = new TextView(getContext()).getTextSize();//21px
        // 计算标题列宽
        for (int i = 0; i < itemWidth.length; i++) {
            int w = (int) CListView.GetPixelByText((titleTextSize > 0) ? titleTextSize : textSize, title[i]);
            if (itemWidth[i] < w) {
                itemWidth[i] = w;
                result = true;
            }
        }

        // 计算内容列宽
        if (contentTextSize > 0) {
            textSize = contentTextSize;
        }
        for (int i = 0; i < data.size(); i++) {
            for (int j = 0; j < itemWidth.length && j < data.get(i).length; j++) {
                int w = (int) CListView.GetPixelByText(textSize, data.get(i)[j]);
                if (itemWidth[j] < w) {
                    itemWidth[j] = w;
                    result = true;
                }
            }
        }
        return result;
    }

    /**
     * 计算字符串所占像素   
     * @param textSize   字体大小
     * @param text       字符串
     * @return 字符串所占像素
     */
    private static int GetPixelByText(float textSize, String text) {
        Paint mTextPaint = new Paint();
        mTextPaint.setTextSize(textSize); // 指定字体大小
        mTextPaint.setFakeBoldText(true); // 粗体
        mTextPaint.setAntiAlias(true); // 非锯齿效果

        return (int) (mTextPaint.measureText(text) + textSize);
    }

    /**
     * 主要用的Adapter 
     * @author Cdisk
     */
    class CAdapter extends BaseAdapter {
        /**
         * (non-Javadoc)         
         * @see android.widget.Adapter#getCount()
         */
        @Override
        public int getCount() {
            if (data == null)
                return 0;
            return data.size();
        }

        /**
         * (non-Javadoc) 
         * @see android.widget.Adapter#getItem(int)
         */
        @Override
        public Object getItem(int position) {
            if (data == null)
                return null;
            return data.get(position);
        }

        /**
         * (non-Javadoc) 
         * @see android.widget.Adapter#getItemId(int)
         */
        @Override
        public long getItemId(int position) {
            return 0;
        }

        /**
         * (non-Javadoc) 
         * @see android.widget.Adapter#getView(int, android.view.View, android.view.ViewGroup)
         */
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {

            // 初始化主layout
            LinearLayout contextLayout = new LinearLayout(CListView.this.getContext());

            String[] dataItem = data.get(position);

            if (getSelectedPosition() == position) { // 为当前选中行
                contextLayout.setBackgroundColor(selectedBackgroundColor);
            } else if (rowsBackgroundColor != null && rowsBackgroundColor.length > 0) {
                contextLayout.setBackgroundColor(rowsBackgroundColor[position % rowsBackgroundColor.length]);
            }

            for (int i = 0; i < title.length; i++) {
                TextView tv = new CTextView(contextLayout.getContext());
//            	TextView tv = new TextView(contextLayout.getContext());
                tv.setTextColor(contentTextColor);
                tv.setGravity(Gravity.CENTER);
                if (i < dataItem.length) {
                    tv.setText(dataItem[i]);
                }
                if (i == autoWidthIndex)
                    tv.setLayoutParams(CListView.FILL_FILL_LAYOUTPARAMS);
                else {
                    tv.setWidth(itemWidth[i]);
                }
                if (contentTextSize > 0) {
                    tv.setTextSize(contentTextSize);
                }
                contextLayout.addView(tv);
            }

            return contextLayout;
        }

    }
    
    /**
     * 整体有改变时,刷新显示
     */
    public void definedSetChanged() {
        calcColumnWidth();
        drawTitleLayout();
        cAdapter.notifyDataSetChanged();
    }
    
    /**
     * 设置选中时的监听器
     * @param onItemClickListener
     */
    public void setOnItemClickListener(AdapterView.OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }

    /**
     * 设置行背景颜色, 多个颜色可以作为间隔色 
     * @param color           行背景颜色,可以为多个
     */
    public void setItemBackgroundColor(int... color) {
        rowsBackgroundColor = color;
    }

    /**
     * 数据总数
     */
    public int getCount() {
        if (data == null)
            return 0;
        return data.size();
    }

    /**
     * 当前选中数据   
     * @param position
     * @return
     */
    public String[] getItem(int position) {
        if (data == null)
            return null;
        return data.get(position);
    }

    /**
     * 设置当前选中位置
     * @return
     */
    public void setSelectedPosition(int selectedPosition) {
        this.selectedPosition = selectedPosition;
    }

    /**
     * 当前选中位置 
     * @return
     */
    public int getSelectedPosition() {
        return selectedPosition;
    }

    /**
     * 设置被选中时的背景色
     * @param color
     */
    public void setSelectedBackgroundColor(int color) {
        selectedBackgroundColor = color;
    }

    /** 
     * 设置标题背景色.
     * @param color
     */
    public void setTitleBackgroundColor(int color) {
        titleBackgroundColor = color;
        titleLayout.setBackgroundColor(titleBackgroundColor);
    }
    
    /**
     * 设置标题文字颜色
     * @param color
     */
    public void setTitleTextColor(int color) {
        titleTextColor = color;
        for (int i = 0; i < titleLayout.getChildCount(); i++) {
            ((TextView) titleLayout.getChildAt(i)).setTextColor(titleTextColor);
        }
    }

    /**
     * 设置内容文字颜色
     * @param color
     */
    public void setContentTextColor(int color) {
        contentTextColor = color;
    }

    /**
     * 设置标题字体大小
     * @param szie
     */
    public void setTitleTextSize(float szie) {
        titleTextSize = szie;
    }

    /**
     * 设置内容字体大小
     * @param szie
     */
    public void setContentTextSize(float szie) {
        contentTextSize = szie;
    }

    /**  
     * 设定哪列自动列宽 从0开始计算   
     * @param index
     */
    public void setAutoColumnWidth(int index) {
        autoWidthIndex = index;
        for (int i = 0; i < titleLayout.getChildCount(); i++) {
            TextView tv = ((TextView) titleLayout.getChildAt(i));
            if (i == autoWidthIndex){
                tv.setLayoutParams(FILL_FILL_LAYOUTPARAMS);
            }else {
                tv.setLayoutParams(WAP_WAP_LAYOUTPARAMS);
                tv.setWidth(itemWidth[i]);
            }
        }
    }
    
    
    /**TextView画边框所用的paint*/
    private static Paint BLACK_PAINT = new Paint();
    private static Paint WHITE_PAINT = new Paint();
    static {
        WHITE_PAINT.setColor(Color.WHITE);
        BLACK_PAINT.setColor(Color.BLACK);
    }

    /**
     * 重写的TextView,给TextView四周加上了边框 
     * @author Cdisk
     */
    class CTextView extends TextView {
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);
            // Top
            canvas.drawLine(0, 0, this.getWidth() - 1, 0, WHITE_PAINT);
            // Left
            canvas.drawLine(0, 0, 0, this.getHeight() - 1, WHITE_PAINT);
            // Right
            canvas.drawLine(this.getWidth() - 1, 0, this.getWidth() - 1, this.getHeight() - 1, BLACK_PAINT);
            // Buttom
            canvas.drawLine(0, this.getHeight() - 1, this.getWidth() - 1, this.getHeight() - 1, BLACK_PAINT);
        }

        public CTextView(Context context) {
            super(context);
        }
    }

}



package com.example.dynamiclist;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;

public class CsvDynamicToListActivity extends Activity {
	
	CListView listView;
    List<String[]> list = new ArrayList<String[]>();

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        makeData();

        String[] title = new String[] { "ID", "标题2", "标题3", "标题4", "标题5" };

        listView = new CListView(this, title, list);
        listView.setTitleTextColor(Color.GREEN);
        listView.setTitleBackgroundColor(Color.RED);
//         listView.setAutoColumnWidth(3);
//         listView.setItemBackgroundColor(Color.GREEN, Color.WHITE);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                String[] item = listView.getItem(position);
                item[2] = "12312312312";
                listView.definedSetChanged();
            }
        });
        
        listView.definedSetChanged();

        setContentView(listView);
    }

    private void makeData() {
        list.add(new String[] { "1", "数据1.2", "数据1.3", "数据1.4" });
        list.add(new String[] { "2", "数据2.2", "数据2.3", "数据2.4", "数据2.5" });        
        list.add(new String[] { "10", "数据10.2", "数据10.3", "数据10.4", "数据10.5", "数据10.6", "数据10.7" });
    }    
}
分享到:
评论

相关推荐

    android用ListView实现表格样式

    本篇将详细介绍如何在Android中利用ListView实现表格样式的界面。 首先,理解ListView的基本原理是至关重要的。ListView依赖于Adapter来提供数据,它会根据Adapter返回的数据项数量动态创建视图(View)。为了实现...

    WPF ListView 漂亮样式

    GridView是ListView中最常见的视图模式,适用于表格风格的数据展示。通过定义GridViewColumn,我们可以指定列的标题、宽度和数据绑定。例如: ```xml &lt;ListView.View&gt; 名称" DisplayMemberBinding="{Binding ...

    listview实现表格效果,带表格线

    在getView()方法中,根据数据生成对应的视图,并设置相应的样式,包括表格线。 4. **假数据**:描述中提到的“带假数据”,意味着在示例代码中可能已经包含了模拟数据,以便开发者在没有实际数据源的情况下也能测试...

    listView的表格样式二

    在本教程中,我们将探讨如何利用ListView实现“表格样式二”,并自定义一个控件来增强其功能。 首先,我们要了解ListView的基本结构。ListView通常与Adapter一起使用,Adapter是连接数据源和ListView的桥梁。它可以...

    Android Listview表格

    这篇博客“Android Listview表格”探讨了如何在Android应用中使用ListView来构建表格样式的视图。 首先,ListView的工作原理是通过Adapter(适配器)将数据与视图进行绑定。Adapter就像一个中介,它从数据源获取...

    ListView表格带标题

    这个"ListView表格带标题"的例子,旨在教你如何在ListView中添加标题,使其更具可读性和用户友好性。 首先,我们需要理解ListView的基本结构。ListView由一系列的View(列表项)组成,每个View称为一个AdapterItem...

    wpf 带表格线的listview

    然而,默认情况下,ListView并不会显示表格线,这可能会对数据的清晰度和可读性造成影响。本篇文章将深入探讨如何在WPF中实现一个带有表格线的ListView,让数据更易于理解。 首先,我们需要了解ListView的工作原理...

    android ListView实现表格

    在实现表格时,我们可以创建一个自定义的ListView,每个item视图设计为表格的一行,这样整个ListView就能呈现出表格的布局。 1. **自定义Adapter** - 创建一个新的类继承自BaseAdapter,如`MyTableAdapter`。 - ...

    Listview的表格

    总之,Android中的ListView表格实现并不复杂,主要通过自定义Adapter和合适的布局设计即可实现。了解并熟练掌握这一技术对于Android开发者来说非常重要,因为它可以用于创建各种数据展示界面,提升用户体验。在实际...

    Android使用popwindow弹窗显示listview表格

    `ListView`是一个可以展示多行数据的控件,通常用于显示列表或表格形式的数据。要使用`ListView`,你需要创建一个适配器(如`ArrayAdapter`或`BaseAdapter`),将数据绑定到`ListView`的各个条目上。每个条目可以...

    ListView样式模板

    例如,`View = new GridView()`将使ListView显示为表格形式。 在提供的Demo中,可能包含了一个简单的XAML文件,展示了如何定义并应用这些模板和样式。通常,它会包含以下部分: - `&lt;Window.Resources&gt;`: 在这里...

    SimpleAdapter实现ListView表格效果

    通过阅读和理解这些文件,初学者可以学习到如何使用SimpleAdapter填充ListView,以及如何通过自定义布局和样式来实现特定的表格效果。这不仅有助于提升对Android UI组件的理解,还能锻炼数据绑定和视图渲染的能力,...

    基于ListView的Java表格图标样式设计源码

    该项目为基于ListView的Java表格图标样式设计源码,总计包含51个文件,涵盖13个Java类文件、10个XML布局文件、9个PNG图标资源文件、5个Java源代码文件、3个JAR库文件、2个APK安装包、1个classpath配置文件、1个项目...

    ListView制作陈表格形式

    接着,我们来看看如何设置ListView的样式以达到表格的效果。这可以通过设置TextView的宽度、对齐方式、边框等属性来实现。例如,可以使用`android:layout_weight`属性来均匀分配各列的宽度,`android:gravity`属性...

    使用ListView来实现表格

    7. **自定义样式**:为了进一步模拟表格效果,可能需要调整ListView的分割线样式,以及设置TextView的边框、间距等属性。 总之,这个项目展示了如何利用ListView的灵活性和自定义能力,来实现类似表格的功能。这种...

    使用ListView控件实现漂亮的自定义表格效果实例源码

    例如,我们可以创建一个XML布局文件(如`list_item.xml`),设计出表格样式的单元格,包括不同颜色的背景、边框、文字对齐等。 在描述中提到的“漂亮的自定义表格效果”,可能涉及到以下几点: 1. **自定义列头**...

    android如果用ListView做一个表格形式

    当你需要创建一个表格形式的界面时,ListView可以是一个很好的选择,因为通过自定义Adapter和View,你可以灵活地实现各种布局和样式。以下是一些关于如何在Android中使用ListView创建表格形式的知识点: 1. **理解...

    Android中ListView实现表格效果

    本篇文章将详细讲解如何在Android中利用ListView实现表格效果。 首先,我们需要理解ListView的工作原理。ListView通过Adapter来绑定数据,Adapter是连接数据源和视图的桥梁。我们可以通过自定义Adapter来定制...

    超高速度显示最漂亮的ListView增强美化版(VB)

    默认情况下,虽然ListView提供了基础的显示功能,但其样式相对单一,可能无法满足美观和用户体验的需求。 在这个增强美化版中,我们可能会看到以下改进: 1. **视觉美化**:通过自定义皮肤、调整边框样式、颜色、...

Global site tag (gtag.js) - Google Analytics