Android之自定义组合view

本文主要记录一些零碎的东西

项目中发现要重复写的东西太多了，开始自己造轮子，这个自定义的view很简单，只需要几步就好了，

这里的自定义的view，只要是实现类似于actionBar的顶部菜单栏功能，使用组合控件，即使用系统提供的组件，而不是自己去绘制，把所需组件组合在一起，我的如下  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    >
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1">
    </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="10"

        android:gravity="center">
        <TextView
            android:id="@+id/home_top_business"
            android:layout_width="50dp"
            android:layout_height="25dp"
            android:gravity="center"
            android:textColor="#000"
            android:background="@drawable/corners_bg"
            android:text="@string/business"/>
        <TextView
            android:id="@+id/home_top_wares"
            android:layout_width="50dp"
            android:layout_height="25dp"
            android:gravity="center"
            android:textColor="#000"
            android:background="@drawable/corners_bg"
            android:text="@string/wares"/>
        <TextView
            android:id="@+id/home_top_favorites"
            android:layout_width="50dp"
            android:layout_height="25dp"
            android:gravity="center"
            android:textColor="#000"
            android:background="@drawable/corners_bg"
            android:text="@string/favorites"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1"
        >
        <ImageView
            android:id="@+id/share"
            android:layout_width="20dp"
            android:layout_height="match_parent"
            android:src="@drawable/share"
            />
    </LinearLayout>


</LinearLayout>

然后新建一个自定义的HomeTopview，继承view或者其子类都可以

View 派生出来的直接或间接子类：ImageView, Button, CheckBox, SurfaceView, TextView, ViewGroup, AbsListView
ViewGourp 派生出来的直接或间接子类：AbsoluteLayout, FrameLayout, RelativeLayout, LinearLayout

我的代码：

import android.content.Context;
import android.content.Intent;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.cl.slack.tse.R;
import com.cl.slack.tse.activity.HomeActivity;
import com.cl.slack.tse.fragment.HomeFragment;

/**
 * Created by chenling on 2016/4/14.
 * 自定义view,组合控件 ,解放top 菜单
 */
public class HomeTopView extends LinearLayout {

    private TextView home_top_business,home_top_wares,home_top_favouries;//顶部三个TextView
    private Context mContext;
    private HomeTopListener homeTopListener;

    //一般我们这样使用时会被调用，View view = new View(context);
    public HomeTopView(Context context) {
        super(context);
    }
    //当我们在xml布局文件中使用View时，会在inflate布局时被调用，
    // <View layout_width="match_parent" layout_height="match_parent"/>。
    public HomeTopView(Context context, AttributeSet attrs) {
        super(context, attrs);
        Log.i("slack","HomeTopView...super(context, attrs)......");
        mContext = context;
        LayoutInflater.from(mContext).inflate(R.layout.home_top, this);
        home_top_business = (TextView)findViewById(R.id.home_top_business);
        home_top_business.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.i("slack", "onClick.........homeBusinessFragment");
                if(homeTopListener != null){
                    homeTopListener.businessClick();
                }else {
                    changecolor();
                    home_top_business.setBackgroundResource(R.drawable.corners_select_bg);
                    ((HomeActivity)mContext).getSupportFragmentManager().beginTransaction().replace(R.id.home_change, HomeFragment.homeBusinessFragment).commit();
                }

            }
        });
        home_top_wares = (TextView) findViewById(R.id.home_top_wares);
        home_top_wares.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.i("slack", "onClick.........homeWaresFragment");
                if(homeTopListener != null){
                    homeTopListener.waresClick();
                }else {
                    changecolor();
                    home_top_wares.setBackgroundResource(R.drawable.corners_select_bg);
                    ((HomeActivity) mContext).getSupportFragmentManager().beginTransaction().replace(R.id.home_change, HomeFragment.homeWaresFragment).commit();
                }
            }
        });
        home_top_favouries = (TextView) findViewById(R.id.home_top_favorites);
        home_top_favouries.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.i("slack", "onClick.........homeFavouriesFragment");
                if(homeTopListener != null){
                    homeTopListener.favouriesClick();
                }else {
                    changecolor();
                    home_top_favouries.setBackgroundResource(R.drawable.corners_select_bg);
                    ((HomeActivity) mContext).getSupportFragmentManager().beginTransaction().replace(R.id.home_change, HomeFragment.homeFavouriesFragment).commit();
                }

            }
        });
        //分享
        findViewById(R.id.share).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(homeTopListener != null){
                    homeTopListener.shareClick();
                }else {
                    Intent shareIntent = new Intent();
                    shareIntent.setAction(Intent.ACTION_SEND);
                    shareIntent.putExtra(Intent.EXTRA_TEXT, "我的博客地址：http://blog.csdn.net/i_do_can");
                    shareIntent.setType("text/plain");
                    //设置分享列表
                    mContext.startActivity(Intent.createChooser(shareIntent, "分享到"));
                }
            }
        });

    }
    private void changecolor() {
        home_top_business.setBackgroundResource(R.drawable.corners_bg);
        home_top_wares.setBackgroundResource(R.drawable.corners_bg);
        home_top_favouries.setBackgroundResource(R.drawable.corners_bg);
    }

    /*
    * 跟第二种类似，但是增加style属性设置，这时inflater布局时会调用第三个构造方法。
    * <View style="@styles/MyCustomStyle" layout_width="match_parent" layout_height="match_parent"/>。
    * */
    public HomeTopView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    //set 方法
    public void setHomeTopListener(HomeTopListener homeTopListener) {
        this.homeTopListener = homeTopListener;
    }
    //回调事件,可以不implement 但是只要实现了，必须写方法
    public interface HomeTopListener{
        void businessClick();
        void waresClick();
        void favouriesClick();
        void shareClick();
    }
}

有三个构造函数需要我们实现，我这里使用的是组合控件，只需要在HomeTopView(Context context, AttributeSet attrs)里就行

LayoutInflater.from(mContext).inflate(R.layout.home_top, this);这句话需要注意，如果是在fragment里，这里的第二个参数我习惯性的写 null，一开始我也是这么写的，后来发现直接报错，查看了郭霖大神的文章，才发现问题

这里我写了一个接口，方便在不同界面上更改顶部菜单栏里控件的点击事件，这个接口怎么使用，类似如下代码

public class Fragment extends Fragment implements HomeTopView.HomeTopListener{

    private HomeTopView homeTopView;

    
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        view = inflater.inflate(R.layout.home_base_fragment,null);
        homeTopView = (HomeTopView)view.findViewById(R.id.home_top);
        homeTopView.setHomeTopListener(this);
        return view;
    }
    @Override
    public void businessClick() {
        Log.i("slack","businessClick...");
    }

    @Override
    public void waresClick() {
        Log.i("slack","waresClick...");
    }

    @Override
    public void favouriesClick() {
        Log.i("slack","favouriesClick...");
    }

    @Override
    public void shareClick() {
        Log.i("slack","shareClick...");
    }
}

这样就可以简单实现自定义的组合view了。