手写百分比布局适配

attrs.xml

自定义属性

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="PercentLayout">
        <attr name="widthPercent" format="float"/>
        <attr name="heightPercent" format="float"/>
        <attr name="marginLeftPercent" format="float"/>
        <attr name="marginRightPercent" format="float"/>
        <attr name="marginTopPercent" format="float"/>
        <attr name="marginBottomPercent" format="float"/>
    </declare-styleable>
</resources>

自定义百分比适配Layout

public class PercentLayout extends RelativeLayout {
    public PercentLayout(Context context) {
        super(context);
    }

    public PercentLayout(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public PercentLayout(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    /**
     * 以父容器尺寸作为参考，在 View 加载过程，根据当前父容器实际尺寸换算得出目标尺寸，再作用在View 上
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

        // 父容器的宽和高
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);

        int count = getChildCount();
        for (int i = 0; i < count; i++) {
            View child = getChildAt(i);
            ViewGroup.LayoutParams params = child.getLayoutParams();
            // 如果是百分比控件
            if (params instanceof LayoutParams){

                LayoutParams layoutParams = (LayoutParams) params;
                float widthPercent = layoutParams.widthPercent;
                float heightPercent = layoutParams.heightPercent;
                float marginLeftPercent = layoutParams.marginLeftPercent;
                float marginRightPercent = layoutParams.marginRightPercent;
                float marginTopPercent = layoutParams.marginTopPercent;
                float marginBottomPercent = layoutParams.marginBottomPercent;

                // 设置当前view 在父容器中尺寸占比
                if (widthPercent > 0){
                    params.width = (int) (widthSize * widthPercent);
                }
                if (heightPercent > 0){
                    params.height = (int) (heightSize * heightPercent);
                }
                if (marginLeftPercent > 0){
                    ((LayoutParams) params).leftMargin = (int) (widthSize * marginLeftPercent);
                }
                if (marginRightPercent > 0){
                    ((LayoutParams) params).rightMargin = (int) (widthSize * marginRightPercent);
                }
                if (marginTopPercent > 0){
                    ((LayoutParams) params).topMargin = (int) (heightSize * marginTopPercent);
                }
                if (marginBottomPercent > 0){
                    ((LayoutParams) params).bottomMargin = (int) (heightSize * marginBottomPercent);
                }
            }
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    public static class LayoutParams extends RelativeLayout.LayoutParams{

        private float widthPercent;
        private float heightPercent;
        private float marginLeftPercent;
        private float marginRightPercent;
        private float marginTopPercent;
        private float marginBottomPercent;

        public LayoutParams(Context c, AttributeSet attrs) {
            super(c, attrs);
            // 解析自定义属性
            TypedArray array = c.obtainStyledAttributes(attrs, R.styleable.PercentLayout);
            widthPercent = array.getFloat(R.styleable.PercentLayout_widthPercent,0);
            heightPercent = array.getFloat(R.styleable.PercentLayout_heightPercent,0);
            marginLeftPercent = array.getFloat(R.styleable.PercentLayout_marginLeftPercent,0);
            marginRightPercent = array.getFloat(R.styleable.PercentLayout_marginRightPercent,0);
            marginTopPercent = array.getFloat(R.styleable.PercentLayout_marginTopPercent,0);
            marginBottomPercent = array.getFloat(R.styleable.PercentLayout_marginBottomPercent,0);
            array.recycle();
        }
    }
}

xml 布局使用

<?xml version="1.0" encoding="utf-8"?>
<com.wangyi.course.lession2.PercentLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="宽50%，高 75%"
        android:background="#f00"
        app:widthPercent = "0.5"
        app:heightPercent = "0.75"
        />
</com.wangyi.course.lession2.PercentLayout>