Android打造个性十足的组件技术之复合组件_android 复合组件-优快云博客

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

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

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

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

闲话少说，直接上实例：

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

view plain copy to clipboard print ?

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,其实就是一个简单的接口，在用户使用的时候，由用户来具体实现。

view plain copy to clipboard print ?

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

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

view plain copy to clipboard print ?

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();
}
});
}
}