1. 程式人生 > >Android零基礎入門第46節:下拉框Spinner

Android零基礎入門第46節:下拉框Spinner

targe GridView 通過 寫代碼 top tel 前世今生 spa oncreate

上一期學習了GridView的使用,你已經掌握了嗎?本期一起來學習Spinner的使用。

技術分享

一、認識Spinner

Spinner其實就是一個列表選擇框。不過Android的列表選擇框並不需要顯示下拉列表,而是相當於彈出一個菜單供用戶選擇。

Spinner 與 Gallery 都繼承了AbsSpinner,AbsSpinner 繼承了AdapterView,因此它也表現出AdapterView的特征:只要為AdapterView提供Adapter即可。

Spinner支持的常用XML屬性及相關方法如下表所示。

技術分享

如果開發者使用Spinner時己經可以確定列表選擇框裏的列表項,則完全不需要編寫代碼,只要為Spinner指定android:entries屬性即可讓Spinner正常工作;如果程序需要在運行時動態 地決定Spinner的列表項,或者程序需要對Spinner的列表項進行定制,則可使用Adapter為 Spinner提供列表項。

二、Spinner示例

接下來通過一個簡單的示例程序來學習Spinner的使用方法。

繼續使用WidgetSample工程的listviewsample模塊,在app/main/res/layout/目錄下創建spinner_layout.xml文件,在其中填充如下代碼片段:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width
="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:padding="5dp" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="選擇專業方向" android:textColor
="#44BDED" android:textSize="18sp" /> <Spinner android:id="@+id/spin_one" android:layout_width="100dp" android:layout_height="64dp" android:entries="@array/professionals" android:spinnerMode="dialog" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:text="選擇教科書" android:textColor="#F5684A" android:textSize="18sp" /> <Spinner android:id="@+id/spin_two" android:layout_width="wrap_content" android:layout_height="64dp" /> </LinearLayout>

在res/values/目錄下新建arrays.xml文件,定義professionals數組資源,如下:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="professionals">
        <item>Android</item>
        <item>Java</item>
        <item>Python</item>
        <item>PHP</item>
        <item>.Net</item>
        <item>C++</item>
        <item>C</item>
    </string-array>
</resources>

接下來為Spinner提供Adapter。新建SpinnerActivity.java文件,加載上面新建的布局文件,具體代碼如下:

package com.jinyu.cqkxzsxy.android.listviewsample;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

public class SpinnerActivity extends AppCompatActivity
        implements AdapterView.OnItemSelectedListener {
    private Spinner mProSpinner = null;
    private Spinner mBookSpinner = null;

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

        // 獲取界面布局文件中的Spinner組件
        mProSpinner = (Spinner) findViewById(R.id.spin_one);
        mBookSpinner = (Spinner) findViewById(R.id.spin_two);

        String[] arr = { "初識Android開發", "Android初識開發", "Android中級開發",
                "Android高級開發", "Android開發進階"};
        // 創建ArrayAdapter對象
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, arr);
        // 為Spinner設置Adapter
        mBookSpinner.setAdapter(adapter);

        // 為Spinner設置選中事件監聽器
        mProSpinner.setOnItemSelectedListener(this);
        mBookSpinner.setOnItemSelectedListener(this);
    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        String content = parent.getItemAtPosition(position).toString();
        switch (parent.getId()){
            case R.id.spin_one:
                Toast.makeText(SpinnerActivity.this, "選擇的專業是:" + content,
                        Toast.LENGTH_SHORT).show();
                break;
            case R.id.spin_two:
                Toast.makeText(SpinnerActivity.this, "選擇的教材是:" + content,
                        Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
    }

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

上面的程序比較簡單,主要為Spinner 設置了選中設置監聽器。

修改程序啟動的Activity,運行程序,可以看到下圖所示界面效果。

技術分享

點擊第一個Spinner ,彈出選擇對話框,如下圖所示。選擇其中一項回到主界面,發現Spinner 的值會改變為所選擇的內容。

技術分享

同理點擊第二個Spinner ,打開下拉列表選項框,如下圖所示。

技術分享

Gallery與Spinner組件有共同的父類:AbsSpinner,表明Gallery和Spinner都是一個列表選擇框。它們之間的區別在於,Spinner顯示的是一個垂直的列表選擇框,而Gallery顯示的是一個水平的列表選擇框。 Gallery與Spinner還有一個區別:Spinner的作用是供用戶選擇,而Gallery則允許用戶通過拖動來查看上一個、下一個列表項。

Gallery本身的用法非常簡單——基本上與Spinner的用法相似,只要為它提供一個內容 Adapter即可,該Adapter的getView()方法所返回的View將作為Gallery列表的列表項。如果程序需要監控到Gallery選擇項的改變,通過為Gallery添加OnltemSelectedListener監聽器即可實現。

Android已經不再推薦使用Gallery組件,而是推薦使用其他水平滾動組件,如HorizontalScrollView和ViewPager來代替Gallery組件,所以此處不做過多講解。

今天就先到這裏,如果有問題歡迎留言一起探討,也歡迎加入Android零基礎入門技術討論微信群,共同成長!

此文章版權為微信公眾號分享達人秀(ShareExpert)——鑫鱻所有,若需轉載請聯系作者授權,特此聲明!

往期總結分享:

Android零基礎入門第1節:Android的前世今生

Android零基礎入門第2節:Android 系統架構和應用組件那些事

Android零基礎入門第3節:帶你一起來聊一聊Android開發環境

Android零基礎入門第4節:正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節:善用ADT Bundle, 輕松邂逅女神

Android零基礎入門第6節:配置優化SDK Manager, 正式約會女神

Android零基礎入門第7節:搞定Android模擬器,開啟甜蜜之旅

Android零基礎入門第8節:HelloWorld,我的第一趟旅程出發點

Android零基礎入門第9節:Android應用實戰,不懂代碼也可以開發

Android零基礎入門第10節:開發IDE大升級,終於迎來了Android Studio

Android零基礎入門第11節:簡單幾步帶你飛,運行Android Studio工程

Android零基礎入門第12節:熟悉Android Studio界面,開始裝逼賣萌

Android零基礎入門第13節:Android Studio配置優化,打造開發利器

Android零基礎入門第14節:使用高速Genymotion,跨入火箭時代

Android零基礎入門第15節:掌握Android Studio項目結構,揚帆起航

Android零基礎入門第16節:Android用戶界面開發概述

Android零基礎入門第17節:TextView屬性和方法大全

Android零基礎入門第18節:EditText的屬性和使用方法

Android零基礎入門第19節:Button使用詳解

Android零基礎入門第20節:CheckBox和RadioButton使用大全

Android零基礎入門第21節:ToggleButton和Switch使用大全

Android零基礎入門第22節:ImageView的屬性和方法大全

Android零基礎入門第23節:ImageButton和ZoomButton使用大全

Android零基礎入門第24節:自定義View簡單使用,打造屬於你的控件

Android零基礎入門第25節:簡單且最常用的LinearLayout線性布局

Android零基礎入門第26節:兩種對齊方式,layout_gravity和gravity大不同

Android零基礎入門第27節:正確使用padding和margin

Android零基礎入門第28節:輕松掌握RelativeLayout相對布局

Android零基礎入門第29節:善用TableLayout表格布局

Android零基礎入門第30節:兩分鐘掌握FrameLayout幀布局

Android零基礎入門第31節:少用的AbsoluteLayout絕對布局

Android零基礎入門第32節:新推出的GridLayout網格布局

Android零基礎入門第33節:Android事件處理概述

Android零基礎入門第34節:Android中基於監聽的事件處理

Android零基礎入門第35節:Android中基於回調的事件處理

Android零基礎入門第36節:Android系統事件的處理

Android零基礎入門第37節:初識ListView

Android零基礎入門第38節:初識Adapter

Android零基礎入門第39節:ListActivity和自定義列表項

Android零基礎入門第40節:自定義ArrayAdapter

Android零基礎入門第41節:使用SimpleAdapter

Android零基礎入門第42節:自定義BaseAdapter

Android零基礎入門第43節:ListView優化和列表首尾使用

Android零基礎入門第44節:ListView數據動態更新

Android零基礎入門第45節:網格視圖GridView

技術分享

技術分享

Android零基礎入門第46節:下拉框Spinner