Android打造个性十足的组件技术之复合组件

在Android中，我们可以通过继承View来打造完全如我们所愿的组件，但是，有的时候，我们需要的组件是一个由现有的几个组件的组合实现的，那么我们就可以利用组件合成技术，呵呵，这个名字我自己起的。



在Android中打造复合组件，其实只需要继承Layout或者其子类，比如LinearLayout等，然后在其中定义需要完成该功能的现有的几个组件。



然后定义一个监听器（就是一个简单的接口，暴露给用户使用，获取返回的数据，给用户使用）



本文通过使用两个Spinner来打造一个省份城市信息联动的选择控件，省份和城市信息的联动是开发中经常遇到的，这里我们看看使用组件合成技术如何简单巧妙的实现该功能。本例是雏形，强大的功能待大家完善。



闲话少说，直接上实例：



1、自定义一个CitySpinner，代码：

package org.widget.spinner;
import java.util.ArrayList;
import java.util.HashMap;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.LinearLayout;
import android.widget.Spinner;
/**
 * 自定义复合组件，实现省份城市联动Spinner组件
 * 定义复合组件通常继承自Layout，不必重写onDraw,onMesure等方法，除非有特殊的需求
 * @author Administrator
 *
 */
public class CitySpinner extends LinearLayout {
	
	private Context context;
	
	private Spinner mProvinceSpinner, mCitySpinner;
	
	private HashMap<String, ArrayList<String>> proCities; //存放数据
	
	private ArrayList<String> provinces;
	
	private OnCitySelectListener cityListener;
	
	
	private AdapterView.OnItemSelectedListener provinceSelectListener = new AdapterView.OnItemSelectedListener() {
		@Override
		public void onItemSelected(AdapterView<?> p, View v, int position,
				long id) {
			// 在选择了一个省份后，我们需要更新对应的城市列表
			String currProvince = (String)p.getItemAtPosition(position);
			switchCity(currProvince);
			
		}
		@Override
		public void onNothingSelected(AdapterView<?> arg0) {
			// TODO Auto-generated method stub
			
		}
	};
	
	private AdapterView.OnItemSelectedListener citySelectListener = new AdapterView.OnItemSelectedListener() {
		@Override
		public void onItemSelected(AdapterView<?> p, View v, int position,
				long id) {
			
			if(cityListener != null){
				//这里获取当前选择的省份和城市
				String province = (String)mProvinceSpinner.getSelectedItem();
				String city = (String)p.getItemAtPosition(position);
				cityListener.onCitySelected(province, city);
			}
			
		}
		@Override
		public void onNothingSelected(AdapterView<?> arg0) {
			// TODO Auto-generated method stub
			//Do nothing;
		}
	};
	
	
	public CitySpinner(Context context, HashMap<String, ArrayList<String>> data){
		super(context);
		this.context = context;	
		if(data != null){
			init(data);
		}
	}
	
	public CitySpinner(Context context, HashMap<String, ArrayList<String>> data, AttributeSet attrs){
		super(context, attrs);
		this.context = context;	
		if(data != null){
			init(data);
		}		
	}	
	
	private void init(HashMap<String, ArrayList<String>> data){
		this.setOrientation(HORIZONTAL); //水平布局
		this.setWeightSum(0.5f);
		//然后设置省份Spinner的数据
		
		//首先,我们直接在代码中定义组件
//		mProvinceSpinner = new Spinner(context);
//		mCitySpinner = new Spinner(context);
		//我们看看从xml文件中获取
		View v = LayoutInflater.from(context).inflate(R.layout.city, null);
		mProvinceSpinner = (Spinner)v.findViewById(R.id.province);
		mCitySpinner = (Spinner)v.findViewById(R.id.city);
		//在将这两个组件添加到新的LinearLayout中时,需要首先将这两个组件从原来的Layout中删除
		LinearLayout temp = (LinearLayout)v.findViewById(R.id.layout_city);
		temp.removeAllViews();
		//添加监听
		mProvinceSpinner.setOnItemSelectedListener(provinceSelectListener);
		mCitySpinner.setOnItemSelectedListener(citySelectListener);
		
		//如何对其进行定制布局格式呢??待解决
		this.proCities = data;
		initProvince();
		
		this.addView(mProvinceSpinner,LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
		this.addView(mCitySpinner,LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);		
	}
	
	//初始化省份信息
	private void initProvince(){
		provinces = new ArrayList<String>();
		Object[] temps = proCities.keySet().toArray();
		for(int i=0; i<temps.length; i++){
			provinces.add((String)temps[i]);
		}
		ArrayAdapter<String> adapter = new ArrayAdapter<String>(context, android.R.layout.simple_spinner_item,provinces);
		adapter.setDropDownViewResource(android.R.layout.simple_dropdown_item_1line);
		mProvinceSpinner.setAdapter(adapter);		
	}
	
	//根据当前指定的省份更新对应的城市信息
	private void switchCity(String currProvince){
		
		ArrayList<String> cities = proCities.get(currProvince);
		
		ArrayAdapter<String> adapter = new ArrayAdapter<String>(context, android.R.layout.simple_spinner_item,cities);
		adapter.setDropDownViewResource(android.R.layout.simple_dropdown_item_1line);
		mCitySpinner.setAdapter(adapter);		
	}
	public Spinner getmProvinceSpinner() {
		return mProvinceSpinner;
	}
	public void setmProvinceSpinner(Spinner mProvinceSpinner) {
		this.mProvinceSpinner = mProvinceSpinner;
	}
	public Spinner getmCitySpinner() {
		return mCitySpinner;
	}
	public void setmCitySpinner(Spinner mCitySpinner) {
		this.mCitySpinner = mCitySpinner;
	}
	
	public void setOnCitySelectListener(OnCitySelectListener listener){
		this.cityListener = listener;
	}
}

2、该代码中使用到了一个监听器OnCitySelectListener,其实就是一个简单的接口，在用户使用的时候，由用户来具体实现。

/**
 * 选择事件监听器
 * @author Administrator
 *
 */
public interface OnCitySelectListener {
	
	public void onCitySelected(String province, String city);
}

3、测试代码，目前不能再配置文件中使用该控件，只能在代码中使用，如何使其能在配置文件中使用，也很简单。后期待完成。代码：

package demo.spinner;
import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.os.Bundle;
import android.widget.LinearLayout;
import android.widget.Toast;
public class DemoActivity extends Activity {
    /** Called when the activity is first created. */
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        HashMap<String, ArrayList<String>> data = new HashMap<String, ArrayList<String>>();
        for(int i=0; i<5; i++){
        	ArrayList<String> cities = new ArrayList<String>();
        	for(int j=0; j<5; j++){
        		cities.add("cities"+i+j);
        	}
        	data.put("province"+i, cities);
        }
        final CitySpinner spinner = new CitySpinner(this, data);
        LinearLayout layout = (LinearLayout)this.findViewById(R.id.layout_demo);
        layout.addView(spinner);        
        //CitySpinner spinner = (CitySpinner)this.findViewById(R.id.city_spinner);//在布局文件中加入,目前不行，待完善
        spinner.setOnCitySelectListener(new OnCitySelectListener() {
			
			@Override
			public void onCitySelected(String province, String city) {
				// 
				Toast.makeText(DemoActivity.this, "当前省市："+province+city, Toast.LENGTH_LONG).show();
			}
		});
        
    }
}

可以看到，组件合成技术，如此简单而已！