我该如何有效地实现这种布局？

Question

我想实现如下图所示的如何有效实现这一点：

布局由4张卡组成，view2将是一个日历，应按照上面所示的顺序排列。这些应该是滚动视图。 我尝试使用表卡，但没有成功。 如何根据屏幕尺寸调整卡片。 感谢。

Answer 1

我建议使用带链的ConstraintLayout。请参阅文档here。 ConstraintLayout将包含您的CardView，它们将全部位于ScrollView内。布局会很好地适应不同的屏幕尺寸。

Answer 2

下面的布局会自动调整到任何屏幕尺寸......没有滚动视图

 <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:weightSum="75">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:orientation="horizontal"
            android:layout_weight="25"
            android:weightSum="100">

            <Button
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="50"
                android:text="Card"/>

            <Button
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="50"
                android:text="Card"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:orientation="horizontal"
            android:layout_weight="25"
            android:weightSum="100">

            <Button
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="50"
                android:text="Card"/>

            <Button
                android:layout_width="0dp"
                android:layout_height="match_parent"
                android:layout_weight="50"
                android:text="Card"/>
        </LinearLayout>




        <Button
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="25"
            android:text="View"/>

    </LinearLayout>