1. 程式人生 > >Android listview 表格顯示和自動迴圈顯示

Android listview 表格顯示和自動迴圈顯示

在Android中,有時候也需要使用如HTML的表格一樣顯示資料。
Android沒有直接提供表格控制元件,但可通過其他方式實現,一樣可以達到預期的效果。
資料量固定、單元格等寬的可以使用GridView來實現。而資料集不確定,單元格寬度可拉伸收縮時可使用TableLayout和ListView相結合的方式實現。
網路上有很多文章,雖然都實現了,但或多或少還有點不完美,具體體現在寬度及表格分隔線的問題上。

1.表格寬度問題

TableLayout 有兩個屬性 shrinkColumns(自動收縮)以及stretchColumns(自動擴充),例如
android:shrinkColumns=”1,3,7” android:stretchColumns=”1,3,7” 分別表示在第1,3,7列上自動收縮/擴充,列編號從0開始,也就是會根據螢幕的寬度自動調整內容的顯示,螢幕寬度不夠時內容會換行顯示,否則螢幕寬度不夠,後面的列的就看不到了。當設定為“*”時表示應用到所有列。
僅僅設定這個還是不行,原因是單元格的內容有長短,表格標題的內容有長短,如果單元格都設定為自動調整寬度的話,那麼會出現各個列不能對齊的現象,即分割線錯開來了,這並不是我們所期望的。為了對齊列,所以需要指定固定寬度大小,而不能設定自動寬度或wrap_content或match_parent。
由於手機的螢幕解析度多種多樣,所以固定寬度的設定需要在程式碼中計算,而不能寫死在xml檔案中。

2.表格線(分隔線)問題

單元格之間的分隔線其實很好實現,只要用一個寬度為1dp的帶顏色的線就可以了。
<View android:layout_width="1dp" android:layout_height="match_parent" android:background="#F00"/>

先看下效果圖:

表格圖片

3.styles.xml

為了複用程式碼,將一些屬性提取出來,放到styles.xml中,styles.xml檔案在values目錄下面。

 <!-- 分隔符 -->
    <style name="list_item_seperator_layout"
> <item name="android:layout_width">match_parent</item> <item name="android:layout_height">1dp</item> <item name="android:background">@android:color/holo_green_light</item> </style> <style name="list_item_cell_seperator_layout"
> <item name="android:layout_width">1dp</item> <item name="android:layout_height">match_parent</item> <item name="android:background">@android:color/holo_green_light</item> </style> <!-- 字型 --> <style name="textViewHead"> <item name="android:textSize">30sp</item> <item name="android:textStyle">bold</item> <item name="android:textColor">#F00</item> <item name="android:gravity">center</item> </style> <style name="textViewCell"> <item name="android:textSize">27sp</item> <item name="android:textColor">#F00</item> <item name="android:gravity">center</item> </style>

4.activity_main.xml 表格佈局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp"
    tools:context=".MainActivity">

    <View style="@style/list_item_seperator_layout" />

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="7"
        android:stretchColumns="7">
        <TableRow
            android:id="@+id/stock_list_header_row"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/head1"
                style="@style/textViewHead"
                android:text="發車時間" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/head2"
                style="@style/textViewHead"
                android:text="車牌號" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/head3"
                style="@style/textViewHead"
                android:text="里程" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/head4"
                style="@style/textViewHead"
                android:text="終點站" />
            <View style="@style/list_item_cell_seperator_layout" />
        </TableRow>
    </TableLayout>
    <View style="@style/list_item_seperator_layout"
        android:layout_height="2dp"
        />
    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:divider="@android:color/holo_green_light"
        android:dividerHeight="1dp" />
</LinearLayout>

表格頭的每列寬度在程式碼中指定,最後一列採用自適應(自動收縮或擴充)。
表格頭的列寬需要和單元格的列寬一致。

5. item_regular.xml 列表行的佈局

這裡直接使用水平方向的LinearLayout表示列表行,每列直接放一個View作為分隔線即可。列的寬度需要在程式碼中重新設定(在Adapter中)。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:descendantFocusability="blocksDescendants"
    android:orientation="horizontal"
    tools:context=".adapter.RegularAdapter">
    <View style="@style/list_item_cell_seperator_layout" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/regularFcsj"
        style="@style/textViewCell"
        android:text="text1" />
    <View style="@style/list_item_cell_seperator_layout" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/regularCph"
        style="@style/textViewCell"
        android:text="text12" />
    <View style="@style/list_item_cell_seperator_layout" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/regularLc"
        style="@style/textViewCell"
        android:text="text13" />
    <View style="@style/list_item_cell_seperator_layout" />
    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:id="@+id/regularZDZ"
        style="@style/textViewCell"
        android:text="text14" />
    <View style="@style/list_item_cell_seperator_layout" />
</LinearLayout>

其實表格頭部也可以直接用一個LinearLayout實現即可,不需要TableLayout。表格頭的列寬需要和單元格的列寬一致。

6.RegularAdapter.java 列表介面卡

package com.jykj.departure.adapter;

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

import com.jykj.departure.R;
import com.jykj.departure.entity.Regular;

import java.util.List;


public class RegularAdapter extends BaseAdapter {
    private LayoutInflater mInflater;
    private List<Regular> mRegulars;
    private DisplayMetrics dm ;

    public RegularAdapter(Context context, List<Regular> regulars) {
        mInflater = (LayoutInflater)context.getSystemService(
                Context.LAYOUT_INFLATER_SERVICE);
        dm = context.getResources().getDisplayMetrics();
        mRegulars = regulars;
    }

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

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View v;
        if (convertView == null) {
            v = mInflater.inflate(R.layout.item_regular, parent,
                    false);
        } else {
            v = convertView;
        }
        //Log.v("Regular", position + " " + v.hashCode() + "  " + checkedPosition);
        Regular item = (Regular) getItem(position);
        TextView tv1=(TextView) v.findViewById(R.id.regularCph);
        TextView tv2 = (TextView) v.findViewById(R.id.regularFcsj);
        TextView tv3  = (TextView) v.findViewById(R.id.regularLc);
        TextView tv4 = (TextView) v.findViewById(R.id.regularZDZ);

        tv1.setWidth(dm.widthPixels/4);
        tv2.setWidth(dm.widthPixels/4);
        tv3.setWidth(dm.widthPixels/4);
        tv4.setWidth(dm.widthPixels/4);

        tv1.setText(item.get_cph());
        tv2.setText(item.get_fcsj());
        tv3.setText(""+item.get_lc() + "");
        tv4.setText(""+item.get_mdzmc() + "");

        return v;
    }
}

上面的關鍵程式碼是設定4個TextView的寬度。

7.自動迴圈顯示

利用Handler的post方法以及ListView的setSelection方法實現迴圈顯示功能。
注意銷燬時要移除handler上的Runnable

@Override
    protected void onDestroy() {
        super.onDestroy();
        handler.removeCallbacks(runnable);
    }
    boolean isEnd = false;
    Handler handler = new Handler();
    Runnable runnable = new Runnable() {
        @Override
        public void run() {
            //計算偏移量
            int pos =isEnd?0: listView.getLastVisiblePosition();
            listView.setSelection(pos);
            Log.e("TAG","current selected:"+pos);
            isEnd = pos>=regulars.size()-1;
            handler.postDelayed(this, 3000);
        }
    };

8. MainActivity.java

package com.jykj.departure;

import android.app.ListActivity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.annotation.Nullable;
import android.support.v4.widget.AutoScrollHelper;
import android.support.v4.widget.ListViewAutoScrollHelper;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.TextView;

import com.jykj.departure.adapter.RegularAdapter;
import com.jykj.departure.entity.Regular;

import java.lang.ref.WeakReference;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends ListActivity {
    private ListView listView;
    private List<Regular> regulars;
    private final static int TIMESPAN = 3*1000;//3秒
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        DisplayMetrics dm = getResources().getDisplayMetrics();

        ((TextView)findViewById(R.id.head1)).setWidth(dm.widthPixels/4);
        ((TextView)findViewById(R.id.head2)).setWidth(dm.widthPixels/4);
        ((TextView)findViewById(R.id.head3)).setWidth(dm.widthPixels/4);
        ((TextView)findViewById(R.id.head4)).setWidth(dm.widthPixels/4);

        regulars = new ArrayList<>();
        for(int i=0;i<30;i++) {
            Regular r = new Regular();
            r.set_cph(i%3==0?"瓊B"+i: "瓊Abcd"+i);
            r.set_fcsj("15:30");
            r.set_lc(35+i);
            r.set_mdzmc(i%4==0?"儋州"+i:"三亞海口文昌"+i);
            regulars.add(r);
        }
        ListAdapter adapter = new RegularAdapter(this,regulars);
        setListAdapter(adapter);
        Log.e("TAG",dm.widthPixels+","+dm.heightPixels+","+dm.widthPixels/4);
        listView = (ListView) findViewById(android.R.id.list);
         /*AutoScrollHelper ash = new ListViewAutoScrollHelper(listView);
        listView.setOnTouchListener(ash);
        ash.setEnabled(true);*/
        handler.postDelayed(runnable,TIMESPAN);
    }
    @Override
    protected void onDestroy() {
        super.onDestroy();
        handler.removeCallbacks(runnable);
    }
    boolean isEnd = false;
    Handler handler = new Handler();
    Runnable runnable = new Runnable() {
        @Override
        public void run() {
            //計算偏移量
            int pos =isEnd?0: listView.getLastVisiblePosition();
            listView.setSelection(pos);
            Log.e("TAG","current selected:"+pos);
            isEnd = pos>=regulars.size()-1;
            handler.postDelayed(this, TIMESPAN);
        }
    };
}

上面的關鍵程式碼是設定表頭的4個TextView的寬度。

336.《道德經》第七十九章3 開啟你的心,發出你的善
原文:故天之道,損有餘而益不足。人之道則不然,損不足而奉有餘。
翻譯:天之道,是損減有餘來補充不足。人類社會世俗的作法卻不然,而是損減貧窮不足來供奉富貴有餘。
人類渴望公平是在基因中遺傳的。激發人類內心中“善”的部分,是社會穩定的關鍵。

339.《道德經》第八十章2 道理你都懂,就是沒做到
原文:柔之勝剛也,弱之勝強也,天下莫弗知也,而莫之能行也。
翻譯:柔能勝剛,弱能勝強,天下沒有不知道的,卻沒有能夠做到的。
人要克服動物性,走向更高的層次。

相關推薦

Android listview 表格顯示自動迴圈顯示

在Android中,有時候也需要使用如HTML的表格一樣顯示資料。 Android沒有直接提供表格控制元件,但可通過其他方式實現,一樣可以達到預期的效果。 資料量固定、單元格等寬的可以使用GridView來實現。而資料集不確定,單元格寬度可拉伸收縮時可使用T

[Android] 控制元件的動態顯示自動消失效果

在這個例子中,我們要在介面上新增一些可以動態顯示和隱藏的元件,並且實現自動消失的效果。 首先,我們在主Activity中新增三個按鈕用於演示: activity_main.xml <Button android:id="@

Android開發之實現圖片自動滾動顯示標籤的ViewPager

      Android中實現圖片自動滾動的效果非常的常見,我們可以自己動畫去實現功能。但是在Android中提供了一個ViewPager類,實現了滾動效果,在Android的extras目錄下android-support-vx.jar中,x代表版本4,7等等。使用時我

android自定義Gallery實現手動自動迴圈滾動切換圖片

實現類似騰訊視訊頂欄的圖片切換,網上找了下寫的都不全,現在總結下我實現過程中遇到的問題: 第一個問題:Gallery手動滑動翻頁 參照網上的方法實現如下:   自定義MyGalleyry繼承自Gallery  重寫onFling方法 private boolean isScrollingLeft(Motio

Android listview滾動條隱藏後依然顯示

剛剛做了一個評論的功能,然後listview屬性android:scrollbars="none"我明明把滾動條隱藏了,為什麼當評論有很多條的時候還繼續存在呢?上網搜了一下listview的屬性,發現有這麼一個android:fastScrollEnabled東西 f

【linux】vim設定語法高亮顯示自動縮排

1、配置檔案的位置     在目錄 /etc/ 下面,有個名為vimrc的檔案,這是系統中公共的vim配置檔案,對所有使用者都有效。而在每個使用者的主目錄下,都可以自己建立私有的配置檔案,命名為:“.vimrc”。例如,/root目錄下,通常已經存在一個.vimrc檔案。

Android實現版本更新自動安裝

直接執行的專案和打包的專案apk簽名不同,所以不能直接用開發工具執行專案進行版本更新.需要用apk打包安裝的形式更新,否則會提示"簽名衝突",無法完成覆蓋安裝 /** 版本更新 */ public class SplashActivity extends Activit

Android listview增加條目時自動回滾到最後一行

當listview條目增加時,自動回滾到最後一條 listView.setTranscriptMode(ListView.TRANSCRIPT_MODE_ALWAYS_SCROLL); 在xml檔

Android Listview 第一頁最後一頁會滑動問題

今天在用Listview的時候,發現在第一頁的第一個item上整個listview會往上滑動一點距離,沒有指定分割線的寬度,預設是有分割線的,但是分割線的寬度是一時畫的的分割線的寬度不一定是1,當手動指定成android:dividerHeight="2dp"分割線固定2,

Android ListView列表 重新整理載入更多

上下拉實現重新整理和載入更多的ListView,如下: [java] view plaincopyprint? package com.sin.android.ui;  import android.content.Context;  import androi

android 圖片輪播(自動迴圈輪播)

實現思路就是通過viewPager自定義元件,支援圖片點選、手動滑動、自動輪播、初始化定位位置。不廢話了先上圖 元件下載 元件使用 public class BannerAutoActivity

android listview巢狀時,顯示不全不能滑動的解決

在listview巢狀listview的過程中,如果我們不寫一點特殊的操作的話,可能子listview會顯示不全,並且無法滑動,那麼應該怎麼解決呢 1.子listview繼承listview,然後重寫onmeasure方法,在裡面手動的去計算高度,然後傳給super方法,這

android ListView顯示隱藏二級內容

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_pa

自動顯示隱藏頭佈局的ListView原來是那麼簡單

前言: 今天在看Android進階的書籍,發現越看越有趣,當我看到自動顯示、隱藏佈局的ListView時,內心充滿了好奇和期待,因為即將就要解開我心中當年存在的一個迷,之前我剛接觸Android的時候,總是在想為什麼淘寶還有京東等一些APP可以實現自動顯示和隱藏頭佈局呢

android Listview顯示/mnt下檔案資料夾

ListView中顯示/mnt下的檔案和資料夾,如果是檔案選擇外部程式開啟,是資料夾則顯示該目錄下的子檔案和子資料夾 程式碼如下: @Override protected void onCreate(Bundle savedInstanceState) { supe

安卓(Android )軟鍵盤的控制(顯示隱藏)

false def gets nbsp bool code 表示 soft 系統 Activity 啟動時軟鍵盤默認狀態 在清單文件(manifest .xml)中可以通過在 Activity 標簽中增加屬性控制軟鍵盤的默認狀態: android:windowSoftIn

Android 軟鍵盤的顯示隱藏,這樣操作就對了

ide min 影響 想要 manage 總結 ice 技術 3.1 一、前言 如果有需要用到輸入的地方,通常會有需要自動彈出或者收起軟鍵盤的需求。開篇明義,本文會講講彈出和收起軟鍵盤的一些細節,最終還會從源碼進行分析。 想要操作軟鍵盤,需要使用到 InputMethod

設置Mac自動顯示隱藏 Dock 欄的速度

pos 所有 auto fault 速度 設置 spa -m mac Dock 顯示和隱藏,系統默認設置成了1秒 通過終端.APP修改顯示和隱藏的時間 (單位:秒) 默認的:      defaults write com.apple.dock au

Android Studio之高德地圖實現定位3D地圖顯示

tor uil track width 博客 5.0 eight ext wid 在應用開發中,地圖開發是常常須要使用的“組件”,國內比較出名的是就是百度地圖和高德地

Android TimePickerDatePicker並列顯示調整大小

原文連結:http://www.cnblogs.com/ljxxz/p/3925040.html 最近寫了個app,裡面要將DatePicker和TimePicker並列顯示。但是,Android內部把DatePicker和 TimePicker大小固定了,導致4.5寸手機螢幕一行