在TableLayout的单行中有多个列

Question

我尝试使用GridLayout，在TableLayout的同一行内显示相同大小的4个文本视图（不同的字符串长度）。

这是我的XML代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="?android:attr/listPreferredItemHeight"
    android:padding="6dip">
    <ImageView
        android:id="@+id/color_label"
        android:layout_width="12dip"
        android:layout_height="fill_parent"
        android:layout_marginRight="6dip"
        android:background="#ffffff" />

    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:stretchColumns="1">
        <TableRow>
            <TextView
                android:id="@+id/toptext"
                android:gravity="left"
            />
            <TextView
                android:id="@+id/bottomtext"
                android:gravity="right"
            />       
        </TableRow>        

        <View android:layout_height="2dip"
            android:background="#FF909090" />            

        <TableRow>
            <GridView xmlns:android="http://schemas.android.com/apk/res/android" 
            android:id="@+id/myGrid"
            android:layout_width="fill_parent" 
            android:layout_height="fill_parent"
            android:padding="10dp"
            android:verticalSpacing="10dp"          
            android:horizontalSpacing="10dp"
            android:numColumns="4"
            />

        </TableRow>  

    </TableLayout>   
</LinearLayout>

这是我的列表视图行的适配器代码。

package org.yccheok.jstock.widget;

import java.util.ArrayList;

import org.yccheok.jstock.activity.R;
import org.yccheok.jstock.portfolio.Order;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.TextView;

public class OrderAdapter extends ArrayAdapter<Order> {

    private ArrayList<Order> items;

    public OrderAdapter(Context context, int textViewResourceId, ArrayList<Order> items) {
            super(context, textViewResourceId, items);
            this.items = items;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        View v = convertView;
        if (v == null) {
            LayoutInflater vi = (LayoutInflater)getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            v = vi.inflate(R.layout.custom_row_view, null);
        }
        Order o = items.get(position);
        if (o != null) {
            TextView tt = (TextView) v.findViewById(R.id.toptext);
            TextView bt = (TextView) v.findViewById(R.id.bottomtext);
            if (tt != null) {
                  tt.setText(o.getOrderName());                            
            }
            if (bt != null) {
                  bt.setText(o.getOrderStatus());
            }
        }


        GridView grid = (GridView) v.findViewById(R.id.myGrid);        
        grid.setAdapter(new ImageAdapter(this.getContext()));


        return v;
    }


    private class ImageAdapter extends BaseAdapter {
        private Context mContext;

        public ImageAdapter(Context c) {
            mContext = c;
        }

        public int getCount() {
            return 4;
        }

        public Object getItem(int position) {
            return null;
        }

        public long getItemId(int position) {
            return 0;
        }

        // create a new ImageView for each item referenced by the Adapter
        public View getView(int position, View convertView, ViewGroup parent) {
            TextView textview = new TextView(mContext);
            textview.setText("Hello");
            return textview;
        }
    }    
}

但是，我的结果很奇怪。 （以红色突出显示）

我的期望是这样的。 （以红色突出显示）

这是否意味着我无法在GridLayout行中使用TableLayout？

Answer 1

我不知道这是否是您问题的根源，但我相信TableRow中的所有元素都应该被赋予一个列号（例如android：layout_column =“1”）。