Android?Spinner和GridView組件的使用示例

更新時間：2022年03月31日 10:40:17 作者：小皮豬

Spinner其實是一個列表選擇框，不過Android的列表選擇框并不需要顯示下拉列表，而是相當于彈出一個菜單供用戶選擇，GridView是一個在二維可滾動的網格中展示內容的控件。網格中的內容通過使用adapter自動插入到布局中

一. 概述：

Spinner是我們所熟悉的下拉框列表。與ListView類似，我們必須為Spinner對象指定一個Adapter。我們從Spinner的簡單用法開始講述。

二. 實現(xiàn)

MainActivity.java

package com.example.demo03_29;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.os.Bundle;
import android.view.View;
import android.widget.Adapter;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.TextView;
 
public class MainActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener {
    TextView choice;
    ArrayAdapter<CharSequence> adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        choice=(TextView) this.findViewById(R.id.choice);
 
        Spinner spinner=(Spinner)this.findViewById(R.id.sp1);
        adapter=ArrayAdapter.createFromResource(this, R.array.habit,
                android.R.layout.simple_spinner_item);
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(adapter);
        spinner.setOnItemSelectedListener(this);
    }
 
 
    @Override
    public void onItemSelected(AdapterView<?> adapterView, View view, int i, long l) {
        choice.setText(adapter.getItem(i));
    }
 
    @Override
    public void onNothingSelected(AdapterView<?> adapterView) {
 
    }
}

在values包下的 string.xml

<resources>
    <string name="app_name">Demo03-29</string>
<string-array name="habit">
    <item>10公里夜跑</item>
    <item>爬山</item>
    <item>游泳</item>
    <item>吃飯</item>
    <item>打代碼</item>
</string-array>
</resources>

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="你喜歡的運動"/>
        <Spinner
            android:id="@+id/sp1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    </LinearLayout>
 
    <View
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:background="#05ADF8"/>
 
    <TextView
        android:id="@+id/choice"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        />
</LinearLayout>

sipnner_down.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="horizontal">
 
    <ImageView
        android:id="@+id/p01"
        android:layout_width="64dp"
        android:layout_height="64dp"
        />
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    <TextView
        android:id="@+id/t1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    <TextView
        android:id="@+id/t2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
    </LinearLayout>
 
</LinearLayout>

這個布局比較簡單，就是在LinearLayout中放置一個LinearLayout、一個分隔組件用的View和一個顯示所選結果的TextView。在其中嵌套的LinearLayout中放置一個用于提示用的TextView和下拉框Spinner。

三. 美化

MyAdapter.java

package com.example.demo03_29;
 
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
 
import androidx.annotation.NonNull;
 
public class MyArrayApater extends ArrayAdapter {
    private LayoutInflater minflater;
    String[] titles;
    String[] desc={
            "集成工具",
            "高速保存，隨時存儲",
            "優(yōu)質資源，盡在迅雷",
            "集成開發(fā)工具",
            "學習神器"
    };
    int[] photos={R.drawable.p1,R.drawable.p2,R.drawable.p3,R.drawable.p4,R.drawable.p5};
 
    public MyArrayApater(@NonNull Context context, int resource, CharSequence[] objects) {
        super(context, resource, objects);
 
        minflater=(LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        titles=context.getResources().getStringArray(R.array.habit);
    }
    @Override
    public int getCount(){
        return titles.length;
    }
    @Override
    public View getDropDownView(int position, View convertView, ViewGroup parent){
        View v;
        v=minflater.inflate(R.layout.spinner_down,parent,false);
 
        ImageView iv=(ImageView)v.findViewById(R.id.p01);
        iv.setImageResource(photos[position]);
        TextView tv01=(TextView) v.findViewById(R.id.t1);
        tv01.setText(titles[position]);
        TextView tv02=(TextView) v.findViewById(R.id.t2);
        tv02.setText(desc[position]);
        return v;
    }
}

修改 MainActivity.java

四. GridView

GridView以二維表格的方式顯示數(shù)據(jù)，若數(shù)據(jù)比較多，該組件將提供垂直滾動條。我們用一個列子來說明GridView的使用方法。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">
 
    <GridView
        android:id="@+id/gr1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="4"
        />
 
</LinearLayout>

ImgeAdapter.java

package com.example.demo0330;
 
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
 
public class ImageAdapter extends BaseAdapter {
    private int[] images={
            R.drawable.p1, R.drawable.p2, R.drawable.p3, R.drawable.p4,
            R.drawable.p1, R.drawable.p2, R.drawable.p3, R.drawable.p4,
            R.drawable.p1, R.drawable.p2, R.drawable.p3, R.drawable.p4,
            R.drawable.p1, R.drawable.p2, R.drawable.p3, R.drawable.p4,
            R.drawable.p1, R.drawable.p2, R.drawable.p3, R.drawable.p4,
 
    };
    private Context context;
    public ImageAdapter(Context context){
        this.context=context;
    }
 
 
    @Override
    public int getCount() {
        return images.length;
    }
 
    @Override
    public Object getItem(int position) {
        return images[position];
    }
 
    @Override
    public long getItemId(int position) {
        return position;
    }
 
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView;
        if (convertView==null){
            imageView=new ImageView(context);
            int width= GridView.LayoutParams.MATCH_PARENT;
            int heght= GridView.LayoutParams.MATCH_PARENT;
            imageView.setLayoutParams(new ViewGroup.LayoutParams(width,heght));
            imageView.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
        }else{
            imageView=(ImageView) convertView;
        }
        imageView.setImageResource(images[position]);
        return imageView;
    }
}

MainActivity.java

package com.example.demo0330;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.Toast;
 
public class MainActivity extends AppCompatActivity {
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        GridView gridView=(GridView) findViewById(R.id.gr1);
        gridView.setAdapter(new ImageAdapter(this));
        gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
                Toast.makeText(MainActivity.this,"現(xiàn)在點擊的是位置在"+(position+1)+"張照片",Toast.LENGTH_LONG).show();
            }
        });
    }
}

效果圖:

到此這篇關于Android Spinner和GridView組件的使用示例的文章就介紹到這了,更多相關Android Spinner內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

Android自定義View簡易折線圖控件（二）
這篇文章主要為大家詳細介紹了Android自定義View簡易折線圖控件的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-03-03
Android布局優(yōu)化之ViewStub控件
ViewStub是一個非常輕量級的View，這篇文章主要為大家詳細介紹了Android布局優(yōu)化之ViewStub控件的使用方法以及注意事項，感興趣的小伙伴們可以參考一下
2016-05-05
Android AIDL和遠程Service調用示例代碼
本文主要介紹Android AIDL和遠程Service,這里詳細介紹了相關知識，并附實例代碼和實現(xiàn)效果圖,有興趣的朋友參考下
2016-08-08
Android 自定義Livedata使用示例解析
這篇文章主要為大家介紹了Android 自定義Livedata使用示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-12-12
Android實現(xiàn)閃屏效果
這篇文章主要為大家詳細介紹了Android實現(xiàn)閃屏效果，實現(xiàn)“一閃而過”效果進入頁面，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-07-07
Android開發(fā)實現(xiàn)讀取Assets下文件及文件寫入存儲卡的方法
這篇文章主要介紹了Android開發(fā)實現(xiàn)讀取Assets下文件及文件寫入存儲卡的方法,涉及Android文件與目錄的讀取、寫入、轉換等相關操作技巧,需要的朋友可以參考下
2017-10-10
Android 分析實現(xiàn)性能優(yōu)化之啟動速度優(yōu)化
在移動端程序中，用戶希望的是應用能夠快速打開。啟動時間過長的應用不能滿足這個期望，并且可能會令用戶失望。輕則鄙視你，重則直接卸載你的應用
2021-11-11
Android中WebView用法實例分析
這篇文章主要介紹了Android中WebView用法,以實例形式較為詳細的分析了Android中WebView的功能、注意事項與使用技巧,非常具有實用價值,需要的朋友可以參考下
2015-10-10
Android實現(xiàn)中國象棋游戲(局域網版)
這篇文章主要為大家詳細介紹了Android實現(xiàn)局域網版的中國象棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05
Android中View的炸裂特效實現(xiàn)方法詳解
這篇文章主要介紹了Android中View的炸裂特效實現(xiàn)方法,涉及Android組件ExplosionField的相關定義與使用技巧,需要的朋友可以參考下
2016-07-07