自定义倾斜的ViewGroup

最新推荐文章于 2022-08-05 20:20:58 发布

cc_det

最新推荐文章于 2022-08-05 20:20:58 发布

阅读量305

点赞数

分类专栏：自定义ViewGroup 文章标签： android布局倾斜布局自定义ViewGroup

本文链接：https://blog.csdn.net/cc_det/article/details/79155821

版权

自定义ViewGroup 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

想到这个控件最开始是因为一场面试，问到了我倾斜的布局要怎么实现。我第一反应就是直接添加LayoutParams 想怎么控制就怎么控制，But，面试官想让我做的更彻底，直接在布局中添加之后就是倾斜的。当时没说好，今天闲了，直接写了一个。

/*************************************************divider*************************************************************/
我的思路比较简单，重写给子控件的布局。

代码如下：

/**
 * Created by cheng on 2017/9/7.
 */
public class LeansLayout extends FrameLayout {
    /**
     * 默认是宽度/长度
     */
    private float mRadioWH = 0;
    private float DEFAULT_RADIOWH = 0;

    private String TAG = "LeansLayout";

    public LeansLayout(Context context) {
        super(context);
        init(context, null);
    }

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

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

    private void init(Context context, AttributeSet attrs) {
        TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.LeansLayout);
        mRadioWH = typedArray.getFloat(R.styleable.LeansLayout_roateWH, mRadioWH);
        typedArray.recycle();
    }

    /**
     * 获得宽高的同时，取得宽高比
     */
    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        if (DEFAULT_RADIOWH > 0) {
        } else {
            DEFAULT_RADIOWH = w * 1.0f / h;
        }
        if (mRadioWH > 0) {
        } else {
            mRadioWH = DEFAULT_RADIOWH;
        }
        Log.i(TAG, "roateWH=" + mRadioWH);
    }

    /**
     * 对子View进行测量
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int childCount = getChildCount();
        for (int i = 0; i < childCount; i++) {
            View childView = getChildAt(i);
            measureChild(childView, widthMeasureSpec, heightMeasureSpec);
        }
    }
    /***
     * 手动帮子类布局成倾斜的 
     */
    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int childCount = getChildCount();
        int totalheight = 0;
        for (int i = 0; i < childCount; i++) {
            View childView = getChildAt(i);
            int width = childView.getMeasuredWidth();
            int height = childView.getMeasuredHeight();
            totalheight = totalheight + height;
            //获取子View的margin
            FrameLayout.LayoutParams frameLayoutParams = (LayoutParams) childView.getLayoutParams();

            int left = frameLayoutParams.leftMargin;
            int top = frameLayoutParams.topMargin;
            int bottom = frameLayoutParams.bottomMargin;
            //保证第一个View的位置不显示到布局外面
            if (i != 0) {
                int yPoint = totalheight - height / 2;
                left = left + (int) (mRadioWH * yPoint - width / 2);
                top = top + totalheight - height;
            }
            //布局  默认的左上右下
            childView.layout(left, top, left + width, top + height + bottom);
        }
    }
}

/*************************************************divider*************************************************************/

总结：功能虽然简单，但是还是记录下来。这段代码让我重新熟悉了ViewGroup的绘制。这个View本身是继承ViewGroup的

但是在获取LayoutParams的时候，ViewGroup无法获得Margin的属性，于是选用了FrameLayout。