Spinner自定义下拉列表

       我们的软件经常会出现下拉列表,在其中可以选择自己需要的信息。

       给出程序效果图:

       

        给出布局文件,一个textview控件,在其下有Spinner控件。布局十分简单。


<RelativeLayout 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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.spinner.MainActivity" >

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="你的爱好:" />

    <Spinner 
        android:layout_below="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/sp"
        />
</RelativeLayout>


在点击下拉按钮时,其会弹出一个选择框,这个选择框布局可以在layout定义,也可以代码添加。

package com.example.spinner;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.ArrayAdapter;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Spinner;
import android.widget.TextView;

public class MainActivity extends ActionBarActivity {

	private Spinner sp;
	private TextView tv;
	private List<HashMap<String,Object>> list;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		sp = (Spinner) this.findViewById(R.id.sp);
		tv = (TextView) this.findViewById(R.id.tv);
			
		list = new ArrayList<HashMap<String, Object>>();
		
		int[] a = new int[]{R.drawable.a,R.drawable.b,R.drawable.c};
		String[] b = new String[]{"足球","篮球","乒乓球"};
		
		for(int i=0;i<3;i++){
			HashMap<String, Object> map = new HashMap<String, Object>();
			map.put("image", a[i]);
			map.put("name", b[i]);
			list.add(map);
		}
				
		BaseAdapter ba = new BaseAdapter() {
			
			@Override
			public View getView(int position, View convertView, ViewGroup parent) {
				LinearLayout linearLayout = new LinearLayout(getApplicationContext());
				LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
						ViewGroup.LayoutParams.MATCH_PARENT,ViewGroup.LayoutParams.MATCH_PARENT);
				LinearLayout.LayoutParams imageParams = new LinearLayout.LayoutParams(30,30);
				linearLayout.setOrientation(LinearLayout.HORIZONTAL);
				ImageView imageView = new ImageView(getApplicationContext());
				imageView.setLayoutParams(imageParams);
				TextView textView = new TextView(getApplicationContext());
				imageView.setBackgroundResource((Integer) list.get(position).get("image"));
				textView.setText(list.get(position).get("name").toString());
				linearLayout.addView(imageView);
				linearLayout.addView(textView);
				return linearLayout;
			}
			
			@Override
			public long getItemId(int position) {
				return position;
			}
			
			@Override
			public Object getItem(int position) {
				return list.get(position);
			}
			
			@Override
			public int getCount() {
				return list.size();
			}
		};
		
		sp.setAdapter(ba);
		
		sp.setOnItemSelectedListener(new OnItmeSelectedListener());
	}
	
	private final class OnItmeSelectedListener implements OnItemSelectedListener{

		@Override
		public void onItemSelected(AdapterView<?> parent, View view,int position, long id) {
			
			
			tv.setText("你的爱好是:"+list.get(position).get("name"));
		}

		@Override
		public void onNothingSelected(AdapterView<?> parent) {
			
		}
	}
}

类似ListView,GridView控件,需要给他添加一个数据适配器,这里不讲数据适配器了,可以参考博客 http://blog.csdn.net/tan313/article/details/44536377,其他比较简单,就不赘叙了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值