如何对齐表格行中的项目(左 - 中 - 右)

时间:2013-02-18 16:10:47

标签: android android-tablelayout

我正在尝试对齐表格行中的项目(左/中/右位置),但我可以点到它的工作可以有人帮我看下面的片段,,,

表行   

应该对齐 textview1 = left textview2 = center imgview1 =正确

表行的xml

<?xml version="1.0" encoding="utf-8"?>
<TableRow xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">


    <TextView
        android:id="@+id/focast_day"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:gravity="left"
        android:ellipsize="end"
        android:maxLines="1"
        android:scrollHorizontally="false"
        android:singleLine="true"
        android:text="@string/na_msg"
        android:textColor="@color/black"
        android:textSize="18sp"
        android:textStyle="bold" />


     <TextView
        android:id="@+id/focast_day_temp"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:ellipsize="end"
        android:maxLines="1"
        android:scrollHorizontally="false"
        android:singleLine="true"
        android:text="@string/na_msg"
        android:textColor="@color/black"
        android:textSize="18sp"
        android:textStyle="bold" />

    <ImageView
        android:id="@+id/focast_day_skyIcon"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:gravity="right"
        android:scrollHorizontally="false" />

</TableRow>

myTableLayout

        <TableLayout
            android:id="@+id/weatherforcastTable"
            android:layout_width="fill_parent"
            android:stretchColumns="2"
            android:layout_height="wrap_content"
            android:layout_below="@+id/today_temp"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="34dp" >
        </TableLayout>

将数据填充到表格行的代码

 for (Forecastday forecastday : forcastDayList) {


                        View view = inflater.inflate(R.layout.weather_forcast_day_view, null);
                        TextView focast_day = (TextView) view.findViewById(R.id.focast_day);
                        TextView focast_day_temp = (TextView) view.findViewById(R.id.focast_day_temp);
                        ImageView  focast_day_skyIcon = (ImageView) view.findViewById(R.id.focast_day_skyIcon);

                        TableRow row = new TableRow(_appContext);
                        focast_day.setText(fmtDate);


                        focast_day_temp.setText(forecastday.getHigh().getCelsius() +ApplicationConstants.STRING_SPACE +ApplicationConstants.CELSIUS_DEGREES);
                        focast_day_temp.setId(count);


                        focast_day_skyIcon.setImageBitmap(forecastday.getSkyiconBitMap());


                        row.addView(view);
                        weatherforcastTable.addView(row, new TableLayout.LayoutParams(LayoutParams.WRAP_CONTENT,
                                LayoutParams.WRAP_CONTENT));
                    }

3 个答案:

答案 0 :(得分:22)

你可以尝试一下:TableLayout上的stretchColumns =“0,1,2”

<TableLayout
        android:id="@+id/weatherforcastTable"
        android:layout_width="fill_parent"
        android:stretchColumns="0,1,2"
        android:layout_height="wrap_content"
        android:layout_below="@+id/today_temp"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="34dp" >
</TableLayout>

答案 1 :(得分:4)

您是否尝试在行的xml布局的第一列和最后一列使用“layout_gravity”而不是“gravity”?这可能会通过将forecast_day与父表左侧和forecast_day_skyIcon对齐来解决您的问题。

这是重力与layout_gravity的良好可视化

http://sandipchitale.blogspot.com/2010/05/linearlayout-gravity-and-layoutgravity.html

答案 2 :(得分:3)

这个对我有用。

<TableRow 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center">

希望它有所帮助。