思享工具箱

Android学习笔记(20)————利用ListView制作带竖线的多彩表格

摘要：
listview每一列的颜色相互不同可以通过复写Adapter的类，然后复写getview方法具体去实现。//第二个参数convertView为View的缓存，当listview的item过多时，拖动会遮住一部分item，被遮住的item的view就是convertView保存着。

http://blog.csdn.net/conowen/article/details/7421805

/********************************************************************************************
* author：conowen@大钟
* E-mail：conowen@hotmail.com
*http://blog.csdn.net/conowen
* 注：本文为原创，仅作为学习交流使用，转载请标明作者及出处。

********************************************************************************************/

1、listview与GridView

其实Android本身是有表格控件（GridView）的，但是GridView的每一列的宽度被限定为一样宽，有时设计表格时，列宽不可能为同一宽度，所有可以用ListView控件去实现表格。

2、设计思路：

listview的每一列都是由一个textview去实现，表格的竖线可以通过view控件来绘制。listview每一列的颜色相互不同可以通过复写Adapter的类，然后复写getview方法具体去实现。

3、先看一下效果图：

Android学习笔记(20)————利用ListView制作带竖线的多彩表格第1张

4、数据库操作部分可以看我之前的博文：http://blog.csdn.net/conowen/article/details/7306545

本文主要在于竖线的绘制与getview方法的复写。

代码的目录结构如下图所示：

Android学习笔记(20)————利用ListView制作带竖线的多彩表格第2张

竖线的绘制：

在ListView的布局文件中，每隔一个TextView，就增加一个<View>控件。就是绘制一条竖线的意思。可以设置表格竖线的长度，宽度，颜色等等。

颜色的交互：

首先要知道listview的工作原理，每次得到一个item，listview都会通过getview来绘制一个item，在getview方法中，可以设置这个item的各种属性，如颜色，布局等等。

  1. publicViewgetView(finalintposition,ViewconvertView,ViewGroupparent){
  3. //第一个参数position为listview的item序号，每个item的序号都是不同的。
  5. //第二个参数convertView为View的缓存，当listview的item过多时，拖动会遮住一部分item，被遮住的item的view就是convertView保存着。
  7. //第三个参数parent表示是一个ViewGroup（view组）
  9. }

5、详细代码：

  1. /*author:conowen
  2. *date:2012.4.2
  3. *GridActivity
  4. */
  5. packagecom.conowen.grid;
  7. importandroid.app.Activity;
  8. importandroid.database.Cursor;
  9. importandroid.database.sqlite.SQLiteDatabase;
  10. importandroid.os.Bundle;
  11. importandroid.widget.ListAdapter;
  12. importandroid.widget.ListView;
  14. publicclassGridActivityextendsActivity{
  16. SQLiteDatabasesqldb;
  17. publicStringDB_NAME="DB.sqlite";
  18. publicStringDB_TABLE="num";
  19. publicintDB_VERSION=1;
  20. finalDataHelperhelper=newDataHelper(this,DB_NAME,null,DB_VERSION);
  21. //DbHelper类在DbHelper.java文件里面创建的
  22. ListViewlv;
  24. @Override
  25. publicvoidonCreate(BundlesavedInstanceState){
  26. //TODOAuto-generatedmethodstub
  27. super.onCreate(savedInstanceState);
  28. setContentView(R.layout.main);
  29. sqldb=helper.getWritableDatabase();
  30. lv=(ListView)findViewById(R.id.lv);
  31. updatelistview();
  32. }
  34. //更新listview
  35. publicvoidupdatelistview(){
  37. //
  38. Cursorcr=sqldb.query("JobChecker",null,null,null,null,null,
  39. null);
  41. Stringid=cr.getColumnName(0);//获取第1列
  42. Stringjob=cr.getColumnName(2);//获取第3列
  43. Stringaddress=cr.getColumnName(4);//获取第5列
  44. Stringstudent=cr.getColumnName(5);//获取第6列
  45. String[]ColumnNames={id,job,address,student};
  47. ListAdapteradapter=newMySimpleCursorAdapter(this,
  48. R.layout.listviewlayout,cr,ColumnNames,newint[]{R.id.id,
  49. R.id.job,R.id.addr,R.id.student});
  50. //layout为listView的布局文件，包括三个TextView，用来显示三个列名所对应的值
  51. //ColumnNames为数据库的表的列名
  52. //最后一个参数是int[]类型的，为view类型的id，用来显示ColumnNames列名所对应的值。view的类型为TextView
  53. lv.setAdapter(adapter);
  55. }
  57. @Override
  58. protectedvoidonDestroy(){//关闭数据库
  59. //TODOAuto-generatedmethodstub
  60. super.onDestroy();
  61. if(helper!=null){
  62. helper.close();
  63. }
  64. }
  66. }
  1. /*author:conowen
  2. *date:2012.4.2
  3. *MySimpleCursorAdapter
  4. */
  5. packagecom.conowen.grid;
  7. importandroid.content.Context;
  8. importandroid.database.Cursor;
  9. importandroid.graphics.Color;
  10. importandroid.view.View;
  11. importandroid.view.ViewGroup;
  12. importandroid.widget.SimpleCursorAdapter;
  14. publicclassMySimpleCursorAdapterextendsSimpleCursorAdapter{
  16. publicMySimpleCursorAdapter(Contextcontext,intlayout,Cursorc,
  17. String[]from,int[]to){
  18. super(context,layout,c,from,to);
  19. //TODOAuto-generatedconstructorstub
  21. }
  23. @Override
  24. publicViewgetView(finalintposition,ViewconvertView,ViewGroupparent){
  25. //TODOAuto-generatedmethodstub
  26. //listview每次得到一个item，都要view去绘制，通过getView方法得到view
  27. //position为item的序号
  28. Viewview=null;
  29. if(convertView!=null){
  30. view=convertView;
  31. //使用缓存的view,节约内存
  32. //当listview的item过多时，拖动会遮住一部分item，被遮住的item的view就是convertView保存着。
  33. //当滚动条回到之前被遮住的item时，直接使用convertView，而不必再去newview()
  35. }else{
  36. view=super.getView(position,convertView,parent);
  38. }
  40. int[]colors={Color.WHITE,Color.rgb(219,238,244)};//RGB颜色
  42. view.setBackgroundColor(colors[position%2]);//每隔item之间颜色不同
  44. returnsuper.getView(position,view,parent);
  45. }
  47. }
  1. /*author:conowen
  2. *date:2012.4.2
  3. *DataHelper
  4. */
  5. packagecom.conowen.grid;
  7. importandroid.content.Context;
  8. importandroid.database.sqlite.SQLiteDatabase;
  9. importandroid.database.sqlite.SQLiteDatabase.CursorFactory;
  10. importandroid.database.sqlite.SQLiteOpenHelper;
  12. publicclassDataHelperextendsSQLiteOpenHelper{
  14. @Override
  15. publicsynchronizedvoidclose(){
  16. //TODOAuto-generatedmethodstub
  17. super.close();
  18. }
  20. publicDataHelper(Contextcontext,Stringname,CursorFactoryfactory,
  21. intversion){
  22. super(context,name,factory,version);
  23. //TODOAuto-generatedconstructorstub
  25. }
  27. @Override
  28. publicvoidonCreate(SQLiteDatabasedb){
  29. //TODOAuto-generatedmethodstub
  31. Stringsql="CREATETABLEJobChecker(_idINTEGERPRIMARYKEY,departmentVARCHAR,jobVARCHAR,teacherVARCHAR,addressVARCHAR,studentVARCHAR,isworkingVARCHAR)";
  32. db.execSQL(sql);
  34. }
  36. @Override
  37. publicvoidonUpgrade(SQLiteDatabasedb,intoldVersion,intnewVersion){
  38. //TODOAuto-generatedmethodstub
  40. }
  42. }

main.xml

  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. android:orientation="vertical">
  7. <LinearLayout
  8. xmlns:android="http://schemas.android.com/apk/res/android"
  9. android:layout_width="fill_parent"
  10. android:layout_height="wrap_content"
  11. android:orientation="horizontal">
  13. <TextView
  14. android:layout_width="40dip"
  15. android:layout_height="30dp"
  16. android:text="序号"
  17. android:textSize="20sp"/>
  19. <TextView
  20. android:id="@+id/job"
  21. android:layout_width="200dip"
  22. android:layout_height="30dp"
  23. android:text="岗位名称"
  24. android:textSize="20sp"/>
  26. <TextView
  27. android:id="@+id/addr"
  28. android:layout_width="150dip"
  29. android:layout_height="30dp"
  30. android:text="详细地点"
  31. android:textSize="20sp"/>
  33. <TextView
  34. android:id="@+id/student"
  35. android:layout_width="100dip"
  36. android:layout_height="30dp"
  37. android:text="工作学生"
  38. android:textSize="20sp"/>
  40. <TextView
  41. android:id="@+id/isworking"
  42. android:layout_width="80dip"
  43. android:layout_height="30dp"
  44. android:text="备注"
  45. android:textSize="20sp"/>
  46. </LinearLayout>
  48. <ListView
  49. android:id="@+id/lv"
  50. android:layout_width="fill_parent"
  51. android:layout_height="wrap_content">
  52. </ListView>
  54. </LinearLayout>

listviewlayout.xml

    1. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
    2. android:layout_width="fill_parent"
    3. android:layout_height="fill_parent"
    4. android:orientation="horizontal">
    6. <View
    7. android:layout_width="0.5px"
    8. android:layout_height="fill_parent"
    9. android:background="#B8B8B8"
    10. android:visibility="visible"/>
    12. <TextView
    13. android:id="@+id/id"
    14. android:layout_width="40dip"
    15. android:layout_height="55dip"
    16. android:textColor="#CD3700"
    17. android:textSize="20sp"/>
    19. <View
    20. android:layout_width="0.5px"
    21. android:layout_height="fill_parent"
    22. android:background="#B8B8B8"
    23. android:visibility="visible"/>
    25. <TextView
    26. android:id="@+id/job"
    27. android:layout_width="200dip"
    28. android:layout_height="wrap_content"
    29. android:textColor="#000000"
    30. android:textSize="17sp"/>
    32. <View
    33. android:layout_width="0.5px"
    34. android:layout_height="fill_parent"
    35. android:background="#B8B8B8"
    36. android:visibility="visible"/>
    38. <TextView
    39. android:id="@+id/addr"
    40. android:layout_width="150dip"
    41. android:layout_height="wrap_content"
    42. android:textColor="#000000"
    43. android:textSize="17sp"/>
    45. <View
    46. android:layout_width="0.5px"
    47. android:layout_height="fill_parent"
    48. android:background="#B8B8B8"
    49. android:visibility="visible"/>
    51. <TextView
    52. android:id="@+id/student"
    53. android:layout_width="100dip"
    54. android:layout_height="wrap_content"
    55. android:textColor="#000000"
    56. android:textSize="20sp"/>
    58. <View
    59. android:layout_width="0.5px"
    60. android:layout_height="fill_parent"
    61. android:background="#B8B8B8"
    62. android:visibility="visible"/>
    67. </LinearLayout>

标签：#listview | 浏览：325 | 发布日期：

免责声明：文章转载自《Android学习笔记(20)————利用ListView制作带竖线的多彩表格》仅用于学习参考。如对内容有疑问，请及时联系本站处理。

上篇java数据库登陆页面Error: Program type already present: com.google.gson.FieldAttributes 的解决方法下篇

宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=

相关文章

WPF如何获得ListView内各单元格控件

------------------首先不推荐这种模式ItemsSource 已经绑定了源. Items 集合的数量变化很随机, 每个单元格的控件取决於  默认的DataTemplate(设置 DisplayMemberBinding 时) 或者  CellTemplate 定义的控件, 或者  CellTemplateSelector 指定的 Templ...

WPF: 在ListView中添加Checkbox列表

描述：ListView是WPF中动态绑定工具的数据容器，本文实现了一个在ListView中显示的供用户选择的列表项目，并且控制列表中选择的项目数量，即实现单选。 XAML中创建ListView，代码如下： <ListView x:Name="listView_LineOfBusiness" Width="280" Height="220">...

Android 演示 Android ListView 和 github XListView（1-3）

本文内容 环境 项目结构 演示 1：ListView 演示 2：简单 XListView 演示 3：音乐列表 XListView 演示 4：另一个音乐列表 XListView 本文四个演示，循序渐进。 演示 1 只是普通的 Android ListView 控件； 演示 2 是 GitHub 上的 XListView 控件，具备“下拉...

jQuery Mobile 列表视图(带有自动检索)

输入a： 输入b： jQuery Mobile 列表视图 jQuery Mobile 中的列表视图是标准的 HTML 列表：有序列表 (<ol>) 和无序列表 (<ul>)。 如需创建列表，请向 <ol> 或 <ul> 元素添加 data-role="listview"。如需使这些项目可点击，请在每个列...

Xamarin.Forms Layout Challenges – Timeline(转载，已翻译)

翻译采用中英对照的方式. 原文地址:http://www.kymphillpotts.com/xamarin-forms-layout-challenges-timeline/ Github地址:https://github.com/kphillpotts/XamarinFormsLayoutChallenges/tree/master/Timeline...

继续聊WPF——用Blend自定义Listview控件的列表头

在Blend中右击ListView控件，从样式和模板相关的菜单项中，我们没找到与列表头有关的项。 然后，我们到属性面板中找GridView的ColumnHeaderContainerStyle属性，结果你发现，就算你在高级选项菜单中把它转换为本地资源，你会发现它没有反应，切换到XAML视图也没看到生成的代码。 那是不是没办法了呢？这个问题我想了想...

最新文章

随机推荐

思享工具箱导航