Table 文字右对齐

Question

我正在尝试在 Android 中创建一个 table。我走得很远，但我遇到了 HeadLineSum 和 BodySum 没有水平浮动到最右边的问题。我做了一个 Excel 布局来展示我真正想要的东西。

这就是我设法创造的。

我的Android布局代码：

    <!-- Breakfast -->
        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

            <TableRow
                android:id="@+id/tableRowHeadlineBreakfast"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">

                <ImageView
                    android:id="@+id/imageViewAddBreakfast"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    app:srcCompat="@drawable/ic_menu_add" />

                <TextView
                    android:id="@+id/textViewHeadlineBreakfast"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="80"
                    android:text="@string/breakfast"
                    android:textSize="18sp" />

                <TextView
                    android:id="@+id/textViewEnergyBreakfast"
                    android:layout_width="wrap_content"
                    android:layout_height="fill_parent"
                    android:layout_weight="10"
                    android:text="@string/energy"
                    android:textSize="18sp" />
            </TableRow>
        </TableLayout>
    <TableLayout
        android:id="@+id/tableLayoutBreakfastItems"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <TableRow
            android:id="@+id/tableRowBreakfastItems"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/textViewBreakfastItemsName"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="80"
                android:text="@string/name"
                android:textSize="18sp" />

            <TextView
                android:id="@+id/textViewBreakfastItemsEnergy"
                android:layout_width="wrap_content"
                android:layout_height="fill_parent"
                android:layout_weight="10"
                android:text="@string/energy"
                android:textSize="18sp" />
        </TableRow>

        <TableRow
            android:id="@+id/tableRowBreakfastItemsSub"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/textViewBreakfastItemsSub"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/name" />

        </TableRow>

    </TableLayout>
    <!-- //Breakfast -->

Answer 1

Table 布局技术太旧，无法实现此类设计 你应该使用 LinearLayout 来实现。

如果你仍然想使用TableLayout实现这种类型的设计，只需复制粘贴我的代码

这是我的代码

首先创建border.xml文件到drawable文件夹

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">

    <stroke android:width="1dp" android:color="#fff" />

</shape>

然后复制粘贴这段代码main_activity.xml

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_table_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    android:orientation="vertical"
    tools:context="com.example.dhruv.demovolleyjson.TableLayout">


    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:layout_width="40dp"
                android:layout_height="40dp"

                android:background="@drawable/border"
                android:padding="5dp"
                android:src="@mipmap/ic_launcher" />

            <TextView
                android:id="@+id/textViewHeadlineBreakfast"
                android:layout_width="match_parent"

                android:layout_height="match_parent"
                android:layout_weight="1"
                android:background="@drawable/border"
                android:gravity="center_vertical"
                android:padding="5dp"
                android:text="Breakfast"
                android:textColor="#fff"
                android:textSize="20sp" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"

                android:layout_gravity="right"
                android:background="@drawable/border"
                android:gravity="center"
                android:padding="5dp"
                android:text="Energy"
                android:textColor="#fff"
                android:textSize="20sp" />

        </TableRow>

    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="40dp"

                android:layout_weight="1"
                android:background="@drawable/border"
                android:gravity="center_vertical"
                android:padding="5dp"
                android:text="Name"
                android:textColor="#fff"
                android:textSize="20sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"

                android:layout_gravity="right"
                android:background="@drawable/border"
                android:gravity="center"
                android:padding="5dp"
                android:text="Energy"
                android:textColor="#fff"
                android:textSize="20sp" />
        </TableRow>
    </TableLayout>

    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TableRow
            android:layout_width="match_parent"
            android:layout_height="40dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:background="@drawable/border"
                android:gravity="center_vertical"
                android:padding="5dp"
                android:text="Name"
                android:textColor="#fff"
                android:textSize="20sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="right"
                android:layout_weight="1"
                android:background="@drawable/border"
                android:gravity="center"
                android:padding="5dp"
                android:textColor="#fff"
                android:textSize="20sp" />
        </TableRow>
    </TableLayout>


</LinearLayout>

Table 文字右对齐

Table text align right

android

android-tablelayout