这个控件主要就是一个列表,那么我们就来说说这个控件吧,这个控件在以前的也看见过,但今天还是从新介绍一遍吧。Spinner位于 android.widget包下,每次只显示用户选中的元素,当用户再次点击时,会弹出选择列表供用户选择,而选择列表中的元素同样来自适配器。Spinner是View类得一个子类。
首先看看效果图:
步骤一、编写界面代码:
activity_main.xml:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > <Spinner android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/spinner" /> </LinearLayout>
spinner_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="fill_parent" android:orientation="horizontal" > <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/img" /> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:gravity="center" android:id="@+id/txt" /> </LinearLayout>
步骤二、准备数据填充到baseAdapter中(核心代码如下)
package com.veryedu.spinner; import java.util.ArrayList; import android.os.Bundle; import android.app.Activity; import android.graphics.Color; import android.view.LayoutInflater; import android.view.Menu; import android.view.View; import android.view.ViewGroup; import android.widget.Adapter; import android.widget.BaseAdapter; import android.widget.ImageView; import android.widget.Spinner; import android.widget.TextView; public class MainActivity extends Activity { class Entity{ public int image; public String text; public String color; public Entity(int image, String text,String color) { super(); this.color=color; this.image = image; this.text = text; } public Entity() { super(); } } ArrayList data=new ArrayList(); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Spinner spinner=(Spinner)this.findViewById(R.id.spinner); //注备数据 data.add(new Entity(R.raw.n5, "减少5%", "#CC00FF")); data.add(new Entity(R.raw.n10, "减少10%", "#00CCFF")); data.add(new Entity(R.raw.n20, "减少20%", "#00FF66")); data.add(new Entity(R.raw.n50, "减少50%", "#CC3333")); spinner.setAdapter(new BaseAdapter() { @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub if(convertView==null){ convertView=LayoutInflater.from(MainActivity.this).inflate(R.layout.spinner_items_layout, null); } Entity entity=(Entity) data.get(position); ImageView image=(ImageView)convertView.findViewById(R.id.img); TextView text=(TextView)convertView.findViewById(R.id.txt); image.setImageResource(entity.image); text.setText(entity.text); text.setTextColor(Color.parseColor(entity.color)); return convertView; } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public Object getItem(int position) { // TODO Auto-generated method stub return data.get(position); } @Override public int getCount() { // TODO Auto-generated method stub return data.size(); } }); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.activity_main, menu); return true; } }
源码下载请点这里: