关闭

Android API:自定义ViewGroup

962人阅读 评论(2) 收藏 举报
分类:
 无论是出于项目功能需求还是出于界面美观,或者是因为项目中对控件进行封装等,自定义View在我们开发中是非常常见的,
 Android官方DEMO中也提供了自定义View的例子,今天学习的是自定义ViewGroup.
public class CustomLayout extends ViewGroup {
    /** 子控件离左边的距离 */
    private int mLeftWidth;
    /** 子控件离左边的距离 */
    private int mRightWidth;

    /** 计算子控件容器的范围 */
    private final Rect mTmpContainerRect = new Rect();
    /** 计算子控件的范围 */
    private final Rect mTmpChildRect = new Rect();

    /*
     * View的三个构造函数
     */
    public CustomLayout(Context context) {
        super(context);
    }

    public CustomLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

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

    /**
     * 任何不滚动的布局管理器都应该像这样重写该方法
     */
    @Override
    public boolean shouldDelayChildPressedState() {
        return false;
    }

    /**
     * 测量(子)控件大小
     */
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // 子控件数量
        int count = getChildCount();
        mLeftWidth = 0;
        mRightWidth = 0;

        // 设置最大高度,最大宽度及状态
        int maxHeight = 0;
        int maxWidth = 0;
        int childState = 0;
        // 遍历所有子控件,分别进行测量
        for (int i = 0; i < count; i++) {
            final View child = getChildAt(i);
            if (child.getVisibility() != GONE) {
                // 测量子控件:某一个子view宽及高,
                // 内部加上了viewGroup的padding值、margin值和传入的宽高widthUsed、heightUsed
                measureChildWithMargins(child, widthMeasureSpec, 0,
                        heightMeasureSpec, 0);

                // 通过LayoutParams来设置大小
                final LayoutParams lp = (LayoutParams) child.getLayoutParams();
                if (lp.position == LayoutParams.POSITION_LEFT) {
                    mLeftWidth += Math.max(maxWidth, child.getMeasuredWidth()
                            + lp.leftMargin + lp.rightMargin);
                } else if (lp.position == LayoutParams.POSITION_RIGHT) {
                    mRightWidth += Math.max(maxWidth, child.getMeasuredWidth()
                            + lp.leftMargin + lp.rightMargin);
                } else {
                    maxWidth = Math.max(maxWidth, child.getMeasuredWidth()
                            + lp.leftMargin + lp.rightMargin);
                }
                maxHeight = Math.max(maxHeight, child.getMeasuredHeight()
                        + lp.topMargin + lp.bottomMargin);
                childState = combineMeasuredStates(childState,
                        child.getMeasuredState());
            }
        }

        // 总宽度是内部所有子视图的宽度加上其他约束的宽度
        maxWidth += mLeftWidth + mRightWidth;

        // 检查默认的最小高度和最小宽度,取最大值
        maxHeight = Math.max(maxHeight, getSuggestedMinimumHeight());
        maxWidth = Math.max(maxWidth, getSuggestedMinimumWidth());

        // 设置最终的尺寸
        setMeasuredDimension(
                resolveSizeAndState(maxWidth, widthMeasureSpec, childState),
                resolveSizeAndState(maxHeight, heightMeasureSpec,
                        childState << MEASURED_HEIGHT_STATE_SHIFT));
    }

    /**
     * 设置子控件在ViewGroup中的位置
     */
    @Override
    protected void onLayout(boolean changed, int left, int top, int right,
            int bottom) {
        final int count = getChildCount();

        // 视图在布局中放置的左右外边
        int leftPos = getPaddingLeft();
        int rightPos = right - left - getPaddingRight();

        // 视图流内部的中心区域
        final int middleLeft = leftPos + mLeftWidth;
        final int middleRight = rightPos - mRightWidth;

        // 所操作的布局的顶边和底边
        final int parentTop = getPaddingTop();
        final int parentBottom = bottom - top - getPaddingBottom();

        for (int i = 0; i < count; i++) {
            final View child = getChildAt(i);
            if (child.getVisibility() != GONE) {
                final LayoutParams lp = (LayoutParams) child.getLayoutParams();

                // 测量宽度和测量高度
                final int width = child.getMeasuredWidth();
                final int height = child.getMeasuredHeight();

                // 计算正在放置子视图的窗体
                if (lp.position == LayoutParams.POSITION_LEFT) {
                    mTmpContainerRect.left = leftPos + lp.leftMargin;
                    mTmpContainerRect.right = leftPos + width + lp.rightMargin;
                    leftPos = mTmpContainerRect.right;
                } else if (lp.position == LayoutParams.POSITION_RIGHT) {
                    mTmpContainerRect.right = rightPos - lp.rightMargin;
                    mTmpContainerRect.left = rightPos - width - lp.leftMargin;
                    rightPos = mTmpContainerRect.left;
                } else {
                    mTmpContainerRect.left = middleLeft + lp.leftMargin;
                    mTmpContainerRect.right = middleRight - lp.rightMargin;
                }
                mTmpContainerRect.top = parentTop + lp.topMargin;
                mTmpContainerRect.bottom = parentBottom - lp.bottomMargin;
                // //通过子视图的重心值和尺寸决定其在容器内的最终布局
                Gravity.apply(lp.gravity, width, height, mTmpContainerRect,
                        mTmpChildRect);

                // 放置子视图
                child.layout(mTmpChildRect.left, mTmpChildRect.top,
                        mTmpChildRect.right, mTmpChildRect.bottom);
            }
        }
    }

    /**
     * 下面的实现部分是针对每个子视图的布局参数的,如果你不需要这些(比如说你写了一个布局管理器)不需要混合放置子视图,那么你可以删除这部分
     */
    // ----------------------------------------------------------------------

    /**
     * 要自定义ViewGroup支持子控件的layout_margin参数,
     * 则自定义的ViewGroup类必须重载generateLayoutParams
     * ()函数,并且在该函数中返回一个ViewGroup.MarginLayoutParams派生类对象,这样才能使用margin参数。
     */
    @Override
    public LayoutParams generateLayoutParams(AttributeSet attrs) {
        return new CustomLayout.LayoutParams(getContext(), attrs);
    }

    // 返回一组默认布局参数。没有设置布局参数执行addview(View)时,这些参数被请求时返回null,并抛出一个异常。
    @Override
    protected LayoutParams generateDefaultLayoutParams() {
        return new LayoutParams(LayoutParams.MATCH_PARENT,
                LayoutParams.MATCH_PARENT);
    }

    @Override
    protected ViewGroup.LayoutParams generateLayoutParams(
            ViewGroup.LayoutParams p) {
        return new LayoutParams(p);
    }

    @Override
    protected boolean checkLayoutParams(ViewGroup.LayoutParams p) {
        return p instanceof LayoutParams;
    }

    /**
     * 自定义子控件的LayoutParams
     */
    public static class LayoutParams extends MarginLayoutParams {
        // 设置居中方式
        public int gravity = Gravity.TOP | Gravity.START;

        public static int POSITION_MIDDLE = 0;
        public static int POSITION_LEFT = 1;
        public static int POSITION_RIGHT = 2;

        public int position = POSITION_MIDDLE;

        public LayoutParams(Context c, AttributeSet attrs) {
            super(c, attrs);

            // 获取定义在XML中的自定义属性
            TypedArray a = c.obtainStyledAttributes(attrs,
                    R.styleable.CustomLayoutLP);
            gravity = a.getInt(
                    R.styleable.CustomLayoutLP_android_layout_gravity, gravity);
            position = a.getInt(R.styleable.CustomLayoutLP_layout_position,
                    position);
            a.recycle();
        }

        public LayoutParams(int width, int height) {
            super(width, height);
        }

        public LayoutParams(ViewGroup.LayoutParams source) {
            super(source);
        }
    }
}
 把定义好的ViewGroup当作我们通常使用的诸如LinearLayout等控件一样使用就可以啦。

更多API代码:https://github.com/ldm520/ANDROID_API_DEMOS等Android官方API开源代码。

0
0
查看评论

Android自定义控件之继承ViewGroup创建新容器(四)

在学习新内容之前,我们先来弄清楚两个问题: 1 . 什么是ViewGroup? ViewGroup是一种容器。它包含零个或以上的View及子View。 2 . ViewGroup有什么作用? ViewGroup内部可以用来存放多个View控件,并且根据自身的测量模式,来测量View子控件
  • guiman
  • guiman
  • 2016-04-23 17:32
  • 7070

Android自定义ViewGroup(四、打造自己的布局容器)

转载请标明出处: http://blog.csdn.net/xmxkf/article/details/51490283 本文出自:【openXu的博客】 目录:简单实现水平排列效果 自定义LayoutParams 大致明确布局容器的需求初步定义布局属性 继承LayoutPara...
  • u010163442
  • u010163442
  • 2016-05-25 17:38
  • 13325

Android自定义View或ViewGroup的流程

对于onMeasure()方法-->不论是View还是ViewGroup,onMeasure方法其实都是在测量自身的宽和高,只是对于ViewGroup来讲,当该ViewGroup的父容器为其设置的计算模式不是MeasureSpec.EXACTLY时(即自己设置的是wrap_content),该...
  • shakespeare001
  • shakespeare001
  • 2016-04-07 21:09
  • 1494

Android View体系(十一)自定义ViewGroup

此前讲了很多,终于可以讲到这一节了,本文的例子是一个自定义的ViewGroup,左右滑动切换不同的页面,类似一个特别简化的ViewPager,这篇文章会涉及到这个系列的很多文章的内容比如View的measure、layout和draw流程,view的滑动等等,所以对View体系不大了解的同学看这篇文...
  • itachi85
  • itachi85
  • 2016-06-11 09:54
  • 7940

android之自定义viewGroup仿scrollView详解

相信学了安卓的朋友都知道自定义viewGroup离不开重写onmeasure()和onLayout(),开始讲解代码之前,先来看看与这两个方法相关知识:    一、onMeasure() :这是测量自身的宽高和子view的宽高方法,测量涉及的知识点除了宽高之外,还有三种模式 &#...
  • zhongwn
  • zhongwn
  • 2016-07-21 17:53
  • 2580

Android 手把手教您自定义ViewGroup(二)

 Android在屏幕中控件的组织上,可以将各个视图(控件)组成一个视图组(ViewGroup),视图组是一个包含了其他视图的视图。   1.视图组(ViewGroup抽象类)   android.view包中ViewGroup类继承了View,因此它本身也具有View的特性。Vi...
  • yan8024
  • yan8024
  • 2015-03-20 14:53
  • 1614

Android自定义ViewGroup添加组合控件的子view

自定义ViewGroup添加组合控件的子view时 一定要重写 @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { measureChildren(widthMeasure...
  • zahuopuboss
  • zahuopuboss
  • 2016-01-20 16:38
  • 1120

Android 手把手教您自定义ViewGroup(一)

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38339817 , 本文出自:【张鸿洋的博客】最近由于工作的变动,导致的博客的更新计划有点被打乱,希望可以尽快脉动回来~今天给大家带来一篇自定义ViewGroup的教程,说...
  • lmj623565791
  • lmj623565791
  • 2014-08-02 09:26
  • 259249

Q: 自定义viewGroup 不报错但也不显示

Q: 自定义viewGroup 不报错但也不显示 A: 在viewGroup中override onLayout和onMeasure方法(缺一不可)。代码片段例子: @Override protected void onLayout(boolean changed, int l,...
  • textboy
  • textboy
  • 2015-04-23 15:38
  • 989

android中自定义View及ViewGroup 学习心得

android SDK中自带了很多控件,一般情况下可以满足各类开发需求。但有时候可能需要自定义View以更好的适应开发需求。 系统自带的所有控件都是直接或间接的继承class View的,所以自定义一个View也要继承class View,如果你想要其他某控件的功能或是想修改某功能,可以继承其他控...
  • zhaochengsheng
  • zhaochengsheng
  • 2015-05-17 15:24
  • 1037
    个人资料
    • 访问:893427次
    • 积分:11974
    • 等级:
    • 排名:第1481名
    • 原创:343篇
    • 转载:59篇
    • 译文:1篇
    • 评论:250条
    Github
    个人Github主页面:https://github.com/ldm520,请大家多指教!
    最新评论