zoukankan      html  css  js  c++  java
  • android自定义绘制TableLayout,类似.net中DataGrid控件

          研究这个之前也网络找了好些资料,感觉各说风云吧,最终我选择了ListView+自定义Adapter+TableLayout方式来实现固定标题表头的方式(还有通过后台代码手动绘制TableLayout)。

          表头定义布局文件(coordinate_list_header.xml)如下:

     <?xml version="1.0" encoding="utf-8"?>

    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/golden" >
        <TableRow
            android:id="@+id/coordinate_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/coordinate_header_sn"
                android:layout_width="60dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                android:text="@string/coordinate_sn" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/coordinate_header_inflection"
                android:layout_width="60dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                android:text="@string/coordinate_inflection" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/coordinate_header_x"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:padding="2dip"
                android:text="@string/coordinate_x" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/coordinate_header_y"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:padding="2dip"
                android:text="@string/coordinate_y" />
            <View style="@style/list_item_cell_seperator_layout" />
        </TableRow>
    </TableLayout>

           自定义表格数据布局文件( coordinate_list_item.xml)如下:

    <?xml version="1.0" encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/white" >
        <TableRow
            android:id="@+id/coordinate_list_row"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/coordinate_row_sn"
                android:layout_width="60dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                android:text="" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/coordinate_row_inflection"
                android:layout_width="60dip"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:padding="2dip"
                android:text="" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/coordinate_row_x"
                android:layout_width="wrap_content"  --自定适应宽度 (这里最好别用"0dp"+ android:layout_weight的方式,很坑的!!绑定的数据只显示第一位字符,可能是Android的Bug)
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:padding="2dip"
                android:text="" />
            <View style="@style/list_item_cell_seperator_layout" />
            <TextView
                android:id="@+id/coordinate_row_y"
                android:layout_width="wrap_content"  -- 自定适应宽度
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:padding="2dip"
                android:text="" />
            <View style="@style/list_item_cell_seperator_layout" />
        </TableRow>
    </TableLayout>

        自定义Adapter:

    public class CoordinateListViewAdapter extends BaseAdapter {
    Context _cxt;
    LayoutInflater inflater;
    List<CoordinateEntry> _items;
    public CoordinateListViewAdapter(Context context, List<Point> items) {
    _cxt = context;
    inflater = LayoutInflater.from(context);
    _items = new ArrayList<CoordinateEntry>();
    for (int i = 0; i < items.size(); i++) {
    CoordinateEntry entry = new CoordinateEntry();
    entry.id = i + 1;
    entry.inflectPoint = i + 1;
    entry.x = String.format("%.4f", items.get(i).getX());
    entry.y = String.format("%.4f", items.get(i).getY());
    _items.add(entry);
    }
    }
    public void setItems(List<Point> items) {
    _items.clear();
    for (int i = 0; i < items.size(); i++) {
    CoordinateEntry entry = new CoordinateEntry();
    entry.id = i + 1;
    entry.inflectPoint = i + 1;
    entry.x = String.format("%.4f", items.get(i).getX());
    entry.y = String.format("%.4f", items.get(i).getY());
    _items.add(entry);
    }
    notifyDataSetChanged();
    }
    @Override
    public int getCount() {
    return _items.size();
    }
    @Override
    public Object getItem(int position) {
    return _items.get(position);
    }
    @Override
    public long getItemId(int position) {
    return position;
    }
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
    CoordinateViewHolder viewHolder;
    if (convertView == null) {
    viewHolder = new CoordinateViewHolder();
    convertView = inflater.inflate(R.layout.coordinate_list_item, null);// 绑定自定义的layout
    viewHolder.sn = (TextView) convertView
    .findViewById(R.id.coordinate_row_sn);
    viewHolder.inflation = (TextView) convertView
    .findViewById(R.id.coordinate_row_inflection);
    viewHolder.x = (TextView) convertView
    .findViewById(R.id.coordinate_row_x);
    viewHolder.y = (TextView) convertView
    .findViewById(R.id.coordinate_row_y);
    convertView.setTag(viewHolder);
    } else {
    viewHolder = (CoordinateViewHolder) convertView.getTag();
    }
    CoordinateEntry coord = _items.get(position);
    viewHolder.sn.setText(Integer.toString(coord.id));
    viewHolder.inflation.setText(Integer.toString(coord.inflectPoint));
    viewHolder.x.setText(coord.x);
    viewHolder.y.setText(coord.y);
    return convertView;
    }
    public final class CoordinateViewHolder {
    public TextView sn;
    public TextView inflation;
    public TextView x;
    public TextView y;
    }

    最后就是显示表格数据的页面布及后台业务实现啦,这个展示一下主要代码:

     <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_marginTop="5dp"
            android:layout_weight="1"
            android:orientation="vertical" >
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginRight="5dp"
                android:text="@string/tools_realtime_query_landinfo_tip" />
            <View style="@style/list_item_seperator_layout" />
            <include
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                layout="@layout/coordinate_list_header" />
            <View style="@style/list_item_seperator_layout" />
            <ListView
                android:id="@+id/lvQueryCoordinate"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:cacheColorHint="#00000000"
                android:divider="@color/color_dark_grey"
                android:dividerHeight="1dip"
                android:fastScrollEnabled="true"
                android:focusable="true"
                android:scrollingCache="true" >
            </ListView>
            <View style="@style/list_item_seperator_layout" />

        </LinearLayout> 

     后台调用代码:

    coordAdapter = new CoordinateListViewAdapter(this, coordEntries);
    ((ListView) findViewById(R.id.lvQueryCoordinate))

    .setAdapter(coordAdapter); 

     欢迎各位指教!

  • 相关阅读:
    Android 中 Fragment 的切换(解决 replace 的低效)
    Android 中 OkGo 的使用 (封装 OkHttp)
    fastjson 封装工具类
    给系统添加右键使用 IDEA 打开的功能
    发现了一个很好看的博客园主题
    AndroidStudio中如何创建指定布局的layout文件
    转载:十个前端UI优秀框架
    win10 添加 telnet 工具
    tomcat各版本与jdk及servlet各版本对应关系
    servlet和jsp的maven依赖
  • 原文地址:https://www.cnblogs.com/liyanggzy/p/2678839.html
Copyright © 2011-2022 走看看