Tutorial Cara Membuat Multi Auto Complete di Android Studio

shares

Android Najwa - Selamat Malam kembali sahabat android najwa. Mumpung ada waktu nih buat update tutorial. Nah sekarang saya akan menyampaikan materi yang masih sama dipembahasan kita sebelumnya yaitu "AutoComplete". Bedanya sekarang kita akan membuat sebuah AutoComplete dengan banyak kata 2 buah, jadi sewaktu anda memasukkan kata pertama, kemudian ingin memasukkan kata berikutnya akan otomatis masuk juga disertai dengan tanda koma. Namanya kita sebut "MultiAutoComplete" di Android Studio.
Contoh Multi Auto Complete di Android
Bagaimana cara membuat MultiAutoComplete?

Tutorial Cara Membuat MultiAutoComplete di Android

Langkah 1 : Jalankan Android Studio.exe kalian seperti biasa, lalu buatlah project baru dengan seperti berikut.

  • Application Name : Multi Auto Complete
  • Package Name : androidnajwa.com
  • Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)
Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish
Add Activity

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<MultiAutoCompleteTextView
android:id="@+id/mact1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_alignParentTop="true"
android:ems="10"
android:hint="Isikan Kota di Indonesia" >
<requestFocus />
</MultiAutoCompleteTextView>
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/mact1"
android:layout_marginLeft="14dp"
android:text="Inputkan lebih dari satu kota" />

</RelativeLayout>


Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini
package com.androidnajwa.multiautocomplete;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.MultiAutoCompleteTextView;

public class MainActivity extends Activity {
MultiAutoCompleteTextView mact;
ArrayAdapter<String> adapter;
String[] item = {"Aceh","Pekanbaru","Palembang","Pekalongan"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mact = (MultiAutoCompleteTextView) findViewById(R.id.mact1);
//membuat adapter untuk menampilkan list item
adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,
item);oi
//menerapkan adapter pada objek mact
mact.setAdapter(adapter);
//membuat karakter pembatas antar kota
mact.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
}
}
Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.
(1) Hasil MultiAutoComplete
Saya akan mencoba memasukkan 2 kota yaitu "Pekanbaru", maka kota Pekanbaru akan otomatis masuk kedalam daftar kemudian dilanjutkan dengan memasukkan nama Aceh, Dimulai awalan "ac" Sehingga nanti nya akan muncul 2 kota yaitu "Pekanbaru dan Aceh" secara bersamaan. seperti gambar berikut ini.
(2) Hasil MultiAutoComplete
Nah, itulah hasil dari penggunaan MultiAutoComplete yang nanti nya akan muncul List/Daftar yang akan kita pilih secara otomatis tampil. Kita bisa memasukkan nama kota yang lain didalam Array item pada Main Activity.java diatas.
Array Item (Nama Kota)
Gimana? Mudah Bukan? Untuk dikembangkan lagi juga bisa asal kalian bisa memahaminya.

Demikian Tutorial Cara Membuat Multi Auto Complete di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar.Terima Kasih Atas Kunjungan di Android Najwa.
Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.

Related Posts

0 komentar:

Posting Komentar