您好!欢迎来到源码码网

Android下拉列表控件Spinner使用

  • 源码教程
  • 来源:源码码网
  • 编辑:admin
  • 时间:2021-01-10 14:29
  • 阅读:428

Spinner 提供下拉列表式的输入方式,该方法可以有效节省手机屏幕上的显示空间。

下面用一个简单的实例讲解 Spinner 的使用方法。在工程 WidgetDemo 的布局文件 main.xml 中添加一个 Button,用以启动 SpinnerActivity。

在 main.xml 中添加代码如下:

  1. <Button

  2.    android:id="@+id/button4"

  3.    android:layout_width="wrap_content"

  4.    android:layout_height="wrap_content"

  5.    android:text="SpinnerDemo"/>

单击 Button 并启动 SpinnerActivity 的代码如下:


  1. Button spinnerbtn = (Button) this.findViewById(R.id.button4);

  2. spinnerbtn.setOnClickListener(new View.OnClickListener() {

  3. @Override

  4.    public void onClick(View v) {

  5.          Intent intent = new Intent(MainActivity.this,

  6. SpinnerActivity.class);

  7.          startActivity(intent);

  8.    }

  9. });

同时在 AndroidManifest.xml文件中声明该 Activity:

<activity android:name=".SpinnerActivity "></activity>

SpinnerActivity 的运行效果如图 1 所示。

Spinner的应用界面

图 1  Spinner 的应用界面

SpinnerActivity 使用的布局文件为 spiner.xml,其代码如下:


  1. <?xml version="1.0" encoding="utf-8"?>

  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  3.     android:layout_width="match_parent"

  4.     android:layout_height="match_parent"

  5.     android:orientation="vertical">

  6.    <TextView

  7.         android:id="@+id/textView1"

  8.         android:layout_width="wrap_content"

  9.         android:layout_height="wrap_content"

  10.         android:text="textview"/>

  11.    <Spinner

  12.         android:id="@+id/spinner1"

  13.         android:layout_width="match_parent"

  14.         android:layout_height="wrap_content"/>

  15. </LinearLayout>


SpinnerActivity.java 文件的代码如下:

package introduction.android.widgetDemo;

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

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

public class SpinnerActivity extends Activity {

    private List<String> list = new ArrayList<String>();
    private TextView textview;
    private Spinner spinnertext;
    private ArrayAdapter<String> adapter;

    public void onCreate(Bundle savedlnstanceState) {
        super.onCreate(savedlnstanceState);
        setContentView(R.layout.spiner);
        //第一步:定义下拉列表内容
        list.add("A型");
        list.add("B型");
        list.add("O型");
        list.add("AB型");
        list.add("其他");
        textview = (TextView) findViewByld(R.id.textViewl);
        spinnertext = (Spinner) findViewByld(R.id.spinnerl);
        //第二步:为下拉列表定义一个适配器
        adapter = new ArrayAdapter<String>(this, 
                    android.R.layout.simple_spinner_item, list);
        //第三步:设置下拉列表下拉时的菜单样式
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        //第四步:将适配器添加到下拉列表上
        spinnertext.setAdapter(adapter);
        //第五步:添加监听器,为下拉列表设置事件的响应
        spinnertext.setOnltemSelectedListener(new Spinner.OnltemSelectedListener() {
            public void onltemSelected(AdapterView<?> argO, View argl,
                                 int arg2, long arg3) {
                // TODO Auto-generated method stub
                /* 将所选spinnertext的值带入myTextView中*/
                textview.setText("你的血型是:" + adapter.getItem(arg2));
                /* 将 spinnertext 显示^*/
                argO.setVisibility(View.VISIBLE);
            }

            public void onNothingSelected(AdapterView<?> argO) {
                // TODO Auto-generated method stub
                textview.setText("NONE");
                argO.setVisibility(View.VISIBLE);
            }
        });

        //将spinnertext添加到OnTouchListener对内容选项触屏事件处理
        spinnertext.setOnTouchListener(new Spinner.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                // 将mySpinner隐藏
                v.setVisibility(View.INVISIBLE);
                Log.i("spinner", "Spinner Touch事件被触发!");
                return false;
            }
        });

        //焦点改变事件处理
        spinnertext.setOnFocusChangeListener(new Spinner.OnFocusChangeListener() {
            public void onFocusChange(View v, boolean hasFocus) {
                // TODO Auto-generated method stub
                v.setVisibility(View.VISIBLE);
                Log.i("spinner", "Spinner FocusChange事件被触发!");
            }
        });

    }
}

SpinnerActivity 通过 5 个步骤将 Spinner 初始化并进行事件处理,分别为:

  • 定义下拉列表的列表项内容 List<String>。

  • 为下拉列表 Spinner 定义一个适配器 ArrayAdapter<String> ,并与列表项内容相关联。

  • 使用 ArrayAdapter.setDropDownViewResource() 设置 Spinner 下拉列表在打开时的下拉菜单样式。

  • 使用 Spinner. setAdapter() 将适配器数据与 Spinner 关联起来。

  • 为 Spinner 添加事件监听器,进行事件处理。


在本实例中,SpinnerActivity 在程序代码中动态建立了下拉列表每一项的内容。除此之外,还可以在 XML 文件中定义 Spinner 的下拉列表项,步骤如下。

1)在 res/values 文件夹下新建 cities.xml 文件夹:

  1. <?xml version="1.0" encoding="utf-8"?>

  2. <resources>

  3.    <string-array name="city">

  4.        <item>A型</item>

  5.        <item>B型</item>

  6.        <item>AB型</item>

  7.        <item>O型</item>

  8.        <item>其他</item>

  9.    </string-array>

  10. </resources>

2)在 SpinnerActivity.java 中初始化 Spinner:

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

  2. ArrayAdapter<CharSequence> adapter=ArrayAdapter.createF

  3. romResource(this, R.array.city,android.R.layout.simple_spinner_item);

  4. adapter.setDropDownViewResource

  5. (android.R.layout.simple_spinner_dropdown_item);

  6. spinner.setAdapter(adapter);

特别声明:
1、如无特殊说明,内容均为本站原创发布,转载请注明出处;
2、部分转载文章已注明出处,转载目的为学习和交流,如有侵犯,请联系客服删除;
3、编辑非《源码码网》的文章均由用户编辑发布,不代表本站立场,如涉及侵犯,请联系删除;
全部评论(0)
推荐阅读
  • bootstrap ui框架能用在uniapp中吗?
  • bootstrap ui框架能用在uniapp中吗?
  • BootstrapUI框架通常是前端开发中的一种工具,它提供了一套预定义的CSS样式和组件,用于快速构建响应式布局的网页。然而,UniApp是一个使用Vue.js开发跨平台应用的框架,它可以用来开发iOS、Android、以及各种小程序和H5应用。
  • 互动社区
  • 来源:源码码网
  • 编辑:热度建站
  • 时间:2024-04-12 00:04
  • 阅读:141
  • css实现banner图由中心点动态放大效果
  • css实现banner图由中心点动态放大效果
  • 在日常的网页设计中,为了让网页增加一定的特效以达到交互的目的,我们尝尝会在网页中使用一些动画效果。今天来说说实现banner图由中心点动态放大效果,实现这个效果需要用到css中的动画:animation​和关键帧:@keyframes,具体示例如下:
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-11 18:52
  • 阅读:158
  • countUp.js实现鼠标滑动到某个位置数字自动滚动增加的效果
  • countUp.js实现鼠标滑动到某个位置数字自动滚动增加的效果
  • 在网页开发中为了提升网页的交互效果,经常会用到使用js给网页增加一定的特效,下边就来说说使用js实现鼠标滑动到某个位置数字自动滚动增加的效果。其实这种效果有很多中解决办法,自己也可以去写,下边我们借助countUp.js来实现,关于这个js文件,我放在末尾:
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-08 09:20
  • 阅读:232
  • 响应式网页设计思路及注意事项
  • 响应式网页设计思路及注意事项
  • 一、什么是响应式网页响应式网页设计就是让网页具有根据设备类型应用CSS样式的能力。设计:设想、计划。设计就是把想法实现。网页设计:按照一定的设计思路布局网页内容。传统网页设计:都是针对PC端浏览器而设计的,不具备查询设备的能力,更不能对多种访问设备做出响应。传统网页设计的弊端:在移动互联网时代,传统的网页设计不适合多屏幕时代。响应式网页设计应运而生。响应式网页设计是一种设计网页的思想/方法。响应:指让我们的网页能够自动查询用户的访问设备
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-04-02 11:24
  • 阅读:136
  • css中rel的属性值都有哪些,分别代表什么意思
  • css中rel的属性值都有哪些,分别代表什么意思
  • 在HTML中,元素的rel属性用于定义当前文档与被链接文档之间的关系。这个属性在CSS的上下文中经常与样式表关联,但rel属性的用途远不止于此。以下是一些常见的rel属性值及其意义:1、stylesheet:表示被链接的文档是一个样式表。这通常用于链接CSS文件。
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-03-28 12:28
  • 阅读:270
联系客服
源码代售 源码咨询 素材咨询 联系客服
029-84538663
手机版

扫一扫进手机版
返回顶部