安卓自定义viewgroup

最新推荐文章于 2024-04-27 19:18:41 发布
原创 最新推荐文章于 2024-04-27 19:18:41 发布 · 488 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android

本文深入探讨了安卓自定义ViewGroup的实现原理，包括如何创建自定义布局、添加自定义属性以及子view间隔处理，提供了具体实例代码和运行结果。

1.ＶiewGroup

前面学习的安卓view说过，我认为安卓view就如word编辑当中的文字，图像，表格等等都是一个view.那么当我们的word文字，图像有规律的摆放组合起来形成一个比较好看的排版模式的时候，我们可以保存起来并且作为样式，那么以后每次编辑的时候只需要修改对应的文字内容以及图片内容就可以了。那么如此以来，viewgroup的概念也差不多了，我理解的viewgroup就是把一些view进行组合起来形成一个可以比较固定demo样式的view组合。它的作用就是作为各个view之间可以按一定规则摆放的组合demo样式供开发人员使用。套用模快速开发并且可以循环使用。
－

2.自定义view实例

既然说viewgroup是一些view组合样式，那么肯定有一些样式是没有的，那就需要我们自己创造，所以这就是自定义viewgroup了，自定义viewgroup可以让各个子view之间按我们的意愿摆放。

实现三个textview对角线摆放
(1)MyViewGroup文件

package com.gentle.viewgroup;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

public class MyViewGroup extends ViewGroup {

    public MyViewGroup(Context context){
        super(context);

    }

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

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int row = 0;
        int column = 0;
        int count = getChildCount();
        for(int i=0;i<count;i++){
            View child = getChildAt(i);

            int childWidth = child.getMeasuredWidth();
            int childHeight = child.getMeasuredHeight();

            //子view的布局，即排放位置
            child.layout(row,column,row+childWidth,column+childHeight);
            row += childWidth;
            column += childHeight;

        }
    }

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

        //获取viewgroup的测量方式以及大小
        int groupWidthSize = MeasureSpec.getSize(widthMeasureSpec);
        int groupHeightSize = MeasureSpec.getSize(heightMeasureSpec);

        int groupWidthMode = MeasureSpec.getMode(widthMeasureSpec);
        int groupHeightMode = MeasureSpec.getMode(heightMeasureSpec);

        //测量子view，下面要获取子view的宽度以及长度
        measureChildren(widthMeasureSpec,heightMeasureSpec);

        int widht = 0;
        int height =0;

        if(groupWidthMode == MeasureSpec.AT_MOST){
            for (int i= 0; i < getChildCount();i++){
                View child = getChildAt(i);//获取子view
                widht +=  child.getMeasuredWidth();//获取子view大小
            }
        }else
            widht = groupWidthSize;

        if(groupHeightMode == MeasureSpec.AT_MOST){
            for(int i=0;i<getChildCount();i++){
                View child = getChildAt(i);
                height += child.getMeasuredHeight();
            }
        }else
            height = groupHeightSize;

        setMeasuredDimension(widht,height);


    }
}

(2)xml文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.gentle.viewgroup.MyViewGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorBack">

        <TextView
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:background="@color/colorRed"
            android:padding="10dp"
            android:text="hello"/>

        <TextView
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:background="@color/colorGreen"
            android:padding="10dp"
            android:text="world"/>

        <TextView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:background="@color/colorBlue"
            android:padding="10dp"
            android:text="!"/>

    </com.gentle.viewgroup.MyViewGroup>

</androidx.constraintlayout.widget.ConstraintLayout>

（３）运行结果
在这里插入图片描述

３．添加viewgroup自定义属性以及子view间隔

主要是加入有子view的layout_position属性，就对layout_postion属性进行子view规则摆放，
layout_position为right的值的话，也就是枚举值为２，则子view就往右摆放，否则默认往左摆放。

（１）新建ViewGroup属性值，主要是枚举值

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <declare-styleable name="customLayoutPosition">
       <attr name="layout_postion">
            <enum name="left" value="1"/>
            <enum name="right" value="2"/>
       </attr>
   </declare-styleable>
</resources>

（２）MyVierGroup
主要是以下几个重要点：
*重写generateLayoutParams方法，该方法主要放回一个继承MarginLayoutParams类型的对象，例如本例子中的ＭｙLayoutParams,重写了该方法后就子view就可以通过child.getLayoutParams获取一个MarginLayoutParams类型对象。
*在测量onMeasure方法的时候把margin参数加上
*在onLayout中对子view进行间隔摆放处理

package com.gentle.viewgroup;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

import com.gentle.gentleviewgroup.R;

import java.util.PropertyResourceBundle;

public class MyViewGroup extends ViewGroup {

    public MyViewGroup(Context context){
        super(context);

    }

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

    //重写generateLayoutParams,主要获取子view相对于父控件的放置位置
    @Override
    public LayoutParams generateLayoutParams(AttributeSet attrs) {
        return new MyLayoutParams(getContext(),attrs);
    }

	//内部类继承MarginLayoutParams
    public static class MyLayoutParams extends MarginLayoutParams {
        private static final int POSITION_LEFT = 1;
        private static final int POSITION_RIGHT = 2;
        public int layout_position = 1;

        public MyLayoutParams(Context context, AttributeSet attrs){
            super(context,attrs);

            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.customLayoutPosition);
            layout_position =  typedArray.getInt(R.styleable.customLayoutPosition_layout_postion,0);
            typedArray.recycle();

            //默认从左边排列
            if(layout_position == 0){
                layout_position = 1;
            }

         }

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

        public MyLayoutParams(LayoutParams source) {
            super(source);
        }

    }

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

        //获取viewgroup的测量方式以及大小
        int groupWidthSize = MeasureSpec.getSize(widthMeasureSpec);
        int groupHeightSize = MeasureSpec.getSize(heightMeasureSpec);

        int groupWidthMode = MeasureSpec.getMode(widthMeasureSpec);
        int groupHeightMode = MeasureSpec.getMode(heightMeasureSpec);

        //测量子view，下面要获取子view的宽度以及长度
        measureChildren(widthMeasureSpec,heightMeasureSpec);


        int widht = 0;
        int height =0;


        if(groupWidthMode == MeasureSpec.AT_MOST){
            for (int i= 0; i < getChildCount();i++){
                View child = getChildAt(i);//获取子view
                MyLayoutParams layoutParams = (MyLayoutParams)child.getLayoutParams();
				//考虑子view的间隔－－－－－－－－－－－－－－－－－
                widht +=  child.getMeasuredWidth()+layoutParams.leftMargin + layoutParams.rightMargin;//获取子view大小
            }
        }else
            widht = groupWidthSize;

        if(groupHeightMode == MeasureSpec.AT_MOST){
            for(int i=0;i<getChildCount();i++){
                View child = getChildAt(i);
                MyLayoutParams layoutParams = (MyLayoutParams)child.getLayoutParams();
                //考虑子view间隔
                height += child.getMeasuredHeight() + layoutParams.topMargin + layoutParams.bottomMargin;
            }
        }else
            height = groupHeightSize;

        setMeasuredDimension(widht,height);


    }


    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        int row = 0;
        int column = 0;
        int count = getChildCount();
        for(int i=0;i<count;i++){
            View child = getChildAt(i);

            int childWidth = child.getMeasuredWidth();
            int childHeight = child.getMeasuredHeight();
            
            //获取子view摆放规则
            MyLayoutParams layoutParams = (MyLayoutParams) child.getLayoutParams();
            
            //根据当前子view布局，依次靠右放置
            if(layoutParams.layout_position == MyLayoutParams.POSITION_RIGHT){
                child.layout(getWidth()-childWidth-layoutParams.rightMargin,column,getWidth()-layoutParams.rightMargin,column + childHeight);
            }else {
                //否则就默认从左斜线布局
                //子view的布局，即排放位置
                child.layout(row, column, row + childWidth, column + childHeight);
                row += childWidth+layoutParams.leftMargin + layoutParams.rightMargin;
            }
            column += childHeight +layoutParams.topMargin + layoutParams.bottomMargin;
        }
    }
}

（３）xml布局文件
通过app:layout_postion = "right"往右摆放

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.gentle.viewgroup.MyViewGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorBack">

        <TextView
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:background="@color/colorRed"
            android:padding="10dp"
            android:text="hello"
            android:layout_margin="10dp"
            app:layout_postion = "right"/>

        <TextView
            android:layout_width="60dp"
            android:layout_height="60dp"
            android:background="@color/colorGreen"
            android:padding="10dp"
            android:layout_margin="10dp"
            android:text="world"
            app:layout_postion = "right"/>

        <TextView
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:background="@color/colorBlue"
            android:padding="10dp"
            android:layout_margin="10dp"
            android:text="!"
            app:layout_postion = "right"/>

    </com.gentle.viewgroup.MyViewGroup>



</androidx.constraintlayout.widget.ConstraintLayout>

（４）运行结果
在这里插入图片描述

Android中自定义ViewGroup
2301_79600088的博客
04-04 1067
三、一个小Demo我们新建一个叫AndroidViewGroup的工程，Activity起名为MainActivity。在写一个继承于ViewGroup的类，名叫HelloViewGroup。–>HelloViewGroup类@Override–>MainActivity类这时你可以运行一下，发现屏幕除了状态栏了那个Label是一片黑，呵呵。下面我们来修改代码，让自己的ViewGroup火起来。我们新建一个名叫myAddView的方法，这个方法用来向ViewGroup中添加组件：
自定义ViewGroup
12-07
模仿ViewPager的效果，自定义继承Linerlayout，学习的例子。
Android 手把手教您自定义ViewGroup（一）
08-02
代码为博客实例代码:http://blog.youkuaiyun.com/lmj623565791/article/details/38339817, 有问题请博客留言
Android 自定义ViewGroup
maozhuxigood
04-09 244
版本：1.0 日期：2014.4.2 版权：© 2014 kince 转载注明出处 之前介绍了关于自定义View类的一些知识，总结一下就是继承于View类，重写onDraw()方法。如果组件有自己的属性的话，在attrs.xml文件中加入即可。这类View一般只是用于显示一个位图或者一段文本，像TextView。实际开发中，用的不是很多，真正需求多的是像SliddingMenu侧滑菜单、...
Android---自定义ViewGroup
本人随手记录，内容只是个人看懂程度，对内容有任何疑问请勿打扰
10-14 411
效果图： ViewGroup子类： 创建过程： 1，构造方法 2，添加子View方法 3，测量（onMeasure）,确认父类size 4，调整子View的布局（onLayout） /** * 创建过程： * 1，构造方法 * 2，添加子View方法 * 3，测量（onMeasure）,确认父类size * 4，调整子View的布局（onLayout） */ public class VGTest extends ViewGroup { //存放传过来的子View数据
一篇文章弄懂Android自定义viewgroup的相关难点
08-27
在Android开发中，自定义ViewGroup是一个常见的需求，它允许开发者根据特定的业务逻辑和界面设计创建独特的布局组件。这篇文章将深入探讨自定义ViewGroup的关键点，帮助开发者理解和解决相关难点。 首先，自定义...
Android自定义ViewGroup实现标签浮动效果
01-06
前面在学习鸿洋大神的一些自定义的View文章，看到了自定义ViewGroup实现浮动标签，初步看了下他的思路以及结合自己的思路完成了自己的浮动标签的自定义ViewGroup。目前实现的可以动态添加标签、可点击。效果图如下：...
Android自定义ViewGroup实现标签流容器FlowLayout
09-01
在Android开发中，自定义ViewGroup是实现特定布局需求的重要手段。本文主要讲解如何自定义一个名为FlowLayout的标签流容器，适用于展示类似热门标签的自动换行布局。Flow Layout是一种布局方式，它允许子视图根据...
Android自定义viewGroup实现点击动画效果
01-20
在Android开发中，自定义ViewGroup是创建复杂用户界面或实现独特交互效果的重要手段。本文将探讨如何在自定义的ViewGroup中实现点击动画效果，具体以`MyCustomView`为例，它继承自ViewGroup并实现了`OnClickListener...
Android自定义ViewGroup之实现FlowLayout流式布局
09-02
在Android开发中，有时系统默认的布局管理器如LinearLayout、RelativeLayout等并不能满足所有需求，这时我们就需要自定义ViewGroup来实现特定的布局效果。本文将详细介绍如何实现一个自定义的FlowLayout，这是一种...
Android面试题-手把手教你如何解决as jar包冲突
最新发布
2401_84538135的博客
04-27 775
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司19年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
Android中自定义ViewGroup，Android开发岗还不会这些问题
m0_64603743的博客
12-08 213
2、ViewGroup是一个基类，并且是Layout和一些View组件的基类。 等等，不一而足，眼界有多高相信看到的就有多远，呵呵。 二、ViewGroup的三个方法 在继承ViewGroup时有三个重要的方法，下面我们就来看看： 1、onLayout方法 protected  void onLayout( boolean changed,  int left,  int top,  int right, 
【Android】Android自定义ViewGroup
minkee的博客
02-27 604
ViewGroup存在的目的就是对其子View进行管理，为其子View添加显示、响应的规则。因此，自定义ViewGroup通常需要重写onMeasure()方法对其子View进行测量，重写onLayout()方法来确定子View的位置，重写onTouchEvent()方法增加响应事件。所以我们需要做这几件事： 重写onMeasure()方法对其子View进行测量 重写onLayout()方法来确定子
Android自定义ViewGroup
qq407221874的博客
07-09 232
onMeasure先measure孩子再measure自身 measureChildren(widthMeasureSpec,heightMeasureSpec); 或者 int count = getChildCount();         int totalHeight = MeasureSpec.getSize(heightMeasureSpec);  
Android之自定义ViewGroup
Caben_的博客
09-11 701
今天看了鸿洋大神的自定义viewgroup，现在做一下笔记首先，创建默认构造方法，如下所示 public FlowLayout(Context context) { super(context,null); }public FlowLayout(Context context, AttributeSet attrs) { super(context, att
掌握Android自定义ViewGroup滑动技术要点
本篇将从Android自定义ViewGroup的概念、自定义ViewGroup中滑动的实现、以及相关文件的解析这三个维度进行详细解读。 ### Android自定义ViewGroup的概念 ViewGroup是所有布局类的基类，如LinearLayout、...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值