Android固定控件的宽高比,避免控件因为拉伸而变形

最新推荐文章于 2023-07-24 17:09:10 发布

LeoHoFly

最新推荐文章于 2023-07-24 17:09:10 发布

阅读量1.6k

点赞数

分类专栏：转载文章标签：宽高比控件拉伸

转载专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种自定义矩形布局组件，通过设置特定的宽高比，实现在不同屏幕尺寸下保持一致的比例效果。具体展示了如何在Android应用中使用该布局，并提供了实际代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<pre name="code" class="java">

public class MyFrameLayoutRectangle10 extends FrameLayout {
	private float ratio = 2.24f;// 宽高比

	public MyFrameLayoutRectangle10(Context context, AttributeSet attrs,
			int defStyle) {
		super(context, attrs, defStyle);
	}

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

	public MyFrameLayoutRectangle10(Context context) {
		super(context);
	}

	public void setRatio(int ratio) {
		this.ratio = ratio;
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

		// int widthMode = MeasureSpec.getMode(widthMeasureSpec);
		int widthSize = MeasureSpec.getSize(widthMeasureSpec);

		widthSize = widthSize - getPaddingLeft() - getPaddingRight();

		// int heightMode = MeasureSpec.getMode(heightMeasureSpec);
		int heightSize = MeasureSpec.getSize(heightMeasureSpec);

		widthSize = widthSize - getPaddingLeft() - getPaddingRight();

		// TODO　宽度是精确值，如果宽高比相反，这里的"*"变为"/"
		heightSize = (int) (widthSize / ratio + 0.5f);

		widthSize = widthSize + getPaddingLeft() + getPaddingRight();
		heightSize = heightSize + getPaddingTop() + getPaddingBottom();

		widthMeasureSpec = MeasureSpec.makeMeasureSpec(widthSize,
				MeasureSpec.EXACTLY);
		heightMeasureSpec = MeasureSpec.makeMeasureSpec(heightSize,
				MeasureSpec.EXACTLY);

		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
		// setMeasuredDimension(measuredWidth, measuredHeight);//两者等价
	}

}

使用时:

 <pre name="code" class="java">  <span style="white-space:pre">			</span><net.bangbao.ui.custom.MyFrameLayoutRectangle10
                            android:layout_width="match_parent"
                            android:layout_height="match_parent"
                            android:layout_marginTop="45dp" >

                            <ImageView
                                android:layout_width="match_parent"
                                android:layout_height="match_parent"
                                android:background="@drawable/measure_result_situation02"
                                android:contentDescription="@null" />
                        </net.bangbao.ui.custom.MyFrameLayoutRectangle10>