自定义View_2_关于自定义组合View

自定义View（2）

　　Android当中给我们提供了丰富的UI控件，当然也许满足不了我们的需求，我们就必须学会自定义自己的View，我们怎么算是自定义自己的view呢！ 我们会根据原来有的View对View进行功能的扩展，对已有的控件进行组合来生成新的View，或者又我们自己完全的自定义一个View

　　所以自定义View 大致的分为三种：

　　　　　　1、创建复合控件

　　　　　　2、对现有的View进行扩展，

　　　　　　3、重写View来实现全新的View。

　　当然难度也是慢慢的上升的，下面我们先介绍几个在自定义控件当中，比较常用的几个回调方法。

• • onFinishInfate():在我们加载XML的时候，当加载完最后一个节点的时候，会做回调处理
  • onSizeChanged():在组件的大小改变的时候会做回调处理
  • onMeasure():在测量组件的大小的时候会做回调处理
  • onLayout():在确定组件位置的时候会做回调处理
  • onTouchEvent():在发生触摸事件的时候会做回调处理

　　在我们自定义控件的时候，有可能会去用到上述自己比较重要的方法，所以在开始的时候我们先来学习一下这些方法的用法，学习完以后我们来看第一种自定义控件的方法，创建复合型控件

　　1、创建复合控件

　　　　　这种自定义控件通常需要继承一个ViewGroup，再给它添加指定功能的控件，从而组合成为新的功能的控件，通过这种方式创建的控件，我们一般会给他们指定一些自己的属性，让它可以更加灵活的使用，下面我们就以“自定义TopBar”为例。

　　　　1、定义自己的属性，

　　　　　　我们自定义的控件有时候也希望和原生的控件一样，要有自己的属性，我们也可以像原生控件那样舒适的去使用我们自己的控件，当然了Android为用户提供了这种实现，我们首先在res资源目录下的values目录下创建一个名字为attrs.xml的一个属性创建文件，并且在该文件当中定义如下代码定义相应的资源

 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <declare-styleable name="TopBar">

         <attr name="titleText" format="string"/>
         <attr name="titleTextSize" format="dimension"/>
         <attr name="titleTextColor" format="color"/>

         <attr name="leftTextColor" format="color"/>
         <attr name="leftBackground" format="color|reference"/>
         <attr name="leftText" format="string"/>

         <attr name="rightTextColor" format="color"/>
         <attr name="rightBackground" format="color|reference"/>
         <attr name="rightText" format="string"/>

     </declare-styleable>
 </resources>

　　　　2、我们创建一个自定义控件-TopBar，并且让它继承ViewGroup，从而组合一些需要的控件。在构造方法里面我们通过TypedArray来获取在XML布局文件里面自定义的哪些属性，

 package com.suansuan.view;

 import com.suansuan.customcombinationcontrol.R;

 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.content.res.TypedArray;
 import android.graphics.drawable.Drawable;
 import android.util.AttributeSet;
 import android.view.View;
 import android.widget.Button;
 import android.widget.RelativeLayout;
 import android.widget.TextView;
 import android.view.View.OnClickListener;

 /**
  * 自定义的组合控件TopBar
  * @author liusuansuan
  *
  */
 @SuppressLint("NewApi")
 public class TopBar extends RelativeLayout implements OnClickListener{

     private int mLeftTextColor,mRightTextColor,mTitleColor;
     private String mLeftText,mRightText,mTitleText;
     private Drawable mLeftBackground,mRightBackground;
     private float mTitleSize;

     private TopbarClickListener mListener;
     private Button mLeftButton,mRightButton;
     private TextView mTitle;

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

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

     public TopBar(Context context) {
         super(context);
     }

     /**
      * 初始化操作
      * @param context
      * @param attrs
      */
     private void init(Context context, AttributeSet attrs) {
         TypedArray attributes = context.obtainStyledAttributes(attrs,R.styleable.TopBar);
         mLeftTextColor = attributes.getColor(R.styleable.TopBar_leftTextColor, 0);
         mLeftBackground = attributes.getDrawable(R.styleable.TopBar_leftBackground);
         mLeftText = attributes.getString(R.styleable.TopBar_leftText);

         mRightTextColor = attributes.getColor(R.styleable.TopBar_rightTextColor, 0);
         mRightBackground = attributes.getDrawable(R.styleable.TopBar_rightBackground);
         mRightText = attributes.getString(R.styleable.TopBar_rightText);

         mTitleSize = attributes.getDimension(R.styleable.TopBar_titleTextSize, 10);
         mTitleColor = attributes.getColor(R.styleable.TopBar_titleTextColor, 0);
         mTitleText = attributes.getString(R.styleable.TopBar_titleText);

         //注意：一定要调用recycle()
         attributes.recycle();
         initDataForView(context);
     }

     /**
      * 把数据放到空间之中
      * @param context
      */
     private void initDataForView(Context context) {
         mLeftButton = new Button(context);
         mRightButton = new Button(context);
         mTitle = new TextView(context);

         mLeftButton.setBackground(mLeftBackground);
         mLeftButton.setText(mLeftText);
         mLeftButton.setTextColor(mLeftTextColor);
         mLeftButton.setOnClickListener(this);
         SetViewLocation(RelativeLayout.ALIGN_PARENT_LEFT,mLeftButton);

         mRightButton.setBackground(mRightBackground);
         mRightButton.setText(mRightText);
         mRightButton.setTextColor(mRightTextColor);
         mRightButton.setOnClickListener(this);
         SetViewLocation(RelativeLayout.ALIGN_PARENT_RIGHT,mRightButton);

         mTitle.setTextSize(mTitleSize);
         mTitle.setTextColor(mTitleColor);
         mTitle.setText(mTitleText);
         SetViewLocation(RelativeLayout.CENTER_IN_PARENT,mTitle);
     }

     /**
      * 设置控件的位置
      * @param location
      * @param view
      */
     private void SetViewLocation(int location, View view) {
         LayoutParams layoutParams = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
         layoutParams.addRule(location,TRUE);
         addView(view,layoutParams);
     }

     /**
      * 设置监听
      * @param topbarClickListener
      */
     public void setOnTopBarClickListener(TopbarClickListener topbarClickListener){
         this.mListener = topbarClickListener;
     }

     /**
      * 暴露对外接口
      * @author suansuan
      *
      */
     public interface TopbarClickListener{
         void leftClick();
         void rightClick();
     }

     @Override
     public void onClick(View view) {
         if(view == mRightButton){
             if(mListener != null){
                 mListener.leftClick();
             }
         }else if(view == mLeftButton){
             if(mListener != null){
                 mListener.rightClick();
             }
         }
     }

 }

并且暴露相应的回调方法。

　　　　3、然后在我们自己的activity_main.xml布局文件当中去使用他，图片资源没有的自己配上，

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:custom="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent" >

     <com.suansuan.view.TopBar
         android:id="@+id/tp"
         android:layout_width="match_parent"
         android:layout_height="40dip"
         android:background="#333"
         custom:leftBackground="@drawable/cs_channel_focus"
         custom:leftText="Back"
         custom:leftTextColor="#ddd"
         custom:rightBackground="@drawable/cs_channel_focus"
         custom:rightText="More"
         custom:rightTextColor="#ddd"
         custom:titleText="网易新闻"
         custom:titleTextColor="#DDD"
         custom:titleTextSize="10sp" />

 </RelativeLayout>

　　　　4、像一般控件那样去使用它

　

 package com.suansuan.customcombinationcontrol;

 import android.os.Bundle;
 import android.support.v7.app.ActionBarActivity;
 import android.widget.Toast;

 import com.suansuan.view.TopBar;
 import com.suansuan.view.TopBar.TopbarClickListener;

 /**
  *
  * @author liusuansuan
  *
  */
 public class MainActivity extends ActionBarActivity {

     private TopBar mTopBar;

     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);

         initView();
     }

     private void initView() {
         mTopBar = (TopBar) findViewById(R.id.tp);
         mTopBar.setOnTopBarClickListener(new TopbarClickListener() {

             @Override
             public void rightClick() {
                 Toast.makeText(getApplicationContext(), "右边被点击了", Toast.LENGTH_SHORT).show();
             }

             @Override
             public void leftClick() {
                 Toast.makeText(getApplicationContext(), "左边被点击了", Toast.LENGTH_SHORT).show();
             }
         });
     }

 }

这就是效果，嘿嘿 虽然不是很美观  但是还不错