如何实现CalendarView宽高相等布局？ImageView方案不适用

嘿，我懂你的困扰——那些用来让ImageView宽高相等的小技巧在CalendarView上确实不管用，毕竟CalendarView的内部布局逻辑和ImageView不一样，它不会像ImageView那样根据内容自动调整尺寸来匹配宽高比例。不过别着急，咱们有几个实用的方案能解决这个问题！

方案一：利用ConstraintLayout的比例约束（最简便） #

既然你已经在使用ConstraintLayout了，这绝对是最省事的方法。只需要修改两个属性：

• 把android:layout_height设为0dp（也就是match_constraint）
• 添加app:layout_constraintDimensionRatio="1:1"，强制宽高比例为1:1

修改后的布局代码如下：

<CalendarView
    android:id="@+id/calendarView"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:layout_constraintDimensionRatio="1:1" />

原理很简单：当你把高度设为0dp时，ConstraintLayout会根据你设置的比例和已确定的宽度（这里是match_parent）自动计算出相等的高度，完美实现宽高一致。

方案二：自定义一个比例布局容器 #

如果你的布局不是用ConstraintLayout，或者想做一个通用的宽高相等容器，那可以自定义一个简单的FrameLayout子类，在onMeasure方法里强制让高度等于宽度：

class SquareLayout @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : FrameLayout(context, attrs, defStyleAttr) {

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        // 让高度等于宽度
        super.onMeasure(widthMeasureSpec, widthMeasureSpec)
    }
}

然后在布局里把CalendarView包进去就行：

<com.yourpackage.SquareLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent">

    <CalendarView
        android:id="@+id/calendarView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</com.yourpackage.SquareLayout>

这个方法的好处是通用性强，任何View都可以用它来实现宽高相等。

为什么ImageView的方案不适用？ #

你提到的ImageView宽高匹配方法（比如用adjustViewBounds或者padding trick）之所以对CalendarView无效，是因为：

• ImageView会根据加载的图片尺寸来调整自身大小，而CalendarView的高度是由它内部的日历网格、标题栏等组件的高度总和决定的，不受这些属性影响
• CalendarView不会像ImageView那样响应adjustViewBounds这类专门为图片适配设计的属性

原布局代码 #

<CalendarView
    android:id="@+id/calendarView"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

当前效果截图 #

内容的提问来源于stack exchange，提问作者Dmitry