android - 当表格行中的 layout_height=wrap_content 时内容不换行

Question

我创建了一个包含不同长度文本的简单表格。我在表格行中使用 layout_height=wrap_content。如果你看到图片，它在下一个元素和前一个元素之间有很大的空间。如果我设置高度，那么在横向查看时空间将保留。我不知道在哪里修复它。我主要使用样式...所以奇怪的是有些能用，有些不能用。

sampleLayout.xml

    <TableLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="90dp"
        android:background="@color/form_background"
        android:shrinkColumns="*"
        android:stretchColumns="*">

        <!--Table header-->
        <TableRow
            style="@style/table_row"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/th_component"
                style="@style/table_header"
                android:layout_height="match_parent"
                android:layout_weight="2.8"
                android:text="@string/tableH_komponen"/>

            <TextView
                android:id="@+id/th_marks"
                style="@style/table_header"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="@string/tableH_markah"/>

            <TextView
                android:id="@+id/th_demerits"
                style="@style/table_header"
                android:layout_height="match_parent"
                android:layout_weight="0.7"
                android:text="@string/tableH_demerit"/>

            <TextView
                android:id="@+id/th_notes"
                style="@style/table_header"
                android:layout_height="match_parent"
                android:layout_weight="0.5"
                android:text="@string/tableH_catatan"/>
        </TableRow>

        <!--Component C1-->

        <TableRow
            style="@style/table_row"
            android:layout_height="wrap_content">

            <TextView
                style="@style/table_attr"
                android:text="@string/c1"/>

            <TextView
                android:id="@+id/tv_cC1"
                style="@style/table_component"
                android:text="@string/cC1"
                />

            <TextView
                android:id="@+id/tv_mc1"
                style="@style/table_marks"
                android:layout_height="wrap_content"
                android:text="@string/_6"/>

            <CheckBox
                android:id="@+id/checkBox_c1"
                style="@style/table_demerit"
                android:layout_height="wrap_content"/>

            <ImageButton
                android:id="@+id/btn_c1"
                style="@style/table_notes"
                android:layout_height="wrap_content"
                android:text="@string/catatan"/>
        </TableRow>

        <!--Component C2-->

        <TableRow
            style="@style/table_row"
            android:layout_height="wrap_content">

            <TextView
                style="@style/table_attr"
                android:text="@string/c2"/>

            <TextView
                android:id="@+id/tv_cC2"
                style="@style/table_headComponent"
                android:text="@string/cC2"/>

            <ImageButton
                android:id="@+id/btn_c2"
                style="@style/table_notes"
                android:layout_height="wrap_content"
                android:text="@string/catatan"/>
        </TableRow>

        <TableRow
            style="@style/table_row"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/tv_cC2_1"
                style="@style/table_subComponent"
                android:text="@string/cC2_1"/>

            <TextView
                android:id="@+id/tv_mC2_1"
                style="@style/table_marks"
                android:layout_height="match_parent"
                android:text="@string/_1"/>

            <CheckBox
                android:id="@+id/checkBox_c2_1"
                style="@style/table_subDemerit"
                android:layout_height="wrap_content"/>
        </TableRow>

        <TableRow
            style="@style/table_row"
            android:layout_height="wrap_content">

            <TextView
                android:id="@+id/tv_cC2_2"
                style="@style/table_subComponent"
                android:layout_height="wrap_content"
                android:text="@string/cC2_2"/>

            <TextView
                android:id="@+id/tv_mC2_2"
                style="@style/table_marks"
                android:layout_height="wrap_content"
                android:text="@string/_1"/>

            <CheckBox
                android:id="@+id/checkBox_c2_2"
                style="@style/table_subDemerit"
                android:layout_height="wrap_content"/>
        </TableRow>
    </TableLayout>

</FrameLayout>

strings.xml

<resources>
<!--Case C-->
    <string name="cC1">Pemeriksaan kesihatan ke atas semua pengendali makanan:
    \n - Mendapat suntikan pelalian anti-tifoid
    \n - Menghadiri Latihan Pengendali Makanan </string>
    <string name="cC2">Tahap kebersihan diri yang baik:</string>
    <string name="cC2_1">- Berpakaian bersih dan bersesuaian</string>
    <string name="cC2_2">- Memakai apron yang bersih dan berpenutup kepala</string>
</resources>

styles.xml

<resources>

    <!--kpkt table header-->

    <style name="table_header">
        <item name="android:textSize">@dimen/textSize_subheading</item>
        <item name="android:textStyle">bold</item>
        <item name="android:textColor">@color/table_textcolor</item>
        <item name="android:background">@color/table_background</item>
        <item name="android:padding">@dimen/text_padding</item>
        <item name="android:layout_width">0dp</item>
        <item name="android:gravity">center</item>
    </style>

    <!--table style-->

    <style name="table_row">
        <item name="android:gravity">end</item>
        <item name="android:layout_width">0dp</item>
        <item name="android:weightSum">5</item>
</style>

    <style name="table_attr">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">0.3</item>
        <item name="android:gravity">center</item>
    </style>

    <style name="table_component">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">2.5</item>
        <item name="android:paddingTop">8dp</item>
        <item name="android:paddingBottom">8dp</item>
    </style>

    <style name="table_marks">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1</item>
        <item name="android:gravity">center</item>
        <item name="android:padding">8dp</item>
    </style>

    <style name="table_demerit">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">0.7</item>
        <item name="android:gravity">center_horizontal</item>
        <item name="android:visibility">visible</item>
    </style>

    <style name="table_notes">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">0.5</item>
        <item name="srcCompat">@drawable/ic_edit</item>
        <item name="android:contentDescription">catatan</item>
        <!--<item name="android:drawableBottom">@drawable/ic_edit</item>-->
        <!--<item name="android:drawableTop">@drawable/ic_edit</item>-->
    </style>

    <!--kpkt table head component-->

    <style name="table_headComponent">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">40dp</item>
        <item name="android:padding">@dimen/text_padding</item>
        <item name="android:layout_weight">4.2</item>
    </style>

    <!--kpkt table subcomponent-->

    <style name="table_subDemerit">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1.2</item>
        <item name="android:visibility">visible</item>
    </style>

    <style name="table_subComponent">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_height">40dp</item>
        <item name="android:padding">8dp</item>
        <item name="android:layout_weight">2.5</item>
    </style>

</resources>

Answer 1

我可以建议您了解 wrap_content 和 match_parent 的概念，以获得更好的解决方案。

我认为您可以使用水平和垂直方向的线性布局。

因为线性布局比表格布局和表格行更灵活，性能更好。

问:什么时候应该使用表格布局和表格行？

Ans:当我们有相似类型的数据，并且我们想在行和列 View 中表示时，我们应该使用表格布局和表格行。

但是如果我们有非线性数据，那么我们不应该使用表格布局和表格行...而且我认为您有非线性数据。

为了更好地理解以非线性形式显示数据，您应该了解线性布局的 weight_sum 和 layout_weight 属性。