Android中使用ListView实现漂亮的表格效果(2)
复制代码 代码如下: 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
复制代码 代码如下:
<?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
精彩图集
精彩文章