Android UI控件之Spinner下拉列表效果

下拉列表---Spinner用于显示列表项，类似于一组单选按钮RadioButton。Spinner的使用，可以极大的提升用户的体验性。当需要用户选择的时候，可以提供一个下拉列表项给用户选择。

具体来说下拉列表是如何实现的呢？

通过查阅API知道Spinner继承AdapterView，因此它的数据源需要通过Adapter实现。

一般来说Spinner的数据源可以是数组，也可以是一个XML文件。

一、以数组作为数据源

这种实现方式比较简单，先上效果图：

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"
  android:orientation="vertical" > 

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Spinner演示"
    android:layout_gravity="center_horizontal"/>
  <TextView
    android:id="@+id/result"
    android:text="你的选择："
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />
  <Spinner
    android:id="@+id/spinner"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"/> 

</LinearLayout>

MainActivity文件代码：

package com.kiritor.ui_spinner; 

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView; 

public class MainActivity extends Activity { 

  private TextView result = null;
  private Spinner spinner = null;
  private ArrayAdapter<String> adapter = null;
  private static final String [] langurage ={"机器语言","汇编","c语言","c++语言","java语言"};
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    result = (TextView)findViewById(R.id.result);
    spinner = (Spinner)findViewById(R.id.spinner);
    adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_item,langurage);
    //设置下拉列表风格
    adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
    //将适配器添加到spinner中去
    spinner.setAdapter(adapter);
    spinner.setVisibility(View.VISIBLE);//设置默认显示
    spinner.setOnItemSelectedListener(new OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> arg0, View arg1,
        int arg2, long arg3) {
      // TODO Auto-generated method stub
      result.setText("你的选择是："+((TextView)arg1).getText()); 

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

      }
    }); 

  } 

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
  } 

}

二、以xml文件作为数据源

先上效果图吧：

数据源xml文件：

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <string-array name="langurage">
    <item>机器语言</item>
    <item>汇编语言</item>
    <item>c语言</item>
    <item>c++语言</item>
    <item>java语言</item>
    <item>Android学习</item>
  </string-array>
</resources> 

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"
  android:orientation="vertical" > 

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Spinner演示"
    android:layout_gravity="center_horizontal"/>
  <TextView
    android:id="@+id/result"
    android:text="你的选择："
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />
  <Spinner
    android:id="@+id/spinner"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"/> 

</LinearLayout>

MainActivity

package com.kiritor.ui_spinner; 

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView; 

public class MainActivity extends Activity { 

  private TextView result = null;
  private Spinner spinner = null;
  private ArrayAdapter<CharSequence> adapter = null; 

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    result = (TextView)findViewById(R.id.result);
    spinner = (Spinner)findViewById(R.id.spinner);
    <span style="color:#FF0000;">adapter = ArrayAdapter.createFromResource(this,R.array.langurage,android.R.layout.simple_spinner_item);</span>
    //设置下拉列表风格
    adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
    //将适配器添加到spinner中去
    spinner.setAdapter(adapter);
    spinner.setVisibility(View.VISIBLE);
    spinner.setOnItemSelectedListener(new OnItemSelectedListener() {
    @Override
    public void onItemSelected(AdapterView<?> arg0, View arg1,
        int arg2, long arg3) {
      // TODO Auto-generated method stub
      result.setText("你的选择是："+((TextView)arg1).getText()); 

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

      }
    }); 

  } 

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
  } 

}

今天就到这里了，至于spinner的自定义用法和一些Spinner的实际用法举例，下次再说！

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

您可能感兴趣的文章:

• Android高级UI特效仿直播点赞动画效果
• Android 仿抖音的评论列表的UI和效果的实现代码
• Android UI新组件学习和使用
• Android MIUI通知类短信权限的坑
• Android UI 中的 ListView列表控件的示例
• 浅谈Android RecyclerView UI的滚动控件示例
• android开发仿ios的UIScrollView实例代码
• Android Build Variants 为项目设置变种版本的方法
• Android编程设计模式之Builder模式实例详解
• Android UI控件之ImageSwitcher实现图片切换效果
• Android UI控件之Gallery实现拖动式图片浏览效果
• Android UI控件之ListView实现圆角效果
• Android UI控件之ProgressBar进度条
• Android利用Espresso进行UI自动化测试的方法详解
• Android编程处理窗口控件大小，形状，像素等UI元素工具类
• Android build文件的删除的方法
• android studio 一直卡在Gradle:Build Running的几种解决办法
• 25个实用酷炫的Android开源UI框架