Android学习之自定义view(三)

自定义view第三篇，废话少说，直接进入正题。

第一步：在attrs.xml文件中定义属性名和值，并在构造函数中获取该值

<resources>

   <declare-styleablename="MyCustomView3">

        <attrname="horizonal_spacing"format="dimension"/>

        <attrname="vertical_spacing"format="dimension"/>

        <attrname="layout_vertical_spacing"format="dimension"/>

   </declare-styleable>

</resources>

 

public MyCustomView3(Context context, AttributeSet attrs) {

      super(context, attrs);

      //获取属性值

      TypedArrayta = context.obtainStyledAttributes(attrs, R.styleable.MyCustomView3);

      for(inti=0;i<ta.getIndexCount();i++){

         int attr = ta.getIndex(i);

         switch(attr){

         case R.styleable.MyCustomView3_horizonal_spacing :

            horizonal_spacing= ta.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(

                   TypedValue.COMPLEX_UNIT_SP,16, getResources().getDisplayMetrics()));

            break;

         case R.styleable.MyCustomView3_vertical_spacing :

            vertical_spacing =ta.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(

                   TypedValue.COMPLEX_UNIT_SP,16, getResources().getDisplayMetrics()));

            break;

         }

      }

      ta.recycle();

   }

 

注意：在构造函数中，horizonal_spacing和vertical_spacing的默认值通过(int)TypedValue.applyDimension(

                   TypedValue.COMPLEX_UNIT_SP,16, getResources().getDisplayMetrics())这个获取，默认为16dp；

也可以在dimension.xml文件中定义一个大小，然后通过getResources().getDimensionPixelSize(R.dimen.horizonal_spacing)获取。

 

第二步：重写onMeasure方法

在这里，当容器的宽和高被定义为wrap_content的时候：

宽度=(每张卡片的宽度+定义的水平间距) * 3;

高度=(每张卡片的高度+容器定义的垂直间距+视图定义的垂直间距) * 3;

//记录当为warp_content的时候容器的宽和高

      int width = 0;

      int height = 0;

     

      for(inti=0;i<getChildCount();i++){

         ViewchildView = getChildAt(i);

         mParams =(MyLayoutParams)childView.getLayoutParams();

         width+=  mParams.width +horizonal_spacing;

         //用布局定义的组件高度+定义的垂直间距+容器定义的垂直间距来决定子视图组件的高度

         height+= mParams.height +mParams.layout_vertical_spacing+vertical_spacing;

        

      }

 

第三步：重写onLayout方法

对子视图进行布局;

@Override

   protectedvoid onLayout(boolean changed, int l,int t,int r,int b) {

      //分别代表卡片的左x坐标，上y坐标,右x坐标,下y坐标

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

      for(inti=0;i<getChildCount();i++){

         ViewchildView = getChildAt(i);

         mParams =(MyLayoutParams)childView.getLayoutParams();

         switch(i){

         case 0 :

            //第一张卡片的左坐标为0，右坐标为视图定义的宽度；上y坐标为子视图自身定义的间距，下y坐标=上y坐标+视图定义的宽度

            cr= mParams.width;

            ct+= mParams.layout_vertical_spacing;

            cb= mParams.height +mParams.layout_vertical_spacing+vertical_spacing;

            break;

         case 1 :

            cl+= horizonal_spacing;

            cr+= horizonal_spacing;

            ct+= mParams.layout_vertical_spacing+vertical_spacing;

            cb+= mParams.layout_vertical_spacing+vertical_spacing;

           

            break;

         case 2 :

            cl+= horizonal_spacing;

            cr+= horizonal_spacing;

            ct+= mParams.layout_vertical_spacing+vertical_spacing;

            cb+= mParams.layout_vertical_spacing+vertical_spacing;

            break;

         }

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

      }

   }

 

 

第四步：比较关键。定义一个内部类，用于保存子视图的布局参数

/**

    * 用于获取子视图的布局参数

    * @authorwyb

    *

    */

   privateclass MyLayoutParamsextends ViewGroup.LayoutParams{

      //和布局中子视图定义的垂直间距想对应

      publicintlayout_vertical_spacing;

      public MyLayoutParams(Contextcontext, AttributeSet attrs) {

         super(context, attrs);

         //获取垂直间距

         TypedArraya = context.obtainStyledAttributes(attrs, 

                   R.styleable.MyCustomView3); 

            try { 

               layout_vertical_spacing= a 

                  .getDimensionPixelSize( 

                      R.styleable.MyCustomView3_layout_vertical_spacing, 

                      -1); 

            } finally { 

              a.recycle(); 

            }

      }

 

      public MyLayoutParams(int arg0,int arg1) {

         super(arg0, arg1);

         //TODO Auto-generated constructor stub

      }

 

      publicMyLayoutParams(LayoutParams arg0) {

         super(arg0);

         //TODO Auto-generated constructor stub

      }

     

   }

在这个案例中MyLayoutParams类的layout_vertical_spacing就是保存子视图的垂直间距。虽然在容器的构造函数中可以获取这个属性值，用于容器的测量和子视图的布局，但这样显得容器类不是很高类聚，因为这个属性是属于子视图的，所以应该定义在这个内部类中

 

好，此时如果你就开始使用这个容器的话，在onMeasure方法的

mParams =(MyLayoutParams)childView.getLayoutParams();这一行就会报错

出现这个错误的原因是还没有重写下面这三个方法

@Override

   public LayoutParams generateLayoutParams(AttributeSetattrs) {

      //TODO Auto-generated method stub

      returnnewMyLayoutParams(getContext(),attrs);

   }

 

   @Override

   protected LayoutParamsgenerateLayoutParams(LayoutParams p) {

      //TODO Auto-generated method stub

      return new MyLayoutParams(p);

   }

 

   @Override

   protected LayoutParamsgenerateDefaultLayoutParams() {

      //TODO Auto-generated method stub

      returnnewMyLayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);

   }

 

这三个方法的作用是为了告诉子视图有什么样的布局参数。比如现在MyLayoutParams是继承ViewGroup.LayoutParams，那么子视图想获取leftMargin这些属性的时候是无法获取，可以通过继承MarginLayoutParams来获取；其他属性依次类推，如想获取线性布局的orientation属性，就必须继承LinearLayout.LayoutParams这个类。

当然，也可以不用写这个内部类，然后在重写上面三个方法的时候直接返回某个类的对象即可；在这儿写这个内部类主要是让子视图拥有layout_vertical_spacing这个属性而已。

 

用法就很简单，直接在子视图中定义，如下：

<View 

           android:layout_width="70dp" 

           android:layout_height="100dp" 

            custom:layout_vertical_spacing="10dp"

           android:background="#00FF00"/>

 

 

第五步：使用这个自定义的ViewGroup

<com.example.mycustomview3.MyCustomView3

        android:layout_width="wrap_content"

       android:layout_height="wrap_content"

        android:background="#000000"

        custom:horizonal_spacing="20dp"

        custom:vertical_spacing="30dp">

        <View 

           android:layout_width="70dp" 

           android:layout_height="100dp" 

           android:background="#FF0000"/> 

 

       <View 

           android:layout_width="70dp" 

           android:layout_height="100dp" 

            custom:layout_vertical_spacing="10dp"

           android:background="#00FF00"/> 

 

       <View 

           android:layout_width="70dp" 

           android:layout_height="100dp" 

           android:background="#0000FF"/>

 

</com.example.mycustomview3.MyCustomView3>

 

当为：wrap_content的时候：

 

当为300dp的时候：

 

 

到此，自定义ViewGroup就算完成了。当然，这只是很初步的定义，后面还会进一步学习。