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实现表格样式的界面。 首先,理解ListView的基本原理是至关重要的。ListView依赖于Adapter来提供数据,它会根据Adapter返回的数据项数量动态创建视图(View)。为了实现...
GridView是ListView中最常见的视图模式,适用于表格风格的数据展示。通过定义GridViewColumn,我们可以指定列的标题、宽度和数据绑定。例如: ```xml <ListView.View> 名称" DisplayMemberBinding="{Binding ...
在getView()方法中,根据数据生成对应的视图,并设置相应的样式,包括表格线。 4. **假数据**:描述中提到的“带假数据”,意味着在示例代码中可能已经包含了模拟数据,以便开发者在没有实际数据源的情况下也能测试...
在本教程中,我们将探讨如何利用ListView实现“表格样式二”,并自定义一个控件来增强其功能。 首先,我们要了解ListView的基本结构。ListView通常与Adapter一起使用,Adapter是连接数据源和ListView的桥梁。它可以...
这篇博客“Android Listview表格”探讨了如何在Android应用中使用ListView来构建表格样式的视图。 首先,ListView的工作原理是通过Adapter(适配器)将数据与视图进行绑定。Adapter就像一个中介,它从数据源获取...
这个"ListView表格带标题"的例子,旨在教你如何在ListView中添加标题,使其更具可读性和用户友好性。 首先,我们需要理解ListView的基本结构。ListView由一系列的View(列表项)组成,每个View称为一个AdapterItem...
然而,默认情况下,ListView并不会显示表格线,这可能会对数据的清晰度和可读性造成影响。本篇文章将深入探讨如何在WPF中实现一个带有表格线的ListView,让数据更易于理解。 首先,我们需要了解ListView的工作原理...
在实现表格时,我们可以创建一个自定义的ListView,每个item视图设计为表格的一行,这样整个ListView就能呈现出表格的布局。 1. **自定义Adapter** - 创建一个新的类继承自BaseAdapter,如`MyTableAdapter`。 - ...
总之,Android中的ListView表格实现并不复杂,主要通过自定义Adapter和合适的布局设计即可实现。了解并熟练掌握这一技术对于Android开发者来说非常重要,因为它可以用于创建各种数据展示界面,提升用户体验。在实际...
`ListView`是一个可以展示多行数据的控件,通常用于显示列表或表格形式的数据。要使用`ListView`,你需要创建一个适配器(如`ArrayAdapter`或`BaseAdapter`),将数据绑定到`ListView`的各个条目上。每个条目可以...
例如,`View = new GridView()`将使ListView显示为表格形式。 在提供的Demo中,可能包含了一个简单的XAML文件,展示了如何定义并应用这些模板和样式。通常,它会包含以下部分: - `<Window.Resources>`: 在这里...
通过阅读和理解这些文件,初学者可以学习到如何使用SimpleAdapter填充ListView,以及如何通过自定义布局和样式来实现特定的表格效果。这不仅有助于提升对Android UI组件的理解,还能锻炼数据绑定和视图渲染的能力,...
该项目为基于ListView的Java表格图标样式设计源码,总计包含51个文件,涵盖13个Java类文件、10个XML布局文件、9个PNG图标资源文件、5个Java源代码文件、3个JAR库文件、2个APK安装包、1个classpath配置文件、1个项目...
接着,我们来看看如何设置ListView的样式以达到表格的效果。这可以通过设置TextView的宽度、对齐方式、边框等属性来实现。例如,可以使用`android:layout_weight`属性来均匀分配各列的宽度,`android:gravity`属性...
7. **自定义样式**:为了进一步模拟表格效果,可能需要调整ListView的分割线样式,以及设置TextView的边框、间距等属性。 总之,这个项目展示了如何利用ListView的灵活性和自定义能力,来实现类似表格的功能。这种...
例如,我们可以创建一个XML布局文件(如`list_item.xml`),设计出表格样式的单元格,包括不同颜色的背景、边框、文字对齐等。 在描述中提到的“漂亮的自定义表格效果”,可能涉及到以下几点: 1. **自定义列头**...
当你需要创建一个表格形式的界面时,ListView可以是一个很好的选择,因为通过自定义Adapter和View,你可以灵活地实现各种布局和样式。以下是一些关于如何在Android中使用ListView创建表格形式的知识点: 1. **理解...
本篇文章将详细讲解如何在Android中利用ListView实现表格效果。 首先,我们需要理解ListView的工作原理。ListView通过Adapter来绑定数据,Adapter是连接数据源和视图的桥梁。我们可以通过自定义Adapter来定制...
默认情况下,虽然ListView提供了基础的显示功能,但其样式相对单一,可能无法满足美观和用户体验的需求。 在这个增强美化版中,我们可能会看到以下改进: 1. **视觉美化**:通过自定义皮肤、调整边框样式、颜色、...