当前位置： 移动技术网 > 移动技术>移动开发>Android > Android自定义ViewGroup的实现方法

Android自定义ViewGroup的实现方法

2019年07月24日  | 移动技术网移动技术  | 我要评论

     在android中提供了常见的几种viewgroup的实现，包括linearlayout、relativeayout、framelayout等。这些viewgroup可以满足我们一般的开发需求，但是对于界面要求复杂的，这几个布局就显得捉襟见肘了。所以自定义的viewgroup在我们接触过的应用中比比皆是。

     要想实现一个自定义的viewgroup，第一步是学会自定义属性，这些自定义的属性将让我们配置布局文件的时候更加的灵活。自定义属性是在value目录下声明一个attrs.xml文件。

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <declare-styleable name="cascadeviewgroup">
  <attr name="verticalspacing" format="dimension"/>
  <attr name="horizontalspacing" format="dimension"/>
 </declare-styleable>

 <declare-styleable name="cascadeviewgroup_layoutparams">
  <attr name="layout_paddingleft" format="dimension"/>
  <attr name="layout_paddintop" format="dimension"/>
 </declare-styleable>
</resources>

      在这里我们声明了两个自定义属性集，cascadeviewgroup中的属性是针对我们自定义的cascadeviewgroup组件设置的，也就是可以在布局文件中<cascadeviewgroup>标签中可以使用的属性。另外一个cascadeviewgroup_layoutparams则是针对于cascadeviewgroup中的子view设置的属性。

    在编写代码前，我们还设置了一个默认的宽度和高度供cascadelayout使用。这两个属性在dimens.xml定义。

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <dimen name="default_horizontal_spacing">10dp</dimen>
 <dimen name="default_vertical_spacing">10dp</dimen>
</resources>

下面开始编写自定义的组件cascadelayout了。

package com.app.customviewmotion;

import android.content.context;
import android.content.res.typedarray;
import android.util.attributeset;
import android.view.view;
import android.view.viewgroup;

/**
 * created by charles on 2015/8/13.
 */
public class cascadeviewgroup extends viewgroup {

 //自定义布局中设置的宽度和高度
 private int mhoriztonalspacing;
 private int mverticalspacing;

 public cascadeviewgroup(context context) {
  this(context, null);
 }

 public cascadeviewgroup(context context, attributeset attrs) {
  this(context, attrs, 0);
 }

 public cascadeviewgroup(context context, attributeset attrs, int defstyle) {
  super(context, attrs, defstyle);
  typedarray a = context.obtainstyledattributes(attrs, r.styleable.cascadeviewgroup);
  try {
   //获取设置的宽度
   mhoriztonalspacing = a.getdimensionpixelsize(r.styleable.cascadeviewgroup_horizontalspacing,
     this.getresources().getdimensionpixelsize(r.dimen.default_horizontal_spacing));
   //获取设置的高度
   mverticalspacing = a.getdimensionpixelsize(r.styleable.cascadeviewgroup_verticalspacing,
     this.getresources().getdimensionpixelsize(r.dimen.default_vertical_spacing));

  } catch (exception e) {
   e.printstacktrace();

  } finally {
   a.recycle();
  }
 }

 @override
 protected void onmeasure(int widthmeasurespec, int heightmeasurespec) {
  final int count = this.getchildcount();
  int width = this.getpaddingleft();
  int height = this.getpaddingtop();
  for (int i = 0; i < count; i++) {
   final view currentview = this.getchildat(i);
   this.measurechild(currentview, widthmeasurespec, heightmeasurespec);
   cascadeviewgroup.layoutparams lp = (cascadeviewgroup.layoutparams) currentview.getlayoutparams();
   if(lp.msettingpaddingleft != 0){
    width +=lp.msettingpaddingleft;
   }
   if(lp.msettingpaddingtop != 0){
    height +=lp.msettingpaddingtop;
   }
   lp.x = width;
   lp.y = height;
   width += mhoriztonalspacing;
   height += mverticalspacing;
  }
  width +=getchildat(this.getchildcount() - 1).getmeasuredwidth() + this.getpaddingright();
  height += getchildat(this.getchildcount() - 1).getmeasuredheight() + this.getpaddingbottom();
  this.setmeasureddimension(resolvesize(width, widthmeasurespec), resolvesize(height, heightmeasurespec));

 }

 @override
 protected void onlayout(boolean b, int l, int i1, int i2, int i3) {
  final int count = this.getchildcount();
  for (int i = 0; i < count; i++) {
   final view currentview = this.getchildat(i);
   cascadeviewgroup.layoutparams lp = (cascadeviewgroup.layoutparams) currentview.getlayoutparams();
   currentview.layout(lp.x, lp.y, lp.x + currentview.getmeasuredwidth(),
     lp.y + currentview.getmeasuredheight());
  }


 }

 public static class layoutparams extends viewgroup.layoutparams {
  int x;
  int y;
  int msettingpaddingleft;
  int msettingpaddingtop;

  public layoutparams(context c, attributeset attrs) {
   super(c, attrs);
   typedarray a = c.obtainstyledattributes(attrs, r.styleable.cascadeviewgroup_layoutparams);
   msettingpaddingleft = a.getdimensionpixelsize(r.styleable.cascadeviewgroup_layoutparams_layout_paddingleft, 0);
   msettingpaddingtop = a.getdimensionpixelsize(r.styleable.cascadeviewgroup_layoutparams_layout_paddintop, 0);
   a.recycle();
  }

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

  public layoutparams(viewgroup.layoutparams source) {
   super(source);
  }
 }

 @override
 protected viewgroup.layoutparams generatedefaultlayoutparams() {
  return new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content);
 }

 @override
 protected viewgroup.layoutparams generatelayoutparams(viewgroup.layoutparams p) {
  return new layoutparams(p);
 }

 @override
 public viewgroup.layoutparams generatelayoutparams(attributeset attrs) {
  return new layoutparams(this.getcontext(), attrs);
 }
}

代码稍微优点长，但是结构还是很清晰的。

1）构造方法中或者xml文件中配置属性的值。通过typedarray中的方法获取我们在layout布局中设置的属性，并且将他们保存在成员变量中。

2）构造自定义的内部类layoutparams。构造这个内部类，可以方便我们在测量我们的子view的时候保存他们的属性值，以便在layout阶段布局。

3）generatelayoutparams()、generatedefaultparams()等方法。在这些方法中返回我们自定义的layoutparams。至于为什么要重写这些方法，可以查看viewgroup类的addview()方法就很清楚了。

4）measure阶段。在measure阶段，我们会测量自己的大小，同时也要测量子view的大小，并且将子view的信息保存在layoutparams中。

5）layout阶段。根据各个子view的信息，布局他们的位置。

最后加上布局文件。

<?xml version="1.0" encoding="utf-8"?>
<!--添加自定义属性给viewgroup-->
<!--新添加的命名空间的后缀必须保持和.xml中声明的包名一致-->
<com.app.customviewmotion.cascadeviewgroup
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:ts="http://schemas.android.com/apk/res/com.app.customviewmotion"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  ts:horizontalspacing="15dp"
  ts:verticalspacing="15dp">

 <textview android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center"
    android:text="text1"
    android:background="#668b8b"/>

 <textview android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center"
    android:text="text2"
    android:background="#ffdab9"/>

 <textview android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center"
    android:text="text3"
    android:background="#43cd80"/>

<!--这个子view中添加自定义子view属性-->
 <textview android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center"
    android:text="text4"
    ts:layout_paddingleft="100dp"
    ts:layout_paddintop="100dp"
    android:background="#00ced1"/>
</com.app.customviewmotion.cascadeviewgroup>

实现的效果如下：

以上就是的全部内容，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网