1. 程式人生 > >listview新增一個固定表頭 顯示Table效果

listview新增一個固定表頭 顯示Table效果

定義一個樣式一條線

    <style name="vertical_layout">
        <item name="Android:layout_width">1dp</item>
        <item name="android:layout_height">fill_parent</item>
        <item name="android:background">#dadada</item>
    </style>

1.為表頭新建一個layout:a_item.xml(一共設定3個列名) 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/a_item"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    android:cacheColorHint="#00000000"
    android:orientation="horizontal" >

    <TextView
        android:id="@+id/item1bzrbjzb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:ellipsize="none"
        android:gravity="center"
        android:paddingBottom="5dp"
        android:paddingTop="5dp"
        android:singleLine="false"
        android:textSize="15.0sp" >
    </TextView>

    <View style="@style/vertical_layout" /> <!-- 一條線 -->

    <TextView
        android:id="@+id/item2bzrbjzb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:ellipsize="none"
        android:gravity="center"
        android:paddingBottom="5dp"
        android:paddingTop="5dp"
        android:singleLine="false"
        android:text="@string/bzr_km"   <!-- 列名-->
        android:textColor="@android:color/black"
        android:textSize="15.0sp" >
    </TextView>

    <View style="@style/vertical_layout" />         <!-- 一條線 -->

    <TextView
        android:id="@+id/item3bzrbjzb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:ellipsize="none"
        android:gravity="center"
        android:paddingBottom="5dp"
        android:paddingTop="5dp"
        android:singleLine="false"
        android:text="@string/bzr_bjqk"   <!-- 列名-->

        android:textColor="@android:color/black"
        android:textSize="15.0sp" >
    </TextView>

    <View style="@style/vertical_layout" /> <!-- 一條線 -->

    <TextView
        android:id="@+id/item4bzrbjzb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:ellipsize="none"
        android:gravity="center"
        android:paddingBottom="5dp"
        android:paddingTop="5dp"
        android:singleLine="false"
        android:text="@string/bzr_jfjgl"    <!-- 列名-->

        android:textColor="@android:color/black"
        android:textSize="15.0sp" >
    </TextView>

    <TextView
        android:id="@+id/item6ctj"
        android:layout_width="100.0dip"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:ellipsize="none"
        android:gravity="center"
        android:paddingBottom="5dp"
        android:paddingTop="5dp"
        android:singleLine="false" >
    </TextView>

</LinearLayout>

第一個和最後一個textView不給賦值,用於填充螢幕的空白,顯示好看

2.給介面**Activity新建一個main_layout,應用剛才的a_item.xml以及新增一個繼承了listView的view物件HVListView

***

  <include layout="@layout/a_item" />
    
    <com.gdtech.znpc.android.view.HVListView

android:id="@android:id/list"
  android:background="@android:color/white" android:fastScrollEnabled="true"
  android:fadingEdgeLength="0.0sp" android:layout_width="wrap_content"
  android:layout_height="fill_parent" android:drawSelectorOnTop="false"
  android:divider="#dadada"
  android:dividerHeight="1.0dip"
  android:cacheColorHint="#00000000">
 </com.gdtech.znpc.android.view.HVListView >
    ******

3.獲取螢幕的解析度 為每個表頭的設定寬度

private DisplayMetrics dm = new DisplayMetrics();
  getWindowManager().getDefaultDisplay().getMetrics(dm);
  private int w = dm.widthPixels / 16; // 當前解析度 寬度 分為16份

獲取a_item裡面的每個textView的id 進行寬度設定

mListView = (HVListView) findViewById(android.R.id.list);
  // 設定列頭
  mListView.mListHead = (LinearLayout) findViewById(R.id.a_item);
  // 設定表頭的寬度
  TextView t11 = (TextView) findViewById(R.id.item1bzrbjzb);
  TextView t12 = (TextView) findViewById(R.id.item2bzrbjzb);
  TextView t13 = (TextView) findViewById(R.id.item3bzrbjzb);
  TextView t14 = (TextView) findViewById(R.id.item4bzrbjzb);
  
  
  //t13.setText("成績");
  

  t11.setWidth(w * 0);  //不顯示第一列
  t12.setWidth(w * 3);
  t13.setWidth(w * 6);
  t14.setWidth(w * 6);

4.給HVListView新增介面卡,並設定每列的寬度和表頭對應

class ViewHolderbjzb {  // 這個類裡面定義的TextView數量和表頭裡面的TextView要一致
  TextView item1bjzb;
  TextView item2bjzb;
  TextView item3bjzb;
  TextView item4bjzb;

 }

mAdapter = new DataAdapter1();
  mListView.setAdapter(mAdapter);

private class DataAdapter1 extends BaseAdapter {

  @Override
  public int getCount() {
   return hang;// 固定顯示多少行資料
  }

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   if (convertView == null) {
    convertView = mInflater1.inflate(R.layout.bzr_fx_bjzb_head_item,
      null);
    holder = new ViewHolderbjzb();
    holder.item1bjzb = ((TextView) convertView
      .findViewById(R.id.item1bzrbjzb));
    holder.item2bjzb = ((TextView) convertView
      .findViewById(R.id.item2bzrbjzb));
    holder.item3bjzb = ((TextView) convertView
      .findViewById(R.id.item3bzrbjzb));
    holder.item4bjzb = ((TextView)convertView
      .findViewById(R.id.item4bzrbjzb));
    // holder.item4bjzb=((TextView)
    // convertView.findViewById(R.id.item4bjzb));
    // holder.item5bjzb=((TextView)
    // convertView.findViewById(R.id.item5bjzb));
    convertView.setTag(holder);

    // 設定表格內容寬度,與表頭對應
    holder.item1bjzb.setWidth(w * 0);
    holder.item2bjzb.setWidth(w * 3);
    holder.item3bjzb.setWidth(w * 6);
    holder.item4bjzb.setWidth(w * 6);


    holder.item1bjzb.setText("");
    holder.item2bjzb.setText("");
    holder.item3bjzb.setText("");
    holder.item4bjzb.setText("");
    // holder.item4bjzb.setText("");
    // holder.item5bjzb.setText("");
   } else {
    holder = (ViewHolderbjzb) convertView.getTag();
   }

   for (int i = 0; i < listDatas.size(); i++) {
    // 顯示列的id數
    // holder.item1bjzb.setText((position + 1) + "");
  /*

listDatas 就是要顯示的後臺資料  

*/

    if (position == i) {
     Map<String, Object> row = listDatas.get(position);
     holder.item1bjzb.setText("用後臺獲取的資料 進行填充就可以"));   

  holder.item2bjzb.setText("用後臺獲取的資料 進行填充就可以")); 

    holder.item3bjzb.setText("用後臺獲取的資料 進行填充就可以"));

     holder.item4bjzb.setText("用後臺獲取的資料 進行填充就可以"));

    }
   }
   // 設定隔行顏色
   if (position % 2 != 0) {
    convertView.setBackgroundResource(R.drawable.listview_color_1);
   } else {
    convertView.setBackgroundResource(R.drawable.listview_color_2);
   }
   return convertView;
  }