Question

我一直在努力创建响应式UI布局，该布局使用 GridLayout 来保存 TextViews 中的数字。我尝试使用 ConstraintLayout ，线性和相对作为背景，并尝试使用 TextViews 的不同值来对齐它们。（该程序应使用空的 TextViews ，然后单击以显示一个数字（最大2位数））。以下是不同屏幕尺寸的布局图像：This is the activity on Nexus 5(5,0inch)

and this is on Nexus 1(3,7inch

此时这是xml的一部分（仅上传部分内容，因为我有相同的TextViews）

<RelativeLayout
    android:id="@+id/relLayout"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="4">


</RelativeLayout>


<GridLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:paddingStart="34dp"
    android:paddingEnd="48dp"
    android:paddingTop="48dp"
    android:paddingBottom="30dp"
    android:layout_weight="6"
    android:rowCount="5"
    android:columnCount="5">



    <TextView
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="1"
        android:layout_gravity="center"
        android:textSize="30sp"
        android:layout_column="0"
        android:layout_row="0"
        android:layout_columnWeight="1"
        android:layout_rowWeight="1"
    ></TextView>

任何想法如何正确对齐网格和文本视图，以便它们适用于任何屏幕尺寸？提前谢谢。

Answer 1

我做了快速扫描代码。是结束标记 “”不见了！

具有网格布局的响应式UI布局

1 个答案: