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了。