首页 > 其他分享 >12.Spinner

12.Spinner

时间：2022-09-19 16:23:30浏览次数：50  
标签：widget 12 layout Spinner spAnimals import android

Spinner提供了从一个数据集合中快速选择一项值的办法。

默认情况下Spinner显示的是当前选择的值，点击Spinner会弹出一个包含所有可选值的dropdown菜单，从该菜单中可以为Spinner选择一个新值。

下拉列表的展示方式有两种：

一种是在当前下拉框的正下方展示列表，此时把spinnerMode属性设置为dropdown；

另一种是在页面中部以对话框形式展示列表，此时把SpinnerMode属性设置为dialog。

一、最简单的Spinner

首先新建一个SpinnerTest项目，并让Android Studio自动创建活动。

在布局文件中添加Spinner控件，修改activity_main.xml中的代码，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity">

    <Spinner
        android:id="@+id/spAnimals"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</LinearLayout>

1、通过android:entries属性添加数据

首先，修改strings.xml字符串资源文件，使用<string-array>元素来包含一些<item>子元素，用于定义生肖名称。代码如下：

<resources>
    ……
    <string-array name="list_animals">
        <item>子鼠</item>
        <item>丑牛</item>
        <item>寅虎</item>
        <item>卯兔</item>
        <item>辰龙</item>
        <item>巳蛇</item>
    </string-array>
</resources>

在字符串资源文件中，增加<string-array>节点，定义name为list_animals，在该节点下增加<item>项目节点。

然后，修改Spinner控件，增加android:entries属性，属性值为@array/list_animals：

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity">

    <Spinner
        android:id="@+id/spAnimals"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:entries="@array/list_animals" />
</LinearLayout>

运行程序，效果如图显示：

 

 

 

2、通过适配器添加数据

首先，删除Spinner控件中的android:entries属性，再修改MainActivity中的代码，如下所示：

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private String[] animals = {"子鼠", "丑牛", "寅虎", "卯兔", "辰龙", "巳蛇", "午马", "未羊", "申猴", "酉鸡", "戌狗", "亥猪"};

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

        //声明一个下拉列表的数组适配器
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_item, animals);

        //从布局文件中获取名叫spAnimals的下拉框
        Spinner spAnimals = findViewById(R.id.spAnimals);

        //设置下拉框的数组适配器
        spAnimals.setAdapter(adapter);
    }
}

这里使用的还是ArrayAdapter，和ListView用的ArrayAdapter一样。这里由于我们提供的数据都是字符串，因此将ArrayAdapter的泛型指定为String。

然后在ArrayAdapter的构造方法中依次传入当前上下文、Spinner子项布局的id，以及要适配的数据。

这里的Spinner子项布局的id是android.R.layout.simple_spinner_item（列表-间距紧凑不好看）。

内置的布局样式还有：

  • android.R.layout.simple_spinner_dropdown_item：列表-间距较高比较好看
  • android.R.layout.simple_list_item_single_choice：单选按钮
  • android.R.layout.simple_list_item_checked：复选框-选中的有绿勾

      

android.R.layout.simple_spinner_item                android.R.layout.simple_spinner_dropdown_item

注意：ArrayAdapter构造方法的第2个参数是指”未展开“时的布局样式， 我们可以通过setDropDownViewResource()方法来指定”展开“时的布局样式。 
import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private String[] animals = {"子鼠", "丑牛", "寅虎", "卯兔", "辰龙", "巳蛇", "午马", "未羊", "申猴", "酉鸡", "戌狗", "亥猪"};

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

        //声明一个下拉列表的数组适配器
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_spinner_dropdown_item, animals);

        // 设置下拉菜单展开时的样式
        adapter.setDropDownViewResource(android.R.layout.simple_list_item_checked);
        
        //从布局文件中获取名叫spAnimals的下拉框
        Spinner spAnimals = findViewById(R.id.spAnimals);

        //设置下拉框的数组适配器
        spAnimals.setAdapter(adapter);
    }
}

       

二、定制Spinner的界面

1、定制”未展开“和”展开“的样式

未展开样式item_select.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:background="@android:color/holo_blue_dark"
    android:gravity="center"
    android:textColor="@android:color/holo_red_light"
    android:textSize="14sp" />

展开样式item_dropdown.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:gravity="center"
    android:textColor="@android:color/black"
    android:textSize="14sp" />

修改布局文件activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity">

    <Spinner
        android:id="@+id/spAnimals"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:background="@null"
        android:dropDownVerticalOffset="45dp"
        android:spinnerMode="dropdown" />
</LinearLayout>

修改MainActivity.java

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private String[] animals = {"子鼠", "丑牛", "寅虎", "卯兔", "辰龙", "巳蛇", "午马", "未羊", "申猴", "酉鸡", "戌狗", "亥猪"};

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

        //声明一个下拉列表的数组适配器
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.item_select, animals);

        // 设置下拉菜单展开时的样式
        adapter.setDropDownViewResource(R.layout.item_dropdown);

        //从布局文件中获取名叫spAnimals的下拉框
        Spinner spAnimals = findViewById(R.id.spAnimals);

        //设置下拉框的数组适配器
        spAnimals.setAdapter(adapter);
    }
}

运行效果：

2、Spinner的其他方法

（1）设置下拉框的标题。

只在dialog样式中显示，android:spinnerMode="dialog"，如左图；不在dropdown样式下显示，android:spinnerMode="dropdown"，如右图。

  • setPrompt(CharSequence prompt)：参数为字符串
  • setPromptId(int promptId)：参数为字符串的ID，如R.string.xxxx

（2）设置下拉框默认的显示第n项

  • setSelection(int position)：
  • setSelectionInt(int position, boolean animate) ：

    

 

3、dropdown模式下的列表分割线

在下图①中的位置添加自己的style，在②出进行应用。

 

在style中添加如下代码即可。

添加样式：

<style name="XSpinnerStyle" parent="android:Widget.ListView.DropDown">
    <!-- 分隔线颜色 -->
    <item name="android:divider">#3F51B5</item>
    <item name="android:dividerHeight">1dp</item>
</style>

然后在AppTheme中调用：

<item name="android:dropDownListViewStyle">@style/XSpinnerStyle</item>

但注意，该分割线只有是dropdown样式时才会显示。

三、实现选择项事件

使用匿名类实现接口，调用setOnItemSelectedListener()方法来为Spinner绑定AdapterView.OnItemSelectedListener事件监听器。

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;
import android.widget.TextView;
import android.widget.Toast;

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

public class MainActivity extends AppCompatActivity {
    private String[] animals = {"子鼠", "丑牛", "寅虎", "卯兔", "辰龙", "巳蛇", "午马", "未羊", "申猴", "酉鸡", "戌狗", "亥猪"};

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

        //声明一个下拉列表的数组适配器
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.item_select, animals);

        // 设置下拉菜单展开时的样式
        adapter.setDropDownViewResource(R.layout.item_dropdown);

        //从布局文件中获取名叫spAnimals的下拉框
        Spinner spAnimals = findViewById(R.id.spAnimals);

        //设置下拉框的标题。只在dialog样式中显示，android:spinnerMode="dialog"；不在dropdown样式下显示，android:spinnerMode="dropdown"。
        spAnimals.setPrompt("请选择你的生肖"); // 参数为字符串
//        spAnimals.setPromptId(R.string.app_name); // 参数为字符串的ID，如R.string.xxxx

        //设置下拉框的数组适配器
        spAnimals.setAdapter(adapter);

        //设置下拉框默认的显示第一项
        spAnimals.setSelection(1, true);

        //给下拉框设置选择监听器，一旦用户选中某一项，就触发监听器的onItemSelected方法
        spAnimals.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                // parent：为Spinner控件；view：显示文字的TextView；position：下拉选项的位置从0开始
                Toast.makeText(MainActivity.this, "您选择的是：" + animals[position], Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {

            }
        });
    }
}

 

标签：widget,12,layout,Spinner,spAnimals,import,android
From： https://www.cnblogs.com/lihuawei/p/16636934.html

相关文章

  • T1012: 计算多项式的值(信息学一本通C++)
    [题目描述]对于多项式f(x)=ax3+bx2+cx+d和给定的a,b,c,d,x，计算f(x)的值，保留到小数点后7位。[输入]输入仅一行，包含5个实数，分别是x，及参数a、b、c、d的值，每个数都是绝对值......
  • css font-size设置小于12px失效（转）
    原文：https://blog.csdn.net/weixin_38629529/article/details/1198664951、描述不知道你有没有遇到这样的情况，设置了font-size为10px，打开控制台审查元素也显示的是10px，但......
  • 12.ansible lineinfile模块
    前言：lineinfile模块，功能有点类似sed常用功能：对文件的行替换、插入、删除PS：替换/插入：如果有重复的，都是匹配最后一个，如果不加backrefs项，替换/插入如无匹配者,则将line......
  • 上周热点回顾（9.12-9.18）
    热点随笔：· 如何写成高性能的代码（一）：巧用Canvas绘制电子表格 (葡萄城技术团队)· 里程碑！用自己的编程语言实现了一个网站 (crossoverJie)· 放弃Electron，拥抱WebVie......
  • 我的设计模式之旅、12 原型模式
    编程旅途是漫长遥远的，在不同时刻有不同的感悟，本文会一直更新下去。思考总结思考问题如果没有原型模式，当我们复制复杂对象，在新建相同类的对象，遍历原始对象中的所有成员变......
  • 2022-2023-1 20221312 《计算机基础与程序设计》第三周学习总结
    班级链接：首页-2022-2023-1-计算机基础与程序设计-北京电子科技学院-班级博客-博客园(cnblogs.com)作业要求：2022-2023-1《计算机基础与程序设计》教学进程-娄......
  • CVE-2017-12149 JBoss JMXInvokerServlet 反序列化漏洞
    一、漏洞概述     2017年8月30日，厂商Redhat发布了一个JBOSSAS5.x的反序列化远程代码执行漏洞通告。该漏洞位于JBoss的HttpInvoker组件中的ReadOnlyAccessFil......
  • 022年9月12日 学习ASP.NET Core Blazor编程系列三——实体
    学习ASP.NETCoreBlazor编程系列一——综述学习ASP.NETCoreBlazor编程系列二——第一个Blazor应用程序（上）学习ASP.NETCoreBlazor编程系列二——第一个Blazor应......
  • 20201206韩进学习笔记3
    sh编程sh脚本包含sh语句的文本文件，命令解释程序sh要执行该语句。sh脚本与C程序sh：解释程序，逐行读取sh脚本文件并直接执行，若行是可执行命令且为内置命令，则可直接执行。......
  • leetcode 127 -- 哈希表
    题目描述217手写哈希表classSolution{public:#defineDEFAULT_LEN16#defineDEFAULT_FACTOR0.75fconstfloatfactor=DEFAULT_FACTOR;typed......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99