高度等于宽度的方形布局SquareLayout的最简单实现

Posted yongfengnice

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了高度等于宽度的方形布局SquareLayout的最简单实现相关的知识,希望对你有一定的参考价值。

高度等于宽度的方形布局SquareLayout的实现

1.SquareLayout布局类的实现

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

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        //把widthMeasureSpec传递给高度即可,这样高度就会等于宽度了,网上找的都是一堆cp...
        super.onMeasure(widthMeasureSpec, widthMeasureSpec)
    }
}

2.使用SquareLayout布局

<com.example.devtest.widget.SquareLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp" 			//指定宽度或者match_parent
    android:layout_height="wrap_content"	//跑起来后高度会等于宽度的
    android:orientation="vertical"
    android:padding="3dp">

    <TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/teal_200"
        android:gravity="center" />
</com.example.devtest.widget.SquareLayout>

以上是关于高度等于宽度的方形布局SquareLayout的最简单实现的主要内容,如果未能解决你的问题,请参考以下文章

宽度等于动态高度正方形[重复]

自动布局:具有相等宽度/高度的方形图像视图

移动端布局,div按比例布局,宽度为百分比,高度和宽度一样,即让div为正方形

高度等于视口的方形 DIV

仅在可变高度容器内使用正方形的颤振布局

iOS 自动布局:这可以用 IB 完成吗?