android 表格展示数据

1 篇文章 0 订阅
1 篇文章 0 订阅

有时候项目中可能会用到表格的形式来展示信息,这样会比较直观的看到数据,也会很清晰的坐到数据对比,之前有一个项目用到了,就来记录一下:

首先就是布局,页面很简单:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eee"
    android:orientation="vertical">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/banner">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="@string/data"
            android:textColor="#ffffff"
            android:textSize="20dp" />

        <ImageView
            android:id="@+id/back"
            android:layout_width="50dp"
            android:layout_height="match_parent"
            android:layout_gravity="left"
            android:padding="10dp"
            android:src="@mipmap/left" />

    </FrameLayout>

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_margin="10dp"
            android:orientation="vertical">

            <TextView
                android:id="@+id/sensor"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:textColor="#000000"
                android:textSize="18dp"
                android:gravity="center"/>


            <View
                android:layout_width="match_parent"
                android:layout_height="1dip"
                android:background="#A7A5A5"/>

            <include
                layout="@layout/list_item"
                android:id="@+id/table_title"/>

            <View
                android:layout_width="match_parent"
                android:layout_height="1dip"
                android:background="#686867"/>

            <com.ztmsandroid.view.WListView
                android:id="@+id/list"
                android:background="#ffffff"
                android:divider="#B4B3B3"
                android:dividerHeight="1.0dip"
                android:scrollbars="none"
                android:cacheColorHint="@android:color/transparent"
                android:fadingEdge="none"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >
            </com.ztmsandroid.view.WListView>

            <TextView
                android:id="@+id/dayin"
                android:layout_width="match_parent"
                android:layout_height="40dp"
                android:layout_marginTop="20dp"
                android:layout_margin="10dp"
                android:text="@string/dayin1"
                android:textSize="16dp"
                android:background="@drawable/rounded"
                android:gravity="center"
                android:textColor="#ffffff"/>

        </LinearLayout>

    </ScrollView>

include嵌入的就是表格的头部,嵌入之后可以固定他的长度,宽度,比较方便,在外部写可以设置大小,颜色和线条之类的,我写的这个只是3个textview 之间加了view,顶部以及底部添加线条。

<?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="wrap_content"
    android:background="#ffffff"
    android:orientation="horizontal">

    <View
        android:layout_width="1.5dip"
        android:layout_height="fill_parent"
        android:background="#B4B3B3" />

    <TextView
        android:id="@+id/text_id"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="3"
        android:gravity="center"
        android:paddingTop="10dip"
        android:singleLine="true"
        android:text="@string/time"
        android:textColor="#000000"
        android:textSize="15sp" />

    <View
        android:layout_width="1.5dip"
        android:layout_height="fill_parent"
        android:background="#B4B3B3" />

    <TextView
        android:id="@+id/text_goods_name"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:paddingTop="10dip"
        android:singleLine="true"
        android:text="@string/wendu"
        android:textColor="#000000"
        android:textSize="15sp" />

    <View
        android:layout_width="1.5dip"
        android:layout_height="fill_parent"
        android:background="#B4B3B3" />

    <TextView
        android:id="@+id/text_codeBar"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:paddingTop="10dip"
        android:singleLine="true"
        android:text="@string/shidu"
        android:textColor="#000000"
        android:textSize="15sp" />

    <View
        android:layout_width="1.5dip"
        android:layout_height="fill_parent"
        android:background="#B4B3B3" />

    <TextView
        android:id="@+id/text_num"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:paddingTop="10dip"
        android:singleLine="true"
        android:text="@string/dianya"
        android:textColor="#000000"
        android:textSize="15sp" />


    <View
        android:layout_width="1.5dip"
        android:layout_height="fill_parent"
        android:background="#B4B3B3" />


</LinearLayout>

上面还有一个自定义的listview,因为scrollview里面添加listview的时候,不是自定义的时候只显示一条,所以我们为了解决这个问题,就自定义一个listview。


import android.content.Context;
import android.util.AttributeSet;
import android.widget.ListView;

/**
 * 解决ScrollView中嵌套ListView,ListView只显示一行问题
 */

public class WListView extends ListView {
    public WListView(Context context) {
        super(context);
    }

    public WListView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public WListView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //根据模式据算每个child的高度和宽度
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec, expandSpec);
    }
}

接下来就是Activity里面的代码设置,构建一个Bean类存放数据,再构建一个适配器加载存放的数据,放到listview里面,完美的加载数据并显示.Bean类就不贴出来了,下面是Activity和Adapter的具体代码:


import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.example.ztms_usb.Framgment.inter_face.KeyPath;
import com.example.ztmsandroid_USB.R;
import com.ztmsandroid.data.Data;
import com.ztmsandroid.utils.SharedPreferencesUtils;
import com.ztmsandroid.utils.ui.ProgressDialogEx;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;


/**
 * 数据
 */

public class Data_Table extends Activity {

    private String current_timestamp, username, key;
    private ProgressDialogEx progressDlgEx;
    private Handler mHandler = new Handler();
    private String sensor;
    private ListView tableListView;
    private List<bean> list;
    private String time, temp, hum, v, id;
    private TextView dayin, sensorr;
    private ImageView back;

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

        setContentView(R.layout.datatable);

        Intent intent = getIntent();
        sensor = intent.getStringExtra("sensor");
        id = intent.getStringExtra("id");

        progressDlgEx = new ProgressDialogEx(this, mHandler);

        sensorr = (TextView) this.findViewById(R.id.sensor);
        sensorr.setText("Sensor:" + sensor);
       
        back = (ImageView) this.findViewById(R.id.back);
        back.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });

        ViewGroup tableTitle = (ViewGroup) findViewById(R.id.table_title);

        tableListView = (ListView) findViewById(R.id.list);

        show();

    }

    /*获取运单号信息*/
    private void show() {
        // TODO Auto-generated method stub
        username = SharedPreferencesUtils.getString(Data_Table.this, "userName", "");// 获取用户名
        key = Data.getInstance().key;
        current_timestamp = Data.getInstance().current_timestamp;

        new Thread() {
            @Override
            public void run() {
                progressDlgEx.simpleModeShowHandleThread();
                OkHttpClient okHttpClient = new OkHttpClient();

                String format = String.format(KeyPath.Path.head + KeyPath.Path.lastdatas, "c" + sensor, username, key, current_timestamp);
                Request build1 = new Request.Builder().url(format).build();
                okHttpClient.newCall(build1).enqueue(new Callback() {
                    @Override
                    public void onFailure(Call call, IOException e) {

                    }

                    @Override
                    public void onResponse(Call call, Response response) throws IOException {
                        String string = response.body().string();
                        if (string != null) {
                            try {
                                final JSONArray jsonarray = new JSONArray(string);
                                list = new ArrayList<bean>();
                                mHandler.post(new Runnable() {
                                    @Override
                                    public void run() {
                                        for (int i = 0; i < jsonarray.length(); i++) {
                                            try {
                                                JSONObject jsonObject = jsonarray.getJSONObject(i);
                                                time = jsonObject.get("time").toString();
                                                temp = jsonObject.get("temp").toString();
                                                hum = jsonObject.get("hum").toString();
                                                v = jsonObject.get("v").toString();

                                                list.add(new bean(time, temp, hum, v));

                                            } catch (JSONException e) {
                                                e.printStackTrace();
                                            }
                                        }
                                        TableAdapter adapter = new TableAdapter(Data_Table.this, list);
                                        tableListView.setAdapter(adapter);
                                    }
                                });

                            } catch (JSONException e) {
                                e.printStackTrace();
                            } finally {
                                progressDlgEx.closeHandleThread();
                            }
                        }
                    }
                });
            }
        }.start();
    }

}

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import com.example.ztmsandroid_USB.R;

import java.util.List;


public class TableAdapter extends BaseAdapter {

    private List<bean> list;
    private LayoutInflater inflater;

    public TableAdapter(Context context, List<bean> list) {
        this.list = list;
        inflater = LayoutInflater.from(context);
    }

    @Override
    public int getCount() {
        int ret = 0;
        if (list != null) {
            ret = list.size();
        }
        return ret;
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {

        bean goods = (bean) this.getItem(position);

        ViewHolder viewHolder;

        if (convertView == null) {

            viewHolder = new ViewHolder();

            convertView = inflater.inflate(R.layout.list_item, null);
            viewHolder.goodId = (TextView) convertView.findViewById(R.id.text_id);
            viewHolder.goodName = (TextView) convertView.findViewById(R.id.text_goods_name);
            viewHolder.goodCodeBar = (TextView) convertView.findViewById(R.id.text_codeBar);
            viewHolder.goodNum = (TextView) convertView.findViewById(R.id.text_num);

            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }

        viewHolder.goodId.setText(goods.getTime());
        viewHolder.goodId.setTextSize(13);
        viewHolder.goodName.setText(goods.getTemp());
        viewHolder.goodName.setTextSize(13);
        viewHolder.goodCodeBar.setText(goods.getHum());
        viewHolder.goodCodeBar.setTextSize(13);
        viewHolder.goodNum.setText(goods.getV());
        viewHolder.goodNum.setTextSize(13);

        return convertView;
    }

    public static class ViewHolder {
        public TextView goodId;
        public TextView goodName;
        public TextView goodCodeBar;
        public TextView goodNum;
    }

}

适配器加载的Layout页面和主页面include的页面是同一个页面。Activity只需要把接口取到的数据add到list里面,然后放到适配器就好,然后适配器再展示数据,整体来说还是比较简单的,主要是最近两天比较空闲,所以就想着写点东西记录一下。




评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值