Question

当我尝试开发一个简单的表格布局时，就会出现问题。布局适用于大屏幕。但是，当我在小手机中使用它时，问题就会产生。完整的行不可见。

任何人都可以帮助我吗？我只想制作一个简单的表格布局： required layout

这里是我制作的xml布局

               <TableLayout
                android:layout_below="@+id/jonosonkha"
                android:layout_width="match_parent"
                android:layout_height="250dp"
                android:stretchColumns="5">
                <TableRow>
                    <TextView
                        android:textColor="#000"
                        android:background="#ffea00"
                        android:textSize="20sp"
                        android:text="পরিবার"
                        android:paddingLeft="5dp" />
                    <TextView
                        android:background="#000"
                        android:textColor="#fff"
                        android:textSize="20sp"
                        android:text="পুরুষ"
                        android:gravity="left"
                        android:paddingLeft="5dp"/>
                    <TextView
                        android:background="#ffea00"
                        android:textSize="20sp"
                        android:text="মহিলা"
                        android:textColor="#000"
                        android:gravity="center"
                        android:paddingLeft="5dp" />
                    <TextView
                        android:background="#000"
                        android:textSize="20sp"
                        android:text="গড় সদস্য"
                        android:gravity="left"
                        android:textColor="#fff"
                        android:paddingLeft="5dp" />
                    <TextView
                        android:background="#ffea00"
                        android:textColor="#000"
                        android:textSize="20sp"
                        android:text="ঘনত্ব/কি.মি"
                        android:gravity="left"
                        android:paddingLeft="5dp" />
                </TableRow>

                <TableRow
                    android:layout_marginTop="2dp"
                    >
                    <TextView
                        android:textColor="#000"
                        android:background="#ffea00"
                        android:textSize="16sp"
                        android:text="৮৯৮৬৩"
                        android:paddingLeft="5dp" />
                    <TextView
                        android:background="#000"
                        android:textColor="#fff"
                        android:textSize="16sp"
                        android:text="২০৫০৭৫"
                        android:gravity="center"
                        android:paddingLeft="5dp"/>
                    <TextView
                        android:background="#ffea00"
                        android:textSize="16sp"
                        android:text="২০৯১১৩"
                        android:textColor="#000"
                        android:gravity="center"
                        android:paddingLeft="5dp" />
                    <TextView
                        android:background="#000"
                        android:textSize="16sp"
                        android:text="৪.৫৪"
                        android:gravity="center"
                        android:textColor="#fff"
                        android:paddingLeft="5dp" />
                    <TextView
                        android:background="#ffea00"
                        android:textColor="#000"
                        android:textSize="16sp"
                        android:text="২১৩৮"
                        android:gravity="left"
                        android:paddingLeft="5dp" />
                </TableRow>
            </TableLayout>

它适用于大屏幕，但问题是一些行被小屏幕覆盖。任何解决方案请。

Answer 1

你想要划分五个TextView。

您可以在android:layout_width="0dp"中添加android:layout_height="match_parent"，android:layout_weight="1"和TextView。

你可以试试这个。

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="250dp"
    android:layout_below="@+id/jonosonkha"
    android:stretchColumns="5">

    <TableRow>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ffea00"
            android:paddingLeft="5dp"
            android:text="পরিবার"
            android:textColor="#000"
            android:textSize="20sp"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="পুরুষ"
            android:textColor="#fff"
            android:textSize="20sp"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ffea00"
            android:gravity="center"
            android:paddingLeft="5dp"
            android:text="মহিলা"
            android:textColor="#000"
            android:textSize="20sp"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="গড় সদস্য"
            android:textColor="#fff"
            android:textSize="20sp"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ffea00"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="ঘনত্ব/কি.মি"
            android:textColor="#000"
            android:textSize="20sp"/>
    </TableRow>

    <TableRow
        android:layout_marginTop="2dp">

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ffea00"
            android:paddingLeft="5dp"
            android:text="৮৯৮৬৩"
            android:textColor="#000"
            android:textSize="16sp"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000"
            android:gravity="center"
            android:paddingLeft="5dp"
            android:text="২০৫০৭৫"
            android:textColor="#fff"
            android:textSize="16sp"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ffea00"
            android:gravity="center"
            android:paddingLeft="5dp"
            android:text="২০৯১১৩"
            android:textColor="#000"
            android:textSize="16sp"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#000"
            android:gravity="center"
            android:paddingLeft="5dp"
            android:text="৪.৫৪"
            android:textColor="#fff"
            android:textSize="16sp"/>

        <TextView
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="#ffea00"
            android:gravity="left"
            android:paddingLeft="5dp"
            android:text="২১৩৮"
            android:textColor="#000"
            android:textSize="16sp"/>
    </TableRow>
</TableLayout>

<强>输出

Answer 2

您应该定义表行的width属性，例如：

ALLOWED_HOSTS = ['*']

和所有Textviews的权重属性：

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

响应表布局为不同大小的屏幕android

2 个答案: