📌 Spinner

• 스피너는 값 집합에서 하나의 값을 선택할 수 있는 빠른 방법 제공
• 기본 상태의 스피너는 현재 선택된 값 표시
• 스피너를 터치하면 기타 모든 사용 가능한 값을 포함하는 드롭다운 메뉴가 표시되며, 여기서 새 값을 선택할 수 있다.
• 쇼핑몰 등에서 옵션 선택에 주로 쓰임...

📍 Spinner 작성하기

1. 레이아웃 작성

activity_main.xml

• Spinner 객체를 사용하여 레이아웃에 스피너를 추가
• XML 레이아웃에서 요소를 사용하여 추가
• 화면에 Spinner, TextView를 배치

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    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=".MainActivity3"
    android:id="@+id/main0"
    >

    <Spinner
        android:id="@+id/spinner0"
        android:layout_width="250dp"
        android:layout_height="50dp"
        android:background="@drawable/asdf0"
        android:layout_alignParentEnd="true"
        android:layout_centerInParent="true"
        android:layout_marginEnd="20dp" />

    <TextView
        android:id="@+id/textview0"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_toStartOf="@id/spinner0"
        android:layout_marginEnd="25dp"
        android:text="TEXT" />

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <TextView
            android:id="@+id/textview2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintVertical_bias="0.4"
            android:text="spinner"
            />

    </androidx.constraintlayout.widget.ConstraintLayout>

</RelativeLayout>

2. 배경 이미지 작성(테두리)

asdf0.xml

• TextView에 테두리를 주기 위하여 테두리 이미지 레이아웃 파일 작성
  • drawable [파일] -> New -> Drawable Resource File

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <corners
        android:radius="10dp"/>
    <stroke
        android:width="1dp"
        android:color="@color/black" /> <!-- 선 -->
</shape>

3. 메인 엑티비티 (자바)

MainActivity.java

• Spinner를 이용해 선택한 값을, TextView를 통해 출력한다.

package com.example.spinner;

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.TextView;

public class MainActivity extends AppCompatActivity {

    TextView textView;
    Spinner spinner;
    String[] items = {"AAAA", "SSSS", "DDDD", "QQQQ", "PPPP"};


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

        textView = findViewById(R.id.textview0);
        spinner = findViewById(R.id.spinner0);

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(
                this, android.R.layout.simple_spinner_item, items);         //(MainActivity, simple_spinner_item 레이아웃, items 배열)
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(adapter);

        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> adapterView, View view, int position, long id) {      //(adapter, view 객체, view index값, id값)
                textView.setText(items[position]);
            }

            @Override
            public void onNothingSelected(AdapterView<?> adapterView) {
                textView.setText(" ");
            }
        });
    }
}

📌 완성

작성한 전체 소스코드 github : Android_Study/spinner/