微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

Android中使用ListView实现漂亮的表格效果

分类：Android作者：编程之家AI导航网

在这里我们要使用Android ListView来实现显示股票行情，效果图如下，红色表示股票价格上涨，绿色表示股票价格下跌。

第一步、定义color.xml如下：

复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="color_dark_grey">#808080</color>
    <color name="color_black">#000000</color>
    <color name="color_green">#00FF00</color>
    <color name="color_red">#FF0000</color>
    <color name="color_white">#FFFFFF</color>
</resources>

第二步、定义style.xml文件如下：
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <!-- Define the list items style begin -->
    <style name="list_item_seperator_layout">
        <item name="android:layout_width">fill_parent</item>
        <item name="android:layout_height">1dip</item>
        <item name="android:background">@color/color_dark_grey</item>
    </style>
    <style name="list_item_cell_seperator_layout">
        <item name="android:layout_width">1dip</item>
        <item name="android:layout_height">fill_parent</item>
        <item name="android:background">@color/color_dark_grey</item>
    </style>
    <!-- Define the list items style end -->
</resources>

第三步、定义ListHeader的layout文件，stock_list_header.xml如下：
复制代码 代码如下:

<?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">
    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="3">
        <TableRow
            android:id="@+id/stock_list_header_row">
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_list_header_code"
                android:text="@string/stock_code"
                android:layout_width="60dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_list_header_symbol"
                android:text="@string/stock_symbol"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_list_header_last_price"
                android:text="@string/stock_last_price"
                android:layout_width="60dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_list_header_price_change"
                android:text="@string/stock_price_change"
                android:layout_width="50dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_list_header_price_change_percentage"
                android:text="@string/stock_price_change_percent"
                android:layout_width="50dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
        </TableRow>
    </TableLayout>
</LinearLayout>

<View style="@style/list_item_cell_seperator_layout"/>是用来在每个单元格之间显示出一条垂直的分割线，使单元格之间相互分割开来。

第四步、定义ListItem的布局文件，stock_list_item.xml如下：

复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <TableLayout
        android:id="@+id/stock_list_item_table_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="3">
        <TableRow
            android:id="@+id/stock_list_row">
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_code"
                android:layout_width="60dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip" />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_symbol"
                android:layout_width="1dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView android:id="@+id/stock_last_price"
                android:layout_width="60dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_change_price"
                android:layout_width="50dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
            <TextView
                android:id="@+id/stock_change_percentage"
                android:layout_width="50dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                />
            <View
                style="@style/list_item_cell_seperator_layout"
                />
        </TableRow>
    </TableLayout>
</LinearLayout>

第五步、定义stock list activity的layout文件stock_list.xml如下：
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <View
        style="@style/list_item_seperator_layout"
        />
    <include
        layout="@layout/stock_list_header"
        />
    <View
        style="@style/list_item_seperator_layout"
        />
    <ListView
        android:id="@+id/stock_list_view"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:scrollingCache="true"
        android:cacheColorHint="#00000000"
        android:fastScrollEnabled="true"
        android:focusable="true"
        android:divider="@color/color_dark_grey"
        android:dividerHeight="1dip"
        />
</LinearLayout>

<View style="@style/list_item_seperator_layout"/>是为了在Header的上下方显示一条线来分割header和list.可能有人会问，为什么这里不直接用ListView控件的header呢？

这是因为我们为了使ListView在滚动过程中header始终固定在List的最上方，不会随着ListView的滚动而消失。

到此为止，layout布局文件基本上定义完了，下面就是如何在代码中实现了。

StockListActivity.java

复制代码 代码如下:

package com.android.msoft.mfinance.ui;

import com.android.msoft.mfinance.R;
import com.android.msoft.mfinance.provider.Stock;
import com.android.msoft.mfinance.provider.StockMarket.StockMarketColumns;
import com.android.msoft.mfinance.ui.MFinancePreferenceActivity.BGColor;
import com.android.msoft.mfinance.ui.MFinancePreferenceActivity.TextSize;
import com.android.msoft.mfinance.ui.MFinancePreferenceActivity.updownColor;

import android.app.Activity;
import android.content.Intent;
import android.content.SharedPreferences;
import android.database.Cursor;
import android.os.Bundle;
import android.preference.PreferenceManager;
import android.util.Log;
import android.util.TypedValue;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.WindowManager;
import android.widget.ListView;
import android.widget.TableRow;
import android.widget.TextView;

public class StockListActivity extends Activity {

 private static final String TAG = "com.android.msoft.mfinance.ui.StockListActivity";
 private SharedPreferences mPreference;
 private TextView mCodeTextView;
 private TextView mSymbolTextView;
 private TextView mLastPriceTextView;
 private TextView mPriceChangeTextView;
 private TextView mPriceChangePercentageTextView;
 private ListView mStockListView;
 private TableRow mStockListHeader;
 private float mTextSize;

 private int mBgColor;
 private int mDownTextColor;
 private int mUpTextColor;
 private Cursor mStockListCursor;

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

  getwindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
    WindowManager.LayoutParams.FLAG_FULLSCREEN);
  setContentView(R.layout.stock_list);

  mPreference = PreferenceManager.getDefaultSharedPreferences(this);

  refreshdisplayPreference();

  mStockListHeader = (TableRow) findViewById(R.id.stock_list_header_row);
  mCodeTextView = (TextView) findViewById(R.id.stock_list_header_code);
  mSymbolTextView = (TextView) findViewById(R.id.stock_list_header_symbol);
  mLastPriceTextView = (TextView) findViewById(R.id.stock_list_header_last_price);
  mPriceChangeTextView = (TextView) findViewById(R.id.stock_list_header_price_change);
  mPriceChangePercentageTextView = (TextView) findViewById(R.id.stock_list_header_price_change_percentage);

  mStockListView = (ListView) findViewById(R.id.stock_list_view);

  refreshStockListHeader();

  mStockListCursor = getContentResolver().query(
    Stock.CONTENT_URI_STOCK_WITH_MARKET,null,
    StockMarketColumns.CHANGE_PRICE_PERCENT + " DESC");

  Stocklistadapter listViewAdpater = new Stocklistadapter(this,
    mStockListCursor);
  mStockListView.setAdapter(listViewAdpater);
 }

 @Override
 protected void onDestroy() {
  if (!mStockListCursor.isClosed()) {
   mStockListCursor.close();
  }

  super.onDestroy();
 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {

  MenuInflater inflater = getMenuInflater();
  inflater.inflate(R.menu.stock_list_option_menu,menu);
  return super.onCreateOptionsMenu(menu);
 }

 @Override
 public boolean onoptionsItemSelected(MenuItem item) {
  switch (item.getItemId()) {
  case R.id.stock_list_option_menu_settings:
   Intent intent = new Intent(this,MFinancePreferenceActivity.class);
   startActivity(intent);
   break;
  }

  return super.onoptionsItemSelected(item);
 }

 private void refreshdisplayPreference() {

  updownColor upAndDownColor = MFinancePreferenceActivity.updownColor
    .valueOf(mPreference.getString("up_down_color","RED_GREEN"));

  if (0 == upAndDownColor.value) { // UP: RED DOWN: GREEN
   mUpTextColor = getResources().getColor(R.color.color_red);
   mDownTextColor = getResources().getColor(R.color.color_green);
  } else { // DOWN: RED UP: GREEN
   mUpTextColor = getResources().getColor(R.color.color_green);
   mDownTextColor = getResources().getColor(R.color.color_red);
  }

  TextSize textSize = MFinancePreferenceActivity.TextSize
    .valueOf(mPreference.getString("text_size","norMAL"));
  mTextSize = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP,
    textSize.value,getResources().getdisplayMetrics());

  int colorResId = R.color.color_black;
  BGColor bgColor = MFinancePreferenceActivity.BGColor
    .valueOf(mPreference.getString("bg_color","BLACK"));

  switch (bgColor.value) {
  case 0:
   colorResId = R.color.color_black;
   break;

  case 1:
   colorResId = R.color.color_white;
   break;

  default:
   Log.e(TAG,"invalid bg color");
  }

  mBgColor = getResources().getColor(colorResId);
 }

 public float getTextSize() {
  return mTextSize;
 }

 public int getBgColor() {
  return mBgColor;
 }

 public int getUpTextColor() {
  return mUpTextColor;
 }

 public int getDownTextColor() {
  return mDownTextColor;
 }

 private void refreshStockListHeader() {

  mCodeTextView.setTextSize(mTextSize);
  mSymbolTextView.setTextSize(mTextSize);
  mLastPriceTextView.setTextSize(mTextSize);
  mPriceChangeTextView.setTextSize(mTextSize);
  mPriceChangePercentageTextView.setTextSize(mTextSize);

  mStockListHeader.setBackgroundColor(mBgColor);
  mStockListView.setBackgroundColor(mBgColor);
 }
}

Stocklistadapter.java

复制代码 代码如下:

package com.android.msoft.mfinance.ui;

import com.android.msoft.mfinance.provider.Stock.StockColumns;
import com.android.msoft.mfinance.provider.StockMarket.StockMarketColumns;
import android.content.Context;
import android.database.Cursor;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;

public class Stocklistadapter extends BaseAdapter {

 private static final String TAG = "com.android.msoft.mfinance.ui.Stocklistadapter";
 private Cursor mStockListCursor;
 private Context mContext;

 private final int sCodeIndex;
 private final int sSymbolIndex;
 private final int sBoardindex;
 private final int sLastPriceIndex;
 private final int sChangePriceIndex;
 private final int sChangePricePercentIndex;

 public Stocklistadapter(Context context,Cursor cursor) {
  mStockListCursor = cursor;
  mContext = context;

  sCodeIndex = mStockListCursor.getColumnIndex(StockColumns.CODE);
  sSymbolIndex = mStockListCursor.getColumnIndex(StockColumns.SYMBOL);
  sBoardindex = mStockListCursor.getColumnIndex(StockColumns.BOARD);
  sLastPriceIndex = mStockListCursor
    .getColumnIndex(StockMarketColumns.LAST_PRICE);
  sChangePriceIndex = mStockListCursor
    .getColumnIndex(StockMarketColumns.CHANGE_PRICE);
  sChangePricePercentIndex = mStockListCursor
    .getColumnIndex(StockMarketColumns.CHANGE_PRICE_PERCENT);
 }

 @Override
 public int getCount() {
  Log.d(TAG,"Stock list count:" + mStockListCursor.getCount());
  return mStockListCursor.getCount();
 }

 @Override
 public Object getItem(int position) {
  return null;
 }

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

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

  mStockListCursor.movetoPosition(position);
  if (null == convertView) {
   String code = mStockListCursor.getString(sCodeIndex);
   String symbol = mStockListCursor.getString(sSymbolIndex);
   String board = mStockListCursor.getString(sBoardindex);
   float lastPrice = mStockListCursor.getFloat(sLastPriceIndex);
   float changePrice = mStockListCursor.getFloat(sChangePriceIndex);
   float changePercent = mStockListCursor
     .getFloat(sChangePricePercentIndex);

   listItem = new StockListItem(mContext,code,symbol,board,
     lastPrice,changePrice,changePercent);
  } else {
   listItem = (StockListItem) convertView;
  }

  return listItem;
 }

}

StockListItem.java

复制代码 代码如下:

package com.android.msoft.mfinance.ui;

import com.android.msoft.mfinance.R;
import android.content.Context;
import android.view.LayoutInflater;
import android.widget.LinearLayout;
import android.widget.TextView;

public class StockListItem extends LinearLayout {

 public StockListItem(Context context,String code,String symbol,
   String board,float lastPrice,float changePrice,
   float changePercent) {
  super(context);

  StockListActivity stockListActivity = (StockListActivity) context;
  float textSize = stockListActivity.getTextSize();

  LayoutInflater factory = LayoutInflater.from(context);
  factory.inflate(R.layout.stock_list_item,this);

  TextView codeTextView = (TextView) findViewById(R.id.stock_code);
  codeTextView.setTextSize(textSize);
  codeTextView.setText(code);

  TextView symbolTextView = (TextView) findViewById(R.id.stock_symbol);
  symbolTextView.setTextSize(textSize);
  symbolTextView.setText(symbol);

  TextView lastPriceTextView = (TextView) findViewById(R.id.stock_last_price);
  lastPriceTextView.setTextSize(textSize);
  lastPriceTextView.setText(Float.toString(lastPrice));

  TextView changePriceTextView = (TextView) findViewById(R.id.stock_change_price);
  changePriceTextView.setTextSize(textSize);
  changePriceTextView.setText(Float.toString(changePrice));

  TextView ChangePercentTextView = (TextView) findViewById(R.id.stock_change_percentage);
  ChangePercentTextView.setTextSize(textSize);
  ChangePercentTextView.setText(Float.toString(changePercent));

  if (changePrice > 0) {
   int textColor = stockListActivity.getUpTextColor();

   // codeTextView.setTextColor(textColor);
   // symbolTextView.setTextColor(textColor);
   lastPriceTextView.setTextColor(textColor);
   changePriceTextView.setTextColor(textColor);
   ChangePercentTextView.setTextColor(textColor);
  }
  else if (changePrice < 0)
  {
            int textcolor="stockListActivity.getDownTextColor(); codetextview.settextcolor(textcolor);
   symboltextview.settextcolor(textcolor);
   lastpricetextview.settextcolor(textcolor); changepricetextview.settextcolor(textcolor);
      changepercenttextview.settextcolor(textcolor)
     }
    }
 }

到此就大功告成了，这个例子我们是通过View来画线条分割各个单元格的，另外我们还可以通过定义不同的背景色，通过背景色来达到相似的效果，这个不难，就不写了。

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

Android 性能优化——之控件的优化
Android性能优化——之控件的优化 前面讲了图像的优化，接下来分享一下控件的性能优化，这里主要是面向自定义View的优化。 1、首先先说一下我们在自定义View中可能会犯的3个错误： 1）UselesscallstoonDraw()：我们知道调用View.invalidate()会触发Vi...
android TextView描边
前言 上一篇已经讲了如何实现textView中粗字体效果，里面主要重写了onDraw方法。 这一边讲一个进阶功能，实现textView的描边效果。 上效果图。 上代码： 原理讲解： 效果实现思路是：因为系统api只给paint设置strokewidth方法，却没有提供设置描边的色值的方法，而且我们通
GreenDao教程1
最近项目重构，涉及到了数据库和文件下载，发现GreenDao这个框架还是不错的。直接面向对象的，可以通过对对象的操作，实现数据的存储。 但是官网上的API是在不敢恭维，文档写的很糙，看了半天，才搞懂一系列的流程。在此进行一下纪念。免得那天需要修改的时候，一脸懵逼。直接上干货 官网地址：http://
WebView加载页面的两种方式——网络页面和本地页面
WebView加载页面的两种方式 一、加载网络页面 加载网络页面，是最简单的一种方式，只需要传入http的URL就可以，实现WebView加载网络页面 代码如下图： 二、加载本地页面 1、加载assets目录下的HTML页面： 加载assets目录的页面，大多数可以用来做页面数据的存储打包，这样可以
Android 全局使用第三方字体
给APP全局设置字体主要分为两个方面来介绍 一、给原生界面设置第三方字体 1、准备工作-下载第三方字体：传送门 将文件放入工程assets目录下。（一般个人习惯单独命名一个文件夹放字体文件，也可直接放入根目录，但记得改引用路径） 2、代码实现 a、自定义application，将第三方的字体，替换当
Android中粗字体
前言 最近UI大牛出了一版新的效果图，按照IOS的效果做的，页面里面有普通字体、中粗字体、加粗字体。对于IOS的小伙伴，分分钟搞定，但是对于Android开发的我，瞬间懵逼了。WTF！ 安卓只有粗和不粗呀，哪有中粗这回事。硬着头皮做出来一版之后，看到UI嫌弃的表情。深深的刺痛了我的完美心。说啥也要搞
TabLayout基本使用
前言 Tablayout继承自HorizontalScrollView，可以用作顶部标签效果、底部导航栏效果。一般多与ViewPager一起使用。 想直接了解如何实现短下滑效果的请看：TabLayout的高级用法 首先上几个效果图。 图： 使用方法 下面我们来看如何使用， 第一步，先在gradle引
AndroidStudio 各种异常情况处理大法
最近使用AndroidStudio出现了.java文件，显示为xml文件等问题，通过各种采坑之后，发现删除本地的缓存文件这个方法最管用，差不多可以根治95%的莫名其妙的问题。解决办法如下； 先将AS关闭，然后找到你电脑的目录C:\Users\用户名\.AndroidStudio3.5\system\
Android文件各种存储路径的比较
1、File cacheDir = context.getCacheDir(); 应用内部存储空间（数据文件私有）文件存储到这个路径下，不需要申请权限，当应用被卸载的时候，目录下的文件会被删除。 需要注意的是，这个文件的目录和应用的存储位置有关， 当应用被移动到外部存储设备的时候，文件的绝对路径也是
汉诺塔问题
汉诺塔问题 最近面试题遇到过汉诺塔的问题，当时竟然懵逼了，不会了！！大学研究的问题竟然都忘光了，于是抓紧捡起来。然而在网上看了看博客，发现非递归算法还真挺多。下面总结了一下。 一、递归算法 1、递归算法优缺点：递归算法算是最易于理解也是最容易实现的，但是对内存的消耗也是巨大的，因为递归需要系统堆栈来
苹果市值2025年有望达4万亿美元
pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native