Android自定义控件之组合控件

         Android组合控件是自定义控件的一种，项目中如果出现多处需要使用一些相同的布局块时，自定义组合控件会给我们带来很多方便（当然也可以用include的形式）。接下来我将展示如何将几个控件封装成一个组合控件，在此我将一个ImageView和两个Button组合成一个CombinationView实现一个图片前后切换的功能。

首先是我们组合控件的布局：   

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/bt_previous"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:padding="10dp"
            android:text="@string/previous" />

        <Button
            android:id="@+id/bt_next"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:padding="3dp"
            android:text="@string/next" />
    </LinearLayout>

    <ImageView
        android:id="@+id/iv_combination"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/ll"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="15dp"
        android:padding="10dp"
        android:scaleType="fitXY"
        android:src="@drawable/fengjing01" />

</RelativeLayout>

布局很简答一个ImageView，底部连个控制图片切换的Button。接下来是CombinationView的代码部分（控件的操作逻辑都封装在CombinationView中）。

package com.nado.customcombination.myview;

import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.RelativeLayout;

import com.nado.customcombination.R;

/**
 * @author ZQ
 * @time 上午9:23:34
 * @TODO
 */
public class CombinationView extends RelativeLayout {

	private int[] srcIds = new int[] { R.drawable.fengjing01,
			R.drawable.fengjing02, R.drawable.fengjing03,
			R.drawable.fengjing04, R.drawable.fengjing05, R.drawable.fengjing06 };

	private Button bt_previous;
	private Button bt_next;
	private int currentIndex;
	private ImageView showView;

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

	public CombinationView(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}

	public CombinationView(Context context) {
		this(context, null, 0);
	}

	public void init(Context context) {
		LayoutInflater.from(context).inflate(R.layout.conbinationview, this);
		// View.inflate(context, R.layout.conbinationview, this);
		showView = (ImageView) findViewById(R.id.iv_combination);
		bt_previous = (Button) findViewById(R.id.bt_previous);
		bt_next = (Button) findViewById(R.id.bt_next);
		bt_previous.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				currentIndex = currentIndex - 1;
				if (currentIndex < 0) {
					currentIndex = 5;
				}
				showView.setImageResource(srcIds[currentIndex]);
			}
		});
		bt_next.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				currentIndex = currentIndex + 1;
				if (currentIndex > 5) {
					currentIndex = 0;
				}
				showView.setImageResource(srcIds[currentIndex]);
			}
		});
	}
}

此段代码的逻辑也很简答，CombinationView继承自RelativeLayout（注意此处应与布局中保持一致），在init方法中通过findViewById给ImageView和Button赋值，在Button的点击事件中就可以实现图片切换的具体逻辑了。此处需要注意的一点是：在findViewById是因该先为此CombinationView找到相应的布局LayoutInflater.from(context).inflate(R.layout.conbinationview, this);此句代码中的三个参数分别为布局Id，this，true（可以不写默认为true）。

看一下效果图如下：

在此CombinationView种图片等的设置全部都放到了控件中，如果你不想这么做想在CombinationView之外给他设置或者切换图片。可以在CombinationView中写一个借口，接口中定义连个方法比如说changeUp();changeDowm()，并定义一个setlisten（l）；setImageView的方法和一个该接口的实现类(l为定义的接口)。在Button的点击事件中分别调用实现类的changeUp()，changeDowm()方法，此时只要在Activity中setListen并传入该接口的匿名内部类即可在changeUp()和changeDowm()中做你想要的操作。

源码连接：http://download.csdn.net/detail/z20113864/9546782