Android开发教程：如何实现安卓下拉列表功能

2 年 ago

雅, 悟

4 minutes

这是文章《安卓下拉列表》的第1部分（共3部分）。

这个教程将让您以实践的方式使用安卓Spinner（下拉列表）作为下拉菜单，使用安卓Bundle（数据包）传递数据，以及使用安卓Toast（提示消息）显示弹出通知。我们将创建一个安卓应用程序，其中包含一个简单的Spinner，允许从下拉列表中选择项目。我们将在Spinner中显示静态数据。在Spinner中选择一个项目将显示一个Toast消息。为了在活动之间以Bundle的形式传递数据，我们将使用一个按钮执行意图并显示传递到下一个屏幕的数据。

安卓的下拉列表

安卓的Spinner就是一个类似于HTML页面中的下拉列表的功能。在安卓中，Spinner用于从一组值中选择一个值。在默认状态下，Spinner显示当前选定的值。点击Spinner会显示一个下拉菜单，其中包含所有可用的值，用户可以从中选择一个新值。安卓的Spinner与AdapterView（适配器视图）关联，因此我们需要使用适配器类设置Spinner。

Android下拉列表

下面的XML文件展示了安卓中一个典型的下拉选择器的布局，它包含一个文本标签和一个下拉选择器元素标签。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:padding="10dip"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    
    <!-- 文本标签 -->
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dip"
        android:text="类别:"
        android:layout_marginBottom="5dp"
    />
    
    <!-- Spinner元素 -->
    <Spinner 
        android:id="@+id/spinner"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:prompt="@string/spinner_title"
    />
</LinearLayout>

以下代码片段展示了如何在活动类中使用一个下拉选择框。

Spinner spinner = (Spinner) findViewById(R.id.spinner);

让我们开发一个应用程序，在Spinner中选择的值通过Bundle传递到下一个界面，并同时显示一个Toast消息来展示选择的值。

安卓下拉框示例项目结构

安卓下拉列表实现详解

这是文章《安卓下拉列表》的第2部分（共3部分）。

主活动布局文件

<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">


    <LinearLayout
        android:orientation="vertical"
        android:padding="10dip"
        android:id="@+id/linear_layout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">

        <!-- 文本标签 -->
        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:text="类别："
            android:layout_marginBottom="5dp"
            />

        <!-- 下拉列表元素 -->
        <Spinner
            android:id="@+id/spinner"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:prompt="@string/spinner_title"
            />
    </LinearLayout>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="下一步"
        android:id="@+id/button"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="137dp" />


</RelativeLayout>

第二个活动布局文件

第二个活动（SecondActivity）的布局如下所示:

<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="空"
        android:id="@+id/txt_bundle"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="103dp" />
</RelativeLayout>

应用程序清单文件

这是Android清单文件。AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="scdev.com.spinners" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".SecondActivity"/>
    </application>

</manifest>

主活动类代码

MainActivity类和SecondActivity类的定义如下。

package scdev.com.spinners;

import android.app.Activity;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.Toast;

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

public class MainActivity extends Activity implements AdapterView.OnItemSelectedListener {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 下拉列表元素
        final Spinner spinner = (Spinner) findViewById(R.id.spinner);
        Button button=(Button)findViewById(R.id.button);

        // 下拉列表点击监听器
        spinner.setOnItemSelectedListener(this);

        // 下拉列表选项
        List<String> categories = new ArrayList<String>();
        categories.add("项目 1");
        categories.add("项目 2");
        categories.add("项目 3");
        categories.add("项目 4");
        categories.add("项目 5");
        categories.add("项目 6");

        // 为下拉列表创建适配器
        ArrayAdapter<String> dataAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, categories);

        // 下拉布局样式 - 带单选按钮的列表视图
        dataAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        // 将数据适配器附加到下拉列表
        spinner.setAdapter(dataAdapter);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent= new Intent(MainActivity.this,SecondActivity.class);
                intent.putExtra("data",String.valueOf(spinner.getSelectedItem()));
                startActivity(intent);
            }
        });
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        // 选择下拉列表项时
        String item = parent.getItemAtPosition(position).toString();

        // 显示所选下拉列表项
        Toast.makeText(parent.getContext(), "已选择: " + item, Toast.LENGTH_LONG).show();

    }

    public void onNothingSelected(AdapterView<?> arg0) {
        // TODO 自动生成的方法存根

    }

}

第二个活动类代码

package scdev.com.spinners;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class SecondActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.second_activity);

        TextView  textView=(TextView) findViewById(R.id.txt_bundle);
        Bundle bundle=getIntent().getExtras();
        String data=bundle.get("data").toString();
        textView.setText(data);
    }
}

下载安卓下拉列表、捆绑包和提示消息示例项目

参考文献：官方文件

#Android开发 #Spinner #UI设计 #下拉列表 #安卓控件