21下拉列表

来源：互联网发布：数据完整性保护编辑：程序博客网时间：2024/06/05 19:23

文字列表

目标效果：

运行显示下拉列表，点击可展开，点击子项目会将子项目显示到横线上，并且在TextView中显示选择的城市。

1.activity_main.xml页面添加Spinner控件。

activity_main.xml页面：

[html] view plain copy
<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"  
    tools:context=".MainActivity" >  
  
    <TextView  
        android:id="@+id/tvShow"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:textSize="20sp" />  
  
    <Spinner  
        android:id="@+id/spDwon"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:layout_alignParentLeft="true"  
        android:layout_below="@+id/tvShow"  
        android:layout_marginTop="36dp" />  
  
</RelativeLayout>  

2.MainActivity.java页面进行数据源的定义和适配器的配置。

MainActivity.java页面：

[java] view plain
package com.example.downshow;  
  
import java.util.ArrayList;  
import java.util.List;  
  
import android.os.Bundle;  
import android.app.Activity;  
import android.util.Log;  
import android.view.Menu;  
import android.view.View;  
import android.widget.AdapterView;  
import android.widget.ArrayAdapter;  
import android.widget.Spinner;  
import android.widget.TextView;  
import android.widget.AdapterView.OnItemSelectedListener;  
  
public class MainActivity extends Activity implements OnItemSelectedListener{  
  
    private TextView tvShow;  
    private Spinner spDown;  
    private List<String> list;  
    private ArrayAdapter<String> adapter;  
      
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
      
        tvShow=(TextView) findViewById(R.id.tvShow);  
        spDown=(Spinner) findViewById(R.id.spDwon);  
        tvShow.setText("您选择的城市是北京");  
          
        /*设置数据源*/  
        list=new ArrayList<String>();  
        list.add("北京");  
        list.add("上海");  
        list.add("广州");  
        list.add("深圳");  
          
        /*新建适配器*/  
        adapter=new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,list);  
      
        /*adapter设置一个下拉列表样式，参数为系统子布局*/  
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_item);  
      
        /*spDown加载适配器*/  
        spDown.setAdapter(adapter);  
      
        /*soDown的监听器*/  
        spDown.setOnItemSelectedListener(this);  
    }  
  
    @Override  
    public boolean onCreateOptionsMenu(Menu menu) {  
        getMenuInflater().inflate(R.menu.main, menu);  
        return true;  
    }  
  
    @Override  
    public void onItemSelected(AdapterView<?> parent, View view, int position,  
            long id) {  
        String cityName=adapter.getItem(position);   //获取选中的那一项  
        tvShow.setText("您选择的城市是"+cityName);  
    }  
  
    @Override  
    public void onNothingSelected(AdapterView<?> arg0) {  
    }  
}  

3.运行就可以显示文字的下拉列表了，但是还可以自定义下拉列表样式。

图文列表

目标效果：

1.新建item.xml页面作为子布局。

item.xml页面：

[html] view plain
<?xml version="1.0" encoding="utf-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="wrap_content"  
    android:layout_height="wrap_content"  
    android:orientation="horizontal" >  
  
    <ImageView  
        android:id="@+id/ivFruit"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:src="@drawable/ic_launcher" />  
  
    <TextView  
        android:id="@+id/tvFruit"  
        android:layout_gravity="center"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="TextView" />  
  
</LinearLayout>  

2.新建一个SecondActivity.java页面和activity_second.xml页面，作为显示图文下拉列表的页面。

activity_second.xml页面：

[html] view plain copy
<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"  
    tools:context=".SecondActivity" >  
  
    <TextView  
        android:id="@+id/tvShow"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="@string/hello_world" />  
  
    <Spinner  
        android:id="@+id/spDown"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:layout_alignParentRight="true"  
        android:layout_below="@+id/textView1"  
        android:layout_marginTop="35dp" />  
  
</RelativeLayout>  

3.SecondActivity.java页面设置适配器添加数据源。

SecondActivity.java页面：

[java] view plain copy
package com.example.downshow;  
  
import java.util.ArrayList;  
import java.util.HashMap;  
import java.util.List;  
import java.util.Map;  
  
import android.os.Bundle;  
import android.app.Activity;  
import android.view.Menu;  
import android.view.View;  
import android.widget.AdapterView;  
import android.widget.AdapterView.OnItemSelectedListener;  
import android.widget.ImageView;  
import android.widget.SimpleAdapter;  
import android.widget.Spinner;  
import android.widget.TextView;  
  
public class SecondActivity extends Activity implements OnItemSelectedListener{  
  
    private TextView tvShow;  
    private Spinner spDown;  
  
    private SimpleAdapter adapter;  
    private List<Map<String, Object>> dataList;  
  
    private int[] icon = { R.drawable.apple_pic, R.drawable.banana_pic,  
            R.drawable.cherry_pic, R.drawable.grape_pic, R.drawable.mango_pic,  
            R.drawable.orange_pic, R.drawable.pear_pic,  
            R.drawable.pineapple_pic, R.drawable.strawberry_pic,  
            R.drawable.watermelon_pic };  
    private String[] iconName = { "苹果", "香蕉", "樱桃", "葡萄", "芒果", "橘子", "梨",  
            "菠萝", "草莓", "西瓜" };  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_second);  
  
        tvShow = (TextView) findViewById(R.id.tvShow);  
        spDown = (Spinner) findViewById(R.id.spDown);  
        tvShow.setText("您选择的是苹果");  
  
        /*创建数据源*/  
        dataList = new ArrayList<Map<String, Object>>();  
          
        /*创建简单适配器*/  
        adapter = new SimpleAdapter(this, getData(), R.layout.item,  
                new String[] { "ivFruit", "tvFruit" }, new int[] { R.id.ivFruit,  
                        R.id.tvFruit });  
          
        /*adapter设置一个下拉列表样式，参数为自己定义的子布局*/  
        adapter.setDropDownViewResource(R.layout.item);  
          
        /*spDown加载适配器*/  
        spDown.setAdapter(adapter);  
          
        /*spDown设置监听事件*/  
        spDown.setOnItemSelectedListener(this);  
    }  
  
    /*设置数据源*/  
    private List<Map<String, Object>> getData() {  
        for(int i=0;i<icon.length;i++){      //循环添加图片文字信息  
            Map<String,Object> map=new HashMap<String, Object>();  
            map.put("ivFruit", icon[i]);  
            map.put("tvFruit",iconName[i]);  
            dataList.add(map);  
        }  
        return dataList;  
    }  
  
    @Override  
    public boolean onCreateOptionsMenu(Menu menu) {  
        getMenuInflater().inflate(R.menu.second, menu);  
        return true;  
    }  
  
    @Override  
    public void onItemSelected(AdapterView<?> parent, View view, int position,  
            long id) {  
        tvShow.setText("您选择的是"+adapter.getItem(position));//更改显示信息  
    }  
  
    @Override  
    public void onNothingSelected(AdapterView<?> arg0) {  
        // TODO Auto-generated method stub  
    }  
}  

4.运行就可以显示图文的目标效果了。

过程中出现了点小错误，还能运行。

0 0