Android Spinner –下拉列表

时间:2020-02-23 14:29:16  来源:igfitidea点击:

本教程将为您提供使用Android Spinner作为下拉菜单,使用android bundle传递数据以及使用android toast显示弹出通知的实践经验。

我们将创建一个包含一个简单微调器的android应用程序,该微调器允许从下拉列表中选择一个项目。
我们将在微调器中显示静态数据。
从微调器中选择一个项目将显示一条祝酒消息。

要以捆绑形式在活动之间传递数据,我们将使用按钮执行意图并显示传递到下一个屏幕的数据。

Android微调器

Android Spinner只是一个下拉列表,类似于在其他编程语言(例如HTML页面)中看到的内容。

在Android中,微调框用于从一组值中选择一个值。
在默认状态下,微调器显示其当前选定的值。
触摸微调器将显示一个具有所有其他可用值的下拉菜单,用户可以从中选择一个新的值。

Android微调器与" AdapterView"相关联。
因此,我们需要使用Spinner设置适配器类。

Android下拉列表

以下xml文件显示了android中典型的微调框的布局,该布局由文本标签和微调框元素标签组成。

<?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">
  
  <!-- Text Label -->
  <TextView
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:layout_marginTop="10dip"
      android:text="Category:"
      android:layout_marginBottom="5dp"
  
  
  <!-- Spinner Element -->
  <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);

让我们开发一个应用程序,其中我们使用捆绑软件将微调器中的选定值传递到下一个屏幕,并同时显示选定值的Toast消息。

Android Spinner示例项目结构

下图显示了微调器示例的android studio项目。

让我们从MainActivity类的布局开始。
我们只需要将Button添加到basic_spinner.xml文件中即可。

<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">

      <!-- Text Label -->
      <TextView
          android:layout_width="fill_parent"
          android:layout_height="wrap_content"
          android:layout_marginTop="10dip"
          android:text="Category:"
          android:layout_marginBottom="5dp"
          

      <!-- Spinner Element -->
      <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="NEXT"
      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="Empty"
      android:id="@+id/txt_bundle"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
      android:layout_marginTop="103dp" 
</RelativeLayout>

这是Android Manifest文件。

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
  package="theitroad.local.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" java类的定义如下。

package theitroad.local.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);

      //Spinner element
      final Spinner spinner = (Spinner) findViewById(R.id.spinner);
      Button button=(Button)findViewById(R.id.button);

      //Spinner click listener
      spinner.setOnItemSelectedListener(this);

      //Spinner Drop down elements
      List<String> categories = new ArrayList<String>();
      categories.add("Item 1");
      categories.add("Item 2");
      categories.add("Item 3");
      categories.add("Item 4");
      categories.add("Item 5");
      categories.add("Item 6");

      //Creating adapter for spinner
      ArrayAdapter<String> dataAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, categories);

      //Drop down layout style - list view with radio button
      dataAdapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

      //attaching data adapter to spinner
      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) {
      //On selecting a spinner item
      String item = parent.getItemAtPosition(position).toString();

      //Showing selected spinner item
      Toast.makeText(parent.getContext(), "Selected: " + item, Toast.LENGTH_LONG).show();

  }

  public void onNothingSelected(AdapterView<?> arg0) {
      //TODO Auto-generated method stub

  }

}
package theitroad.local.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 bundle将选定的微调项作为字符串值传递给下一个活动。
然后,从包中检索数据并显示在TextView中。

打开微调框时,第一个屏幕显示下拉列表的内容。

选择一个项目后,Toast通知消息出现一段时间。

一段时间后,toast通知消失。
这并不能阻止我们单击下一步。

最后,在第二个屏幕中,使用Bundles检索下拉列表中的所选项目并显示在TextView中。