在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">dp</item>
<item name="android:background">@android:color/holo_green_light</item>
</style>
<style name="list_item_cell_seperator_layout">
<item name="android:layout_width">dp</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">sp</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">sp</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 ;
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/);
tv2.setWidth(dm.widthPixels/);
tv3.setWidth(dm.widthPixels/);
tv4.setWidth(dm.widthPixels/);
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?: listView.getLastVisiblePosition();
listView.setSelection(pos);
Log.e("TAG","current selected:"+pos);
isEnd = pos>=regulars.size()-;
handler.postDelayed(this, );
}
};
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秒
@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/);
((TextView)findViewById(R.id.head2)).setWidth(dm.widthPixels/);
((TextView)findViewById(R.id.head3)).setWidth(dm.widthPixels/);
((TextView)findViewById(R.id.head4)).setWidth(dm.widthPixels/);
regulars = new ArrayList<>();
for(int i=;i<30;i++) {
Regular r = new Regular();
r.set_cph(i%==?"瓊B"+i: "瓊Abcd"+i);
r.set_fcsj("15:30");
r.set_lc(+i);
r.set_mdzmc(i%==?"儋州"+i:"三亞海口文昌"+i);
regulars.add(r);
}
ListAdapter adapter = new RegularAdapter(this,regulars);
setListAdapter(adapter);
Log.e("TAG",dm.widthPixels+","+dm.heightPixels+","+dm.widthPixels/);
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?: listView.getLastVisiblePosition();
listView.setSelection(pos);
Log.e("TAG","current selected:"+pos);
isEnd = pos>=regulars.size()-;
handler.postDelayed(this, TIMESPAN);
}
};
}
上面的關鍵代碼是設定表頭的4個TextView的寬度。
336.《道德經》第七十九章3 打開你的心,發出你的善
原文:故天之道,損有餘而益不足。人之道則不然,損不足而奉有餘。
翻譯:天之道,是損減有餘來補充不足。人類社會世俗的作法卻不然,而是損減貧窮不足來供奉富貴有餘。
人類渴望公平是在基因中遺傳的。激發人類内心中“善”的部分,是社會穩定的關鍵。
339.《道德經》第八十章2 道理你都懂,就是沒做到
原文:柔之勝剛也,弱之勝強也,天下莫弗知也,而莫之能行也。
翻譯:柔能勝剛,弱能勝強,天下沒有不知道的,卻沒有能夠做到的。
人要克服動物性,走向更高的層次。