第15天~Spinner

2021 iThome 鐵人賽

DAY 15

Mobile Development

就是從無到有寫app系列第 15 篇

13th鐵人賽

Tzu

2021-09-30 00:10:32

852 瀏覽

分享至

Spinne-下拉式選單跟ListView很像但是比較小

不是Menu

做MainActivity.xml檔

spinner反紅還是可以用

做res裡的 strings.xml檔

<resources>
    <string name="app_name">Spinner</string>

    <string-array name="meal">
        <item>美式漢堡</item>
        <item>豬肉漢堡</item>
        <item>牛肉漢堡</item>
        <item>泡菜漢堡</item>
        <item>米漢堡</item>
    </string-array>

    <string-array name="drink">
        <item>可樂</item>
        <item>綠茶</item>
        <item>奶茶</item>
        <item>果汁</item>
    </string-array>


</resources>

sp_meal-用綁定
MainActivity.xml檔的資料跟誰綁定看entries

畫面的"三角形"是不能點的~

@是res
array陣列
/meal裡面的樣子

1-sp_meal-用綁定

2-sp_drink-在java檔-宣告

String sp1,sp2,sp3;蒐集點到的字串

package com.huang.my_spinner;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.Button;
import android.widget.Spinner;

public class MainActivity extends AppCompatActivity {

    //宣告變數
    Button button;
    Spinner sp_meal,sp_drink,sp_dessert;
    String sp1,sp2,sp3;


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

把sp_meal,sp_drink,sp_dessert;初始化完.因為sp_meal已經做完了，所以做後面sp_drink,sp_dessert

ArrayAdapter adapter = new ArrayAdapter<>(); 完成轉換的內容

安卓的前後都要寫+使用下拉參數 android的a要小寫

package com.huang.my_spinner;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;

public class MainActivity extends AppCompatActivity {

    //宣告變數
    Button button;
    Spinner sp_meal,sp_drink,sp_dessert;
    String sp1,sp2,sp3;


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

        sp_meal =findViewById(R.id.sp_meal);
        sp_drink = findViewById(R.id.sp_drink);
        sp_dessert = findViewById(R.id.sp_dessert);

        //第二組:取得array資源
        //取得DATA-->轉換-->元件呈現
        String[] drink =getResources().getStringArray(R.array.drink);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this,
                android.R.layout.simple_spinner_dropdown_item,
                drink

        );

        //第三組


    }
}

在元件中呈現

package com.huang.my_spinner;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;

public class MainActivity extends AppCompatActivity {

    //宣告變數
    Button button;
    Spinner sp_meal,sp_drink,sp_dessert;
    String sp1,sp2,sp3;


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

        sp_meal =findViewById(R.id.sp_meal);
        sp_drink = findViewById(R.id.sp_drink);
        sp_dessert = findViewById(R.id.sp_dessert);

        //第二組:取得array資源
        //取得DATA-->轉換-->元件呈現
        String[] drink =getResources().getStringArray(R.array.drink);

        //進行轉換成指定的格式
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this,
                android.R.layout.simple_spinner_dropdown_item,
                drink

        );
        //在元件中呈現
        sp_drink.setAdapter(adapter);



        //第三組


    }
}

模擬器看

到目前是純粹看-

3-sp_dessert-匯入res

package com.huang.my_spinner;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;

public class MainActivity extends AppCompatActivity {

    //宣告變數
    Button button;
    Spinner sp_meal,sp_drink,sp_dessert;
    String sp1,sp2,sp3;


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

        sp_meal =findViewById(R.id.sp_meal);
        sp_drink = findViewById(R.id.sp_drink);
        sp_dessert = findViewById(R.id.sp_dessert);

        //第二組:取得array資源
        //取得DATA-->轉換-->元件呈現
        String[] drink =getResources().getStringArray(R.array.drink);

        //進行轉換成指定的格式
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this,
                android.R.layout.simple_spinner_dropdown_item,
                drink

        );
        //在元件中呈現
        sp_drink.setAdapter(adapter);

        //第三組
        String[] dessert={"布丁","餅乾","CAKE","不要甜點"};
        ArrayAdapter<String> adapter1 = new ArrayAdapter<String>(
                MainActivity.this,
                android.R.layout.simple_spinner_dropdown_item,
                dessert

        );
        //在元件中呈現
        sp_dessert.setAdapter(adapter1);


    }
}

改下拉字的大小+呈現也是要用java檔-新增layout資料夾

拉一個textView近來改寬30dp-上下左右不要綁

字的大小

背景色-background--選color

改layout_margin是10dp

字的顏色-textColor

再來到程式碼去修改~

畫線的要搬家

把其他的刪掉-剩下長這樣

有出錯就是有重複

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


    <TextView
        xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:layout_margin="10dp"
        android:background="@color/purple_200"
        android:text="TextView"
        android:textAppearance="@style/TextAppearance.AppCompat.Large"
        android:textColor="@color/design_default_color_error"
        tools:layout_editor_absoluteX="16dp"
        tools:layout_editor_absoluteY="16dp" />

把第3組加入剛剛設計的

package com.huang.my_spinner;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.Spinner;

public class MainActivity extends AppCompatActivity {

    //宣告變數
    Button button;
    Spinner sp_meal,sp_drink,sp_dessert;
    String sp1,sp2,sp3;


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

        sp_meal =findViewById(R.id.sp_meal);
        sp_drink = findViewById(R.id.sp_drink);
        sp_dessert = findViewById(R.id.sp_dessert);

        //第二組:取得array資源
        //取得DATA-->轉換-->元件呈現
        String[] drink =getResources().getStringArray(R.array.drink);

        //進行轉換成指定的格式
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this,
                android.R.layout.simple_spinner_dropdown_item,
                drink

        );
        //在元件中呈現
        sp_drink.setAdapter(adapter);

        //第三組
        String[] dessert={"布丁","餅乾","CAKE","不要甜點"};
        ArrayAdapter<String> adapter1 = new ArrayAdapter<String>(
                MainActivity.this,
                android.R.layout.simple_spinner_dropdown_item,
                dessert

        );
        //在元件中呈現
        adapter1.setDropDownViewResource(R.layout.mylayout);
        sp_dessert.setAdapter(adapter1);
            }
}

只要看第一個com就好..其他是系統測試用-

按鈕完成-
1-初始化按鈕
2-加偵聽器

3-選到的項目轉成字串

package com.huang.my_spinner;

import androidx.appcompat.app.AppCompatActivity;

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

public class MainActivity extends AppCompatActivity {

    //宣告變數
    Button button;
    Spinner sp_meal,sp_drink,sp_dessert;
    String sp1,sp2,sp3;


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

        sp_meal =findViewById(R.id.sp_meal);
        sp_drink = findViewById(R.id.sp_drink);
        sp_dessert = findViewById(R.id.sp_dessert);

        //第二組:取得array資源
        //取得DATA-->轉換-->元件呈現
        String[] drink =getResources().getStringArray(R.array.drink);

        //進行轉換成指定的格式
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                MainActivity.this,
                android.R.layout.simple_spinner_dropdown_item,
                drink

        );
        //在元件中呈現
        sp_drink.setAdapter(adapter);

        //第三組
        String[] dessert={"布丁","餅乾","CAKE","不要甜點"};
        ArrayAdapter<String> adapter1 = new ArrayAdapter<String>(
                MainActivity.this,
                android.R.layout.simple_spinner_dropdown_item,
                dessert

        );
        //在元件中呈現
        adapter1.setDropDownViewResource(R.layout.mylayout);
        sp_dessert.setAdapter(adapter1);

        //Button
        button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //第1組
                sp1 =sp_meal.getSelectedItem().toString();
                Toast.makeText(MainActivity.this,sp1,Toast.LENGTH_SHORT).show();

                //第2組
                sp2 =sp_drink.getSelectedItem().toString();
                Toast.makeText(MainActivity.this,sp2,Toast.LENGTH_SHORT).show();

                //第3組
                sp3 =sp_dessert.getSelectedItem().toString();
                Toast.makeText(MainActivity.this,sp3,Toast.LENGTH_SHORT).show();

            }
        });

        }
}

Toast也是要用手機測試才看的到-