Android - 如何将带有 ImageView 的 CardView 放入网格中

Question

我有一些方形图片，想将它们以适合屏幕宽度的 3 行排列，同时保留图片的纵横比。这可以很容易地完成。但是，我也想将每个 ImageView 放入 CardView(方形卡片)中，但是当我这样做时会出现问题。卡片不是图像的高度，而是真的很长。我不确定这里出了什么问题。下面是在我将第一个 ImageView 放入 CardView 之前一直有效的代码。

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="horizontal"
    xmlns:android="http://schemas.android.com/apk/res/android">

    <android.support.v7.widget.CardView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1">
        <ImageView
            android:src="@drawable/square1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@color/main_dark"
            android:adjustViewBounds="true" />
    </android.support.v7.widget.CardView>

    <ImageView
        android:src="@drawable/square2"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@color/main"
        android:layout_weight="1"
        android:adjustViewBounds="true"/>

    <ImageView
        android:src="@drawable/square3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@color/main_light"
        android:layout_weight="1"
        android:adjustViewBounds="true"/>
</LinearLayout>

Answer 1

由于您想要每行三个 View ，而不管行的宽度如何，并且您希望它们都是正方形的，您可以使用自定义 CardView，并重写 onMeasure() 以强制使用 1:1 的纵横比.

package com.example.view;

public class SquareCardView extends CardView {

    public SquareCardView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int ignoredHeightMeasureSpec) {
        int newHeightMeasureSpec = widthMeasureSpec;
        super.onMeasure(widthMeasureSpec, newHeightMeasureSpec);
    }

}

然后使用:

<com.example.view.SquareCardView
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:layout_weight="1">
  <ImageView
    android:src="@drawable/square1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/main_dark"
    android:adjustViewBounds="true" />
</com.example.view.SquareCardView>

不是说你应该，而是你可以。