یک فنجان مشاوره
مهـمـان مــا باشیـد

شـمـــاره تــمــاس
031-36628509

ساخت Spinner در اندروید استودیو

انتشار 04 دی 1397
دیدگاه ها 1 دیدگاه
زمان تقریبی مطالعه
گردآوری پدیده تجارت

ساخت spinner در اندروید استودیو یا همان لیست کشویی ، برای نمایش یک لیست کشویی به کاربر استفاده می شود ، که کاربر می تواند آن لیست را باز کند و یکی از آیتم های موجود در آن را انتخاب کند.

می خواهیم مانند تصویر بالا یک لیست کشویی بسازیم که در آن لیست شرکت های سازنده ی گوشی را نمایش دهیم و کاربر بتواند با کلیک بر روی هر آیتم برند خود را انتخاب کند.

یک پروژه باز کنید و یک اکتیویتی بنام SpinnerActivity  ایجاد کنید ودر activity_spinner.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"
    xmlns:toos="http://schemas.android.com/tools"
    >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginTop="50dp"
        android:layout_marginLeft="30dp">

        <Spinner
            android:id="@+id/spinner"
            android:layout_width="40dp"
            android:layout_height="50dp"
            >

        </Spinner>

        <TextView
            android:id="@+id/tv_spinner"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_gravity="center"
            toos:text="itemSpinner"
            android:textSize="16sp"

            />
    </LinearLayout>


</LinearLayout>

 

ابتدا یک LinearLayout ایجاد کرده با طول و عرض mathparent ، سپس داخل آن یک LinearLayout دیگر از نوع horizontal و با عرض wrap_content  ایجاد می کنیم و از بالا و چپ یک margin به آن می دهیم.

داخل این LinearLayout یک لایه ی Spinner برای نمایش لیست کشویی و یک TextView برای نمایش آیتم های لیست کشویی ایجاد می کنیم.

نکته:

برای اینکه متن داخل TextView  را فقط خودمان ببینیم تا بتونیم متن را به درستی تنظیم کنیم و این متن در app نشان داده نشود می توانیم از خاصیت toos استفاده کنیم.

حالا به SpinnerActivity رفته و سورس کد زیر را واردکنید:

import android.support.v7.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;

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

public class SpinnerActivity extends AppCompatActivity implements AdapterView.OnItemSelectedListener{

    Spinner spinner;
    TextView tv_spinner;

    List<String> phone;
    

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

        spinner = (Spinner) findViewById(R.id.spinner);
        tv_spinner = (TextView) findViewById(R.id.tv_spinner);

        phone = new ArrayList<>();

        phone.add(" ");
        phone.add("Sumsong");
        phone.add("LG");
        phone.add("apple");
        phone.add("Nokia");

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(getApplicationContext(), R.layout.support_simple_spinner_dropdown_item, phone);



        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        spinner.setAdapter(adapter);

        spinner.setOnItemSelectedListener(this);

    }

    @Override
    public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
        tv_spinner.setText(spinner.getSelectedItem().toString());

    }

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


    }
}

برای اینکه بتونیم خاصیت کلیک روی آیتم های Spinner ایجاد کنیم، لازم است اکتیویتی را  implements  کنیم به AdapterView.OnItemSelectedListener که با این کار یک چراغ قرمز رنگ ظاهر میشود و با کلیک بر روی این چراغ از ما می خواهد متدهای مربوطه را ایمپورت کنیم .

بدین ترتیب متدهای onItemSelected و  onNothingSelected به اکتیویتی اضافه می شوند.

در ابتدا یک Spinner و یک TextView تعریف کرده و آن ها را findViewById می کنیم، سپس یک لیست از نوع String  برای آیتم های Spinner ایجاد می کنیم بنام phone .

آیتم های Spinner یعنی همان نام گوشی ها را داخل لیست اد می کنیم:

phone.add(" ");
phone.add("Sumsong");
phone.add("LG");
phone.add("apple");
phone.add("Nokia");

توجه داشته باشید ممکن است کاربر تمایل به انتخاب هیچ آیتمی را نداشته باشد ، دراینصورت یک آیتم خالی به لیست اضافه می کنیم:

phone.add(” “);

حالا باید برای Spinner یک adapter تعریف می کنیم تا به کمک آن Spinner را مدیریت کنیم.برای این کار از        ArrayAdapter استفاده کرده و آن را ازنوع String تعریف می کنیم.

ورودی های این اداپتر یک Context، یک ظاهر برای spinner که بطور پیشفرض تعریف شده و لیست آیتم های Spinner می باشد.

ArrayAdapter<String> adapter = new ArrayAdapter<String>(getApplicationContext(), R.layout.support_simple_spinner_dropdown_item, phone);

در مرحله ی بعدی باید نحوه ی انتخاب شدن آیتم های Spinner را تعریف کنیم که این هم بصورت پیشفرض تعریف شده:

adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

سپس adapter و خاصیت کلیک روی آیتم ها را برای Spinner ست می کنیم:

spinner.setAdapter(adapter);

spinner.setOnItemSelectedListener(this);

کلیک روی آیتم های Spinner

می خواهیم با کلیک بر روی هر آیتم ، آن ایتم ، داخل  TextView  مقابل Spinner نشان داده شود. برای این کار باید از متد onItemSelected استفاده کنیم، به اینصورت که می گوییم مقدار آیتمی که روی آن کلیک شده را بگیر، آن را به String تبدیل کن و برای TextView  ست کن.

@Override
public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {

    tv_spinner.setText(spinner.getSelectedItem().toString());

}

حالا هر آیتمی که کاربر انتخاب کند در TextView نشان داده می شود:

 

نویسنده مقاله: الهه ابراهیمی

مقالات مرتبط

شاید علاقمند به دیدن این مقالات نیز باشید
(آرشیو کامل)

مراحل طراحی اپلیکیشن اندروید در اصفهان مراحل طراحی اپلیکیشن اندروید در اصفهان مقالات موبایل

پدیده تجارت

17 تیر 1399

بهترین قالب های وردپرس 2021 بهترین قالب های وردپرس 2021 مقالات طراحی وب سایت

پدیده تجارت

16 فروردین 1401

آموزش وردپرس به شیوه شب امتحانی!! آموزش وردپرس به شیوه شب امتحانی!! مقالات طراحی وب سایت

پدیده تجارت

13 خرداد 1396

آموزش ساخت کلیپ برای اینستاگرام در اصفهان آموزش ساخت کلیپ برای اینستاگرام در اصفهان مقالات شبکه های اجتماعی

پدیده تجارت

24 اسفند 1400

محتوای همیشه سبز چیست ؟ محتوای همیشه سبز چیست ؟ مقالات سئو

پدیده تجارت

24 اسفند 1400

آموزش تخصصی جاوا در اصفهان آموزش تخصصی جاوا در اصفهان مقالات موبایل

پدیده تجارت

20 آذر 1396

آموزش تولید محتوای سایت در اصفهان آموزش تولید محتوای سایت در اصفهان مقالات طراحی وب سایت

پدیده تجارت

06 خرداد 1396

اینفوگرافیک چیست ؟ اینفوگرافیک چیست ؟ مقالات برندینگ

پدیده تجارت

30 تیر 1398

ساخت اپلیکیشن پیک موتوری و نکات مهم آن ساخت اپلیکیشن پیک موتوری و نکات مهم آن مقالات

پدیده تجارت

12 تیر 1397

ربات تلگرام و کاربردهای آن ربات تلگرام و کاربردهای آن مقالات

پدیده تجارت

20 مهر 1396

آموزش افکت خورد شدن در افترافکت آموزش افکت خورد شدن در افترافکت مقالات تجارت الکترونیک

پدیده تجارت

25 شهریور 1397

دیدگاه کاربران

1 دیدگاه

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
1 دیدگاه
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها
mohammad
4 سال قبل

خیلی خوب بود.