安卓开发之自绘spinner控件

一个简单的安卓spinner控件自绘。外观可行，但实用性不怎么样。

控件分为两个部分：一个textview和一个popupwindow

textview自定义边框形状、边线，并在右边添加“﹀“”︿”图像，单击textview时弹出popupwindow

代码：

主活动中：

public class MainActivity extends Activity { private SpinerPopWindow<String> mSpinerPopWindow; private List<String> list = new ArrayList<String>(); private TextView tvValue; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_main); list.add("test1:"); list.add("test2:"); list.add("test3:"); list.add("test4:"); list.add("test5:"); list.add("test6:"); tvValue = (TextView) findViewById(R.id.tv_value); //显示PopupWindow tvValue.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { switch (v.getId()) { case R.id.tv_value: mSpinerPopWindow.setWidth(tvValue.getWidth()); mSpinerPopWindow.showAsDropDown(tvValue); setTextImage(R.drawable.icon_up); break; } } }); //popupwindow显示的ListView的item点击事件 mSpinerPopWindow = new SpinerPopWindow<String>(this, list,new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position,long id) { mSpinerPopWindow.dismiss(); tvValue.setText(list.get(position)); } }); //监听popupwindow取消 mSpinerPopWindow.setOnDismissListener(new OnDismissListener() { @Override public void onDismiss() { setTextImage(R.drawable.icon_down); } }); } //设置右端图像 private void setTextImage(int resId) { Drawable drawable = getResources().getDrawable(resId); drawable.setBounds(0, 0, drawable.getMinimumWidth(),drawable.getMinimumHeight());// 必须设置图片大小，否则不显示 tvValue.setCompoundDrawables(null, null, drawable, null); } }

PopupWindow代码：

@SuppressWarnings("unused") @SuppressLint("InflateParams") public class SpinerPopWindow<T> extends PopupWindow { private LayoutInflater inflater; private ListView mListView; private List<T> list; private MyAdapter mAdapter; public SpinerPopWindow(Context context,List<T> list,OnItemClickListener clickListener) { super(context); inflater=LayoutInflater.from(context); this.list=list; init(clickListener); } private void init(OnItemClickListener clickListener) { View view = inflater.inflate(R.layout.spiner_window_layout, null); setContentView(view); setWidth(LayoutParams.WRAP_CONTENT); setHeight(LayoutParams.WRAP_CONTENT); setFocusable(true); ColorDrawable dw = new ColorDrawable(0x00); setBackgroundDrawable(dw); mListView = (ListView) view.findViewById(R.id.listview); mListView.setAdapter(mAdapter=new MyAdapter()); mListView.setOnItemClickListener(clickListener); } private class MyAdapter extends BaseAdapter { @Override public int getCount() { return list.size(); } @Override public Object getItem(int position) { return list.get(position); } @Override public long getItemId(int position) { return position; } @SuppressWarnings("unchecked") @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder holder=null; if(convertView==null) { holder=new ViewHolder(); convertView=inflater.inflate(R.layout.spiner_item_layout, null); holder.tvName=(TextView) convertView.findViewById(R.id.tv_name); convertView.setTag(holder); } else { holder=(ViewHolder) convertView.getTag(); } holder.tvName.setText(getItem(position).toString()); return convertView; } } private class ViewHolder { private TextView tvName; } } shape_list.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <!-- This is the main color --> <item> <shape> <!-- 边框颜色 --> <solid android:color="#71C297"/> </shape> </item> <!-- 给View的上 左 右设置8dp的边框 --> <item android:left="1dp" android:right="1dp" android:bottom="1dp"> <shape> <!-- View填充颜色 --> <solid android:color="#FFFFFFFF"/> </shape> </item> </layer-list> shape_tv.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 填充的颜色 --> <solid android:color="#FFFFFFFF" /> <corners android:topLeftRadius="5dp" android:topRightRadius="5dp" /> <!-- 设置边框 --> <stroke android:width="1dp" android:color="#71C297" /> </shape> spiner_window_layout.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:orientation="vertical"> <ListView android:id="@+id/listview" android:layout_width="fill_parent" android:layout_height="wrap_content" android:cacheColorHint="#00000000" android:background="@drawable/shape_list" android:scrollbars="none" > </ListView> </LinearLayout> spiner_item_layout.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center_vertical"> <TextView android:id="@+id/tv_name" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="10dp" android:textColor="#666666" android:textSize="20sp"/> </LinearLayout> actity_main.xml

<TextView android:id="@+id/tv_value" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="20dp" android:layout_marginRight="20dp" android:background="@drawable/shape_tv"//可以设置背景图片 android:drawableRight="@drawable/icon_down" android:padding="10dp" android:text="请选择父类别" android:textColor="#666666" android:textSize="20sp" />