0

Menggunakan SearchableSpinner(miteshpithadiya) di Android Studio

Dikutip dari https://github.com/miteshpithadiya/SearchableSpinner, SearchableSpinner adalah :

Searchable Spinner is a dialog spinner with the search feature which allows to search the items loaded in the spinner.

searchablespinner_1

So, searchablespinner merupakan spinner(dropdown) yang bisa di search valuenya. Searchablespinner support di android minimal versi 4.0.3. Kali ini akan dijelaskan cara dasar menggunakannya di android studio.

1) Buat project, File > New > New Project. Ketikkan :
– Application Name : “TestSpinner”
– Company Domain : com.spinner
create new project on android studio

lalu next.
2) Pilih minimum SDK Android 4.0.3, lalu klik next lagi.
 select minimum android sdk in android studio.PNG

3) Pilih empty activity, lalu next dan klik finish. Setelah itu project akan tercreate.
new project created on android studio.PNG

4) Oke, langkah selanjutnya mendownload library searchablespinner disini (pilih clone or download).
5) Setelah itu ekstrak, masuk ke folder SearchableSpinner-master/ lalu copy folder searchablespinnerlibrary ke folder AndroidStudioProjects/Test_spinner (lokasi projectnya)
copy-searchablespinner-into-android-studio-project.png

5) Balik lagi ke android studio, buka file build.gradle, lalu tambahkan script di dependencies :
compile 'com.toptoche.searchablespinner:searchablespinnerlibrary:1.3.1' Dan klik “Sync Now”.
Biar lebih jelas berikut gambarnya :
add-library-to-gradle-android-studio

Setelah itu gradle akan memprosesnya, tunggu beberapa saat (paling 30 detik).

6) Nah sekarang tinggal dicoba searchablespinner-nya. Buka app/res/layout/activity_main.xml. Ketikkan tag xml berikut untuk membuat searchablespinner-nya.

<com.toptoche.searchablespinnerlibrary.SearchableSpinner
        android:id="@+id/spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:entries="@array/planets"
        app:hintText="SELECCTTT"/>

xml-searchable-spinner.png

**Jangan lupa, tulisan app yang warna merah di tekan alt+enter supaya searchablespinner bisa berfungsi.

7) And then, buat data spinnernya (contoh disini datanya ditampung di xml). Buka file values/strings.xml. Lalu copy Script berikut :

    <string-array name="planets">
        <item>Mercury</item>
        <item>Venus</item>
        <item>Earth</item>
        <item>Mars</item>
        <item>Jupiter</item>
        <item>Saturn</item>
        <item>Uranus</item>
        <item>Neptune</item>
        <item>Pluto</item>
    </string-array>

add-data-in-xml-android-studio
8) Oke, tinggal di test saja searchablespinner-nya. Contoh disini pakai emulator. Hasilnya :


searchablespinner_result1


searchablespinner_result2

– Selesai –

[related_post themes="text" id="4728"]

Ambar Hasbiyatmoko

Hello, I'm web developer. Passionate about programming, networking and web server. @kaskus  @facebook

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.