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

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

ساخت 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 نشان داده می شود:

 

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

مقالات مرتبط

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

طراحی ربات تلگرامی طراحی ربات تلگرامی مقالات موبایل

پدیده تجارت

18 آبان 1398

اهمیت آموزش افترافکت و یادگیری آن؟ اهمیت آموزش افترافکت و یادگیری آن؟ مقالات برندینگ

پدیده تجارت

15 اسفند 1397

چگونه در اندروید استودیو Bottom navigation ایجاد کنیم؟ چگونه در اندروید استودیو Bottom navigation ایجاد کنیم؟ مقالات تجارت الکترونیک

پدیده تجارت

22 اردیبهشت 1397

چگونه بارگذاری صفحات سایت را بالا ببریم؟ چگونه بارگذاری صفحات سایت را بالا ببریم؟ مقالات طراحی وب سایت

پدیده تجارت

13 آبان 1396

ساخت تیزر تبلیغاتی در اصفهان ساخت تیزر تبلیغاتی در اصفهان مقالات تجارت الکترونیک

پدیده تجارت

24 اسفند 1400

چه نوع محتوایی تولید کنیم؟ چه نوع محتوایی تولید کنیم؟ مقالات برندینگ

پدیده تجارت

22 تیر 1398

چگونه یک پروپزال طراحی سایت مناسب تهیه کنیم؟ چگونه یک پروپزال طراحی سایت مناسب تهیه کنیم؟ مقالات طراحی وب سایت

پدیده تجارت

12 شهریور 1396

الزامات طراحی قالب گرافیکی سایت الزامات طراحی قالب گرافیکی سایت مقالات تجارت الکترونیک

پدیده تجارت

19 دی 1396

ویژگیهای وردپرس ویژگیهای وردپرس مقالات طراحی وب سایت

پدیده تجارت

01 مهر 1392

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

پدیده تجارت

24 اسفند 1400

معرفی ابزار docker معرفی ابزار docker مقالات طراحی وب سایت

پدیده تجارت

26 آذر 1398

ساخت ViewPager در اندروید ساخت ViewPager در اندروید مقالات موبایل

پدیده تجارت

15 دی 1397

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

1 دیدگاه

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

خیلی خوب بود.