Android学习之自定义ViewGroup

最新推荐文章于 2024-07-23 08:44:23 发布
最新推荐文章于 2024-07-23 08:44:23 发布
阅读量267 收藏
点赞数
分类专栏： android 文章标签： android

1，概述

ViewGroup相当于一个放置VIew的容器，并且我们再写布局xml的时候，会高绿容器（凡是以layout为开头的属性，都是为用于告诉容器的）我们的宽度（layout_width）、高度（layout_height）、对齐方式（layout_gravity）等，当然还有margin
于是，ViewGroup的职能是：给chlidView计算出建议的宽和高和测量模式，决定childView的位置（为什么是建议呢，不是直接给出高和宽，因为childView宽和高可以设置为为wrap_content，这样只有childView才能计算出自己的宽度和高度），
还有个更重要的职责是：在VIewGroup为其指定的区域内绘制自己的形态

ViewGroup和LayoutParams之间的关系？
大家可以回忆一下，当在LinearLayout中写childView的时候，可以写layout_gravity，layout_weight属性；在RelativeLayout中的childView有layout_centerInParent属性，却没有layout_gravity，layout_weight，这是为什么呢？这是因为每个ViewGroup需要指定一个LayoutParams，用于确定支持childView支持哪些属性，比如LinearLayout指定LinearLayout.LayoutParams等。如果大家去看LinearLayout的源码，会发现其内部定义了LinearLayout.LayoutParams，在此类中，你可以发现weight和gravity的身影。

2，View的3种测量模式

EXACTLY：表示设置了精确的值，一般当childView设置其宽，高为精确值，match_parent时，ViewGroup会将其设置为EXACTLY

AT_MOST:表示字布局被限制在一个最大值内，一般当childView设置其宽，高为wrap_content时，

UNSPECIFIED：表示子布局想要多大就多大，一般出现在AdapterView的Item的HeightMode中，ScrollView的childView的heightMode中；此种模式比较少见。

3，从API角度进行浅析

View的根据ViewGroup传人的测量值和模式，对自己宽高进行确定（onMeasure中完成），然后在onDraw中完成对自己的绘制。
ViewGroup需要给View传入view的测量值和模式（onMeasure中完成），而且对于此ViewGroup的父布局，自己也需要在onMeasure中完成对自己宽和高的确定。此外，需要在onLayout中完成对其childView的位置的指定。

4实战

需求：我们定义一个ViewGroup，内部传入四个childView，分别依次显示在四个角角

首先，我们确定该ViewGroup的LayoutParams

 @Override
    public LayoutParams generateLayoutParams(AttributeSet attrs) {
        return new MarginLayoutParams(mContext,attrs);
    }

然后我们再onMeasure方法中确定ViewGroup的大小

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

        //获取此ViewGroup上级容器所推荐的宽度和高度，及其计算模式
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
        int sizeheight = MeasureSpec.getSize(heightMeasureSpec);



        //计算出所有childView的宽和高
        measureChildren(widthMeasureSpec,heightMeasureSpec);

        //如果是wrap_content，设置宽和高
        int  wdith;
        int height;


        mChildCount = getChildCount();
        int cWidth=0;
        int cHeight=0;

        //两者取最大
        int tWidth=0;
        int bWidth=0;

        //两者取最大
        int lHeight=0;
        int rHeight=0;
        MarginLayoutParams layoutParams = null;

        for(int i = 0 ;i < mChildCount;i++){
            View child  = getChildAt(i);
            cWidth = child.getMeasuredWidth();
            cHeight = child.getMeasuredHeight();
            layoutParams =(MarginLayoutParams) child.getLayoutParams();

            if(i == 0 || i ==1){
                tWidth+=(cWidth+layoutParams.leftMargin+layoutParams.rightMargin);
            }

            if(i == 2 || i == 3){
                bWidth +=(cWidth+layoutParams.leftMargin+layoutParams.rightMargin);
            }

            if(i == 0 || i == 2){
                lHeight += (cHeight+layoutParams.topMargin+layoutParams.bottomMargin);
            }

            if(i== 1 || i == 3){
                rHeight += (cHeight+layoutParams.topMargin+layoutParams.bottomMargin);
            }


            wdith = Math.max(tWidth,bWidth);
            height = Math.max(lHeight,rHeight);

            setMeasuredDimension((widthMode == MeasureSpec.EXACTLY)? sizeWidth:wdith
            ,(heightMode == MeasureSpec.EXACTLY)? sizeheight:height);

        }





    }

然后在onLayout方法中，对每一个childView确定位置

 @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {

        mChildCount = getChildCount();
        int cWdith = 0;
        int cHeight = 0;
        MarginLayoutParams layoutParams = null;

        for(int i = 0; i< mChildCount ;i++){
            View childView  = getChildAt(i);
            cWdith = childView.getMeasuredWidth() ;
            cHeight = childView.getMeasuredHeight();
            layoutParams =(MarginLayoutParams) childView.getLayoutParams();

            int cl = 0, ct = 0, cr = 0,cb = 0;

            switch (i){
                case 0:
                    cl=layoutParams.leftMargin;
                    ct=layoutParams.rightMargin;
                    break;
                case 1 :
                    cl = getWidth()-cWdith-layoutParams.rightMargin;
                    ct = layoutParams.topMargin;
                    break;
                case 2:
                    cl = layoutParams.rightMargin;
                    ct = getHeight()-cHeight-layoutParams.bottomMargin;
                    break;
                case 3:
                    cl = getWidth()-cWdith-layoutParams.rightMargin;
                    ct = getHeight()-cHeight-layoutParams.bottomMargin;
                    break;

            }

            cr = cl+cWdith;
            cb = ct+cHeight;

            childView.layout(cl,ct,cr,cb);
        }


    }

布局：

<com.example.zhy_custom_viewgroup.CustomImgContainer xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="200dp"  
    android:layout_height="200dp"  
    android:background="#AA333333" >  

    <TextView  
        android:layout_width="50dp"  
        android:layout_height="50dp"  
        android:background="#FF4444"  
        android:gravity="center"  
        android:text="0"  
        android:textColor="#FFFFFF"  
        android:textSize="22sp"  
        android:textStyle="bold" />  

    <TextView  
        android:layout_width="50dp"  
        android:layout_height="50dp"  
        android:background="#00ff00"  
        android:gravity="center"  
        android:text="1"  
        android:textColor="#FFFFFF"  
        android:textSize="22sp"  
        android:textStyle="bold" />  

    <TextView  
        android:layout_width="50dp"  
        android:layout_height="50dp"  
        android:background="#ff0000"  
        android:gravity="center"  
        android:text="2"  
        android:textColor="#FFFFFF"  
        android:textSize="22sp"  
        android:textStyle="bold" />  

    <TextView  
        android:layout_width="50dp"  
        android:layout_height="50dp"  
        android:background="#0000ff"  
        android:gravity="center"  
        android:text="3"  
        android:textColor="#FFFFFF"  
        android:textSize="22sp"  
        android:textStyle="bold" />  

</com.example.zhy_custom_viewgroup.CustomImgContainer>

这里写图片描述

布局2：

<com.example.zhy_custom_viewgroup.CustomImgContainer xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:background="#AA333333" >  

    <TextView  
        android:layout_width="150dp"  
        android:layout_height="150dp"  
        android:background="#E5ED05"  
        android:gravity="center"  
        android:text="0"  
        android:textColor="#FFFFFF"  
        android:textSize="22sp"  
        android:textStyle="bold" />  

    <TextView  
        android:layout_width="50dp"  
        android:layout_height="50dp"  
        android:background="#00ff00"  
        android:gravity="center"  
        android:text="1"  
        android:textColor="#FFFFFF"  
        android:textSize="22sp"  
        android:textStyle="bold" />  

    <TextView  
        android:layout_width="50dp"  
        android:layout_height="50dp"  
        android:background="#ff0000"  
        android:gravity="center"  
        android:text="2"  
        android:textColor="#FFFFFF"  
        android:textSize="22sp"  
        android:textStyle="bold" />  

    <TextView  
        android:layout_width="50dp"  
        android:layout_height="50dp"  
        android:background="#0000ff"  
        android:gravity="center"  
        android:text="3"  
        android:textColor="#FFFFFF"  
        android:textSize="22sp"  
        android:textStyle="bold" />  

</com.example.zhy_custom_viewgroup.CustomImgContainer>

这里写图片描述

本文出自：http://blog.csdn.net/lmj623565791/article/details/38339817 ， 本文出自:【张鸿洋的博客】

在计算childView的时候，鸿洋大大的博客上有一个小错误，我自己改了

vivianluomin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
问题： 自定义view MarginLayoutParams报错
Android_jiang的博客
06-14 1107
在写自定义view时候获取子view 的Margin数据时候使用  LayoutParams childLayoutParams = child.getLayoutParams(); MarginLayoutParams marginLayoutParams = (MarginLayoutParams) childLayoutParams; 报错，显示类初
Android FlowLayout
bobo的博客
01-14 1695
一、概述： （一）、什么是FlowLayout？         何为FlowLayout，就是控件根据ViewGroup的宽，自动的往右添加，如果当前行剩余空间不足，则自动添加到下一行。有点所有的控件都往左飘的感觉，第一行满了，往第二行飘，所以也叫流式布局。         Android并没有提供流式布局，但是某些场合中，流式布局还是非常适合使用的，比如关键字标签，搜索热词列表等，如下...
自定义控件三部曲视图篇（二）——FlowLayout自适应容器实现
启舰
07-24 1万+
前言：我最大的梦想，就是有一天，等老了坐在摇椅上回望一生，有故事给孩子们讲……。 相关文章： 《Android自定义控件三部曲文章索引》：http://blog.csdn.net/harvic880925/article/details/50995268 经过上篇的铺垫，这篇就开始正式开始FlowLayout的开发啦，还是先给大家上上效果： 从效果图中可以看到，底部c...
MarginLayoutParams--一个可以在代码中直接设置margin的方法
CT的专栏
08-08 3万+
关于MarginLayoutParams 创建及使用MarginLayoutParmas 通用的设置margin属性的方法
自定义view跟手移动android,自定义ViewGroup[跟随手指移动的view]
weixin_33519829的博客
05-26 341
1. activity.onCreate()this.setContentView(R.layout.myviewgroup); 或者this.getWindow().setContentView(LayoutInflater.from(this).inflate(R.layout.myviewgroup, null));2.myviewgroup.xmlandroid:layout_width...
Android 手把手教您自定义ViewGroup（一）
热门推荐
Hongyang
08-02 29万+
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/38339817 ， 本文出自:【张鸿洋的博客】最近由于工作的变动，导致的博客的更新计划有点被打乱，希望可以尽快脉动回来~今天给大家带来一篇自定义ViewGroup的教程，说白了，就是教大家如何自定义ViewGroup，如果你对自定义ViewGroup还不是很了解，或者正想学习如何自
Android中自定义ViewGroup
2301_79600088的博客
04-04 809
三、一个小Demo我们新建一个叫AndroidViewGroup的工程，Activity起名为MainActivity。在写一个继承于ViewGroup的类，名叫HelloViewGroup。–>HelloViewGroup类@Override–>MainActivity类这时你可以运行一下，发现屏幕除了状态栏了那个Label是一片黑，呵呵。下面我们来修改代码，让自己的ViewGroup火起来。我们新建一个名叫myAddView的方法，这个方法用来向ViewGroup中添加组件：
Android知识梳理之自定义ViewGroup
XBlithe的博客
04-27 2644
在我们进行android开发的时候虽然官方提供了形形色色的控件,但是有的时候根据不同业务需求我们找不到官方的控件支持,那么这个时候就需要我们自己去定义控件来适应不同的需求了。众所周知Android自定义为一般分为三类:自定义ViewGroup，自绘View，组合View。本篇将和大家一起探讨自定义ViewGrop 的相关知识. 转载请注明出处:http://blog.csd...
Android Kotlin自定义ViewGroup 一
weixin_44614751的博客
10-24 643
第一种自定义ViewGroup布局 父容器的大小确定，子控件的大小不确定 思路分析： 1.父容器大小确定，因此设置父容器的尺寸，帮助后来确定子控件的大小 super.onMeasure(widthMeasureSpec, heightMeasureSpec) 2.上一步之后，可以获取父容器的尺寸 3.按照规则，计算子控件的尺寸 4.设置子控件的模式 5.尺寸 模式确定之后，封装成MeasureSpec 6.最后设置子控件 child.measure(wMeasureS,hMeasureS) 7.子控件的
【Android】自定义View / ViewGroup
helloworld370629的博客
11-30 1096
我们自定义View的目的是为了针对我们的工程需要，完成一些内置View不能实现或者实现起来很麻烦的功能。其中我们需要复写`onMeasure()`, `onLayout()`以及`onDraw()`。 接下来我们将通过自定义View实现类似于微信头像的效果。 自定义ViewGroup相比于自定义View会更加复杂一点，因为它不仅涉及到自身的测量，摆放以及绘制，还需要安排好子元素的测量，摆放以及绘制。但是ViewGroup本质上还是一个View，它继承自View.
Android自定义ViewGroup实现标签流容器FlowLayout
09-01
在Android开发中，自定义ViewGroup是实现特定布局需求的重要手段。本文主要讲解如何自定义一个名为FlowLayout的标签流容器，适用于展示类似热门标签的自动换行布局。Flow Layout是一种布局方式，它允许子视图根据...
Android进阶教程之ViewGroup自定义布局
08-25
今天，我们将要学习Android进阶教程之ViewGroup自定义布局，这将对各位Android开发者们具有一定的参考学习价值。 首先，让我们来了解一下ViewGroup是什么？ViewGroup是Android中的一种容器控件，可以容纳多个子控件...
Android中使用自定义ViewGroup的总结
01-04
自定义ViewGroup，创造出一些不同于LinearLayout，RelativeLayout等之类的ViewGroup。比如：API 14以后增加的GridLayout、design support library中的CoordinatorLayout等等。 自定义一些已经有的Layout然后加一些...
Android代码-自定义ViewGroup
08-06
自定义ViewGroup(高度不同的列表) MIT License Copyright (c) 2017 JiaoZhengXiang Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated ...
Android 10.0 蓝牙音乐获取歌手、歌曲等信息功能实现
安卓兼职framework和app工程师的博客
07-22 1473
在10.0的系统rom定制化开发中，在一些功能性开发中，可能会遇到一些蓝牙音乐的项目，所以会要求在手机端获取 蓝牙音乐的歌手歌曲的信息功能，这就需要了解Bluetooth的音乐播放功能，然后实现这些获取歌手信息和歌曲详情的功能
Android DataBinding从入门到精通
Dream的博客
07-22 902
DataBinding可以更加方便的编写与视图交互的代码。即系统会为模块中的每个xml文件生成一个绑定类，其实例包含指向相应布局中具有ID的所有视图的直接引用。大多数情况下，DataBinding会代替findMyId。
uniapp安卓通过绝对路径获取文件
最新发布
qq_61950936的博客
07-23 119
请确保你的uniapp应用具有读取存储的权限，并且该文件确实存在于指定的路径。此外，你的应用可能需要运行在Android 4.4及以上版本的设备上，因为plus.io API是基于HTML5 Plus的，而这个特性需要设备的Android版本和浏览器支持。在uniapp中，如果你想要访问安卓设备上的文件，你需要使用uniapp提供的plus.io API。这个API允许你在应用内访问设备的文件系统。
Android 多用户问题
m0_54010212的博客
07-22 182
在工程模式下，可以使用 getInstalledPackages 或 getInstalledPackagesAsUser 方法获取全部已安装的应用程序，并展示给用户。List<MediaController> 在普通应用中可以获取到，但是在systemUI中获取不到。这个api解决 那为什么systemUI在 0这个组别？在systemserver 里启动的组别就是这个。音频mediassion相关是区分用户的。看了一下是 user组别问题导致的。那么还有没有什么是区别用户的。当然有 PMS也是这样。
Android GlSurfaceView渲染YUV图形
wolf0706的专栏
07-19 259
OpenGL ES 2.0 的代码，用来显示YUV格式的视频数据。这个示例将包括初始化OpenGL环境、加载Shader程序、绘制纹理等步骤。
自定义ViewGroup实现Android多风格SlidingMenu
"Android自定义ViewGroup打造各种风格的SlidingMenu" 在Android开发中，有时候系统提供的组件无法满足我们对用户界面的个性化需求，这时我们就需要自定义ViewGroup来实现特殊的功能。本篇文章主要讲解如何利用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值