Android 自定义表格显示数据

Android 自定义TextView控件，用来组成表格方便数据的展示。

首先看一下效果

样式不是很好看，需要用的可以自己优化一下。

实现方式很简单。

　　1、自定义控件 MyTableTextView 继承 TextView 重写onDraw方法。在里面添加话边框的操作。

 package lyf.com.mytableview;

 import android.content.Context;

 import android.graphics.Canvas;

 import android.graphics.Color;

 import android.graphics.Paint;

 import android.util.AttributeSet;

 import android.widget.TextView;

 /**

  * lyf on 2016/06/27

  * 自定义TextView

  */

 public class MyTableTextView extends TextView {

     Paint paint = new Paint();

     public MyTableTextView(Context context, AttributeSet attrs) {

         super(context, attrs);

         int color = Color.parseColor("#80b9f2");

         // 为边框设置颜色

         paint.setColor(color);

     }

     @Override

     protected void onDraw(Canvas canvas) {

         super.onDraw(canvas);

         // 画TextView的4个边

         canvas.drawLine(0, 0, this.getWidth() - 1, 0, paint);

         canvas.drawLine(0, 0, 0, this.getHeight() - 1, paint);

         canvas.drawLine(this.getWidth() - 1, 0, this.getWidth() - 1, this.getHeight() - 1, paint);

         canvas.drawLine(0, this.getHeight() - 1, this.getWidth() - 1, this.getHeight() - 1, paint);

     }

 }

　　2、主布局，什么也不用写。直接放一个LinearLayout就好。但因为表格的宽度和高度往往超过屏幕的宽高度，因此需要我们添加ScrollView 和HorizontalScrollView。为了让HorizontalScrollView填满整个ScrollView 需要在ScrollView设置属性 android:fillViewport="true"。

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

    <ScrollView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:fillViewport="true"

        android:scrollbars="none"

        >

        <HorizontalScrollView

            android:id="@+id/scroll_view"

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:scrollbarAlwaysDrawHorizontalTrack="false"

            android:scrollbars="none">

            <LinearLayout

                android:id="@+id/MyTable"

                android:layout_width="fill_parent"

                android:layout_height="wrap_content"

                android:layout_marginBottom="9dp"

                android:orientation="vertical"

                >

            </LinearLayout>

        </HorizontalScrollView>

    </ScrollView>

</LinearLayout>

　　3、接下来写表格显示的样式文件table.xml。该布局文件用来显示表格每一行的样式。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="match_parent">

    <lyf.com.mytableview.MyTableTextView

        android:id="@+id/list_1_1"

        android:layout_width="50dp"

        android:layout_height="wrap_content"

        android:layout_alignBottom="@+id/list_1_2"

        android:layout_alignTop="@+id/list_1_2"

        android:gravity="center"

        android:textColor="#000"

        android:textSize="13sp" />

    <lyf.com.mytableview.MyTableTextView

        android:id="@+id/list_1_2"

        android:layout_width="180dp"

        android:layout_height="wrap_content"

        android:layout_toRightOf="@+id/list_1_1"

        android:gravity="center"

        android:textColor="#000"

        android:textSize="13sp" />

    <lyf.com.mytableview.MyTableTextView

        android:id="@+id/list_1_3"

        android:layout_width="100dp"

        android:layout_height="wrap_content"

        android:layout_alignBottom="@+id/list_1_2"

        android:layout_alignTop="@+id/list_1_2"

        android:layout_toRightOf="@+id/list_1_2"

        android:gravity="center"

        android:textColor="#000"

        android:textSize="13sp" />

    <lyf.com.mytableview.MyTableTextView

        android:id="@+id/list_1_4"

        android:layout_width="100dp"

        android:layout_height="wrap_content"

        android:layout_alignBottom="@+id/list_1_3"

        android:layout_alignTop="@+id/list_1_3"

        android:layout_toRightOf="@+id/list_1_3"

        android:gravity="center"

        android:textColor="#000"

        android:textSize="13sp" />

    <lyf.com.mytableview.MyTableTextView

        android:id="@+id/list_1_5"

        android:layout_width="100dp"

        android:layout_height="wrap_content"

        android:layout_alignBottom="@+id/list_1_4"

        android:layout_alignTop="@+id/list_1_4"

        android:layout_toRightOf="@+id/list_1_4"

        android:gravity="center"

        android:textColor="#000"

        android:textSize="13sp" />

    <lyf.com.mytableview.MyTableTextView

        android:id="@+id/list_1_6"

        android:layout_width="100dp"

        android:layout_height="wrap_content"

        android:layout_alignBottom="@+id/list_1_5"

        android:layout_alignTop="@+id/list_1_5"

        android:layout_toRightOf="@+id/list_1_5"

        android:gravity="center"

        android:textColor="#000"

        android:textSize="13sp" />

    <lyf.com.mytableview.MyTableTextView

        android:id="@+id/list_1_7"

        android:layout_width="100dp"

        android:layout_height="wrap_content"

        android:layout_alignBottom="@+id/list_1_6"

        android:layout_alignTop="@+id/list_1_6"

        android:layout_toRightOf="@+id/list_1_6"

        android:gravity="center"

        android:textColor="#000"

        android:textSize="13sp" />

</RelativeLayout>

　　4、最后把数据放到我们的table.xml文件中，并显示到我们的主布局文件中。

package lyf.com.mytableview;

import android.app.Activity;

import android.graphics.Color;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.widget.LinearLayout;

import android.widget.RelativeLayout;

/**

 * lyf on 2016/06/27

 * 自定义表格显示

 */

public class MainActivity extends Activity {

    private LinearLayout mainLinerLayout;

    private RelativeLayout relativeLayout;

    private String[] name={"序号","考号","姓名","出生年月","语文","数学","英语"};

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        mainLinerLayout = (LinearLayout) this.findViewById(R.id.MyTable);

        initData();

    }

    //绑定数据

    private void initData() {

        //初始化标题

        relativeLayout = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.table, null);

        MyTableTextView title = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_1);

        title.setText(name[0]);

        title.setTextColor(Color.BLUE);

        title = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_2);

        title.setText(name[1]);

        title.setTextColor(Color.BLUE);

        title = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_3);

        title.setText(name[2]);

        title.setTextColor(Color.BLUE);

        title = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_4);

        title.setText(name[3]);

        title.setTextColor(Color.BLUE);

        title = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_5);

        title.setText(name[4]);

        title.setTextColor(Color.BLUE);

        title = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_6);

        title.setText(name[5]);

        title.setTextColor(Color.BLUE);

        title = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_7);

        title.setText(name[6]);

        title.setTextColor(Color.BLUE);

        mainLinerLayout.addView(relativeLayout);

        //初始化内容

        int number = 1;

        for (int i=0;i<10;i++) {

            relativeLayout = (RelativeLayout) LayoutInflater.from(this).inflate(R.layout.table, null);

            MyTableTextView txt = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_1);

            txt.setText(String.valueOf(number));

            txt = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_2);

            txt.setText("320321**********35");

            txt = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_3);

            txt.setText("张三");

            txt = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_4);

            txt.setText("1992/04/21");

            txt = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_5);

            txt.setText("150");

            txt = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_6);

            txt.setText("200");

            txt = (MyTableTextView) relativeLayout.findViewById(R.id.list_1_7);

            txt.setText("120");

            mainLinerLayout.addView(relativeLayout);

            number++;

        }

    }

}

下载链接

Android 自定义表格显示数据的更多相关文章

无废话Android之listview入门,自定义的数据适配器、采用layoutInflater打气筒创建一个view对象、常用数据适配器ArrayAdapter、SimpleAdapter、使用ContentProvider（内容提供者）共享数据、短信的备份、插入一条记录到系统短信应用（3）
1.listview入门,自定义的数据适配器 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/and ...
Android自定义照相机实现（拍照、保存到SD卡，利用Bundle在Acitivity交换数据）
Android自定义照相机实现近期小巫在学校有一个创新项目,也不是最近,是一个拖了很久的项目,之前一直没有去搞,最近因为要中期检查,搞得我跟小组成员一阵忙活,其实开发一款照相机软件并不太难,下面就是 ...
【朝花夕拾】Android自定义View篇之（八）多点触控（上）MotionEvent简介
前言在前面的文章中,介绍了不少触摸相关的知识,但都是基于单点触控的,即一次只用一根手指.但是在实际使用App中,常常是多根手指同时操作,这就需要用到多点触控相关的知识了.多点触控是在Android2 ...
Android自定义View4——统计图View
1.介绍周末在逛慕课网的时候,看到了一张学习计划报告图,详细记录了自己一周的学习情况,天天都是0节课啊!正好在学习Android自定义View,于是就想着自己去写了一个,这里先给出一张慕课网的图,和 ...
(转)[原] Android 自定义View 密码框例子
遵从准则暴露您view中所有影响可见外观的属性或者行为. 通过XML添加和设置样式通过元素的属性来控制其外观和行为,支持和重要事件交流的事件监听器详细步骤见:Android 自定义View步骤 ...
Android 自定义View合集
自定义控件学习 https://github.com/GcsSloop/AndroidNote/tree/master/CustomView 小良自定义控件合集 https://github.com/ ...
Android 自定义ListView
本文讲实现一个自定义列表的Android程序,程序将实现一个使用自定义的适配器(Adapter)绑定数据,通过contextView.setTag绑定数据有按钮的ListView. 系统显示列表(L ...
[原] Android 自定义View 密码框例子
遵从准则暴露您view中所有影响可见外观的属性或者行为. 通过XML添加和设置样式通过元素的属性来控制其外观和行为,支持和重要事件交流的事件监听器详细步骤见:Android 自定义View步骤 ...
Android 自定义ScrollView ListView 体验各种纵向滑动的需求
分类: [android 进阶之路]2014-08-31 12:59 6190人阅读评论(10) 收藏举报 Android自定义ScrollView纵向拖动转载请标明出处:http: ...

随机推荐

windows server2008 kettle部署
kettle部署需要有jdk环境,所以需要配置环境变量. 1.首先配置jdk,将jdk压缩包解压到c盘下增加系统变量:JAVA_HOME:c:\jdk 在path后追加: %JAVA_HOME%\b ...
在skyDriver上保存代码
在家里写的代码, 有时候在公司也想打开改一改. 以前, 我都是使用优盘进行拷贝, 或者直接在优盘上进行操作. 有时, 忘了带优盘就傻眼了. 也想过直接托管到代码托管网站. 但主流的一些托管,都是要开源 ...
css预处理语言的模块化实践
编写css是前端工作中,一项普通而又频繁的劳动,由于css并不是一门语言,所以在程序设计上显得有些简陋.对于小型项目来说,css的量还不至于庞大,问题没有凸显,而如果要开发和持续维护一个较为大型的项目 ...
save_data
<?php /** * * $model 实例化表模型 * * $url 跳转地址 */ public function save_data($model,$url){ if(false === ...
Selenium 元素定位
selenium通过driver.findElement(By selector)来定位元素,selector在selenium-java.jar中,里面的方法一共就8种,如下图: 基本定义: By. ...
SSIS自定义数据流组件开发(血路)
由于特殊的原因(怎么特殊不解释),需要开发自定义数据流组件处理. 查了很多资料,用了不同的版本,发现各种各样的问题没有找到最终的解决方案. 遇到的问题如下: 用VS2015编译出来的插件,在SSDTB ...
动态sql语句基本语法--Exec与Exec sp_executesql 的区别
http://www.cnblogs.com/goody9807/archive/2010/10/19/1855697.html 动态sql语句基本语法 1 :普通SQL语句可以用Exec执行 ...
学习笔记之vector向量容器
今天复习到vector向量容器,里面包括vector向量容器的一些优点以及具体的使用方法及代码,分享给大家. Vector向量容器不但能够像数组一样对元素进行随机访问,还可以在尾部插入元素,是一种简单 ...
MyBatis学习（二）、SQL语句映射文件(1)resultMap
二.SQL语句映射文件(1)resultMap SQL 映射XML 文件是所有sql语句放置的地方.需要定义一个workspace,一般定义为对应的接口类的路径.写好SQL语句映射文件后,需要在MyB ...
NVMe over Fabrics：概念、应用和实现
对于大部分人来说,NVMe over Fabrics(简称NVMf)还是个新东西,因为其第一个正式版本的协议在今年6月份才发布.但是这并不影响人们对NVMf的关注,因为这项依托于NVMe的技术很可能继 ...

Android 自定义表格显示数据

Android 自定义表格显示数据的更多相关文章

随机推荐

热门专题