Auto Complete trong Android Nếu bạn muốn nhận các sự gợi ý khi bạn đang gõ vào trong trường text, thì bạn có thể thực hiện điều này thông qua AutoCompleteTextView. Nó cung cấp tự động các gợi ý khi người dùng đang gõ. Danh sách các gợi ý được hiển thị trong một dropdown menu từ đó người dùng có thể chọn một item để thay thế cho nội dung của phần mình vừa soạn. Để sử dụng AutoCompleteTextView, đầu tiên bạn phải tạo một trường AutoCompleteTextView trong xml. Cú pháp như sau: <AutoCompleteTextView android:layout_alignparenttop="true" android:layout_centerhorizontal="true" android:ems="10" > android:id="@+id/autocompletetextview1" android:layout_height="wrap_content" android:layout_margintop="65dp" Sau đó bạn phải lấy một tham chiếu của Textview này trong Java. Cú pháp như sau: private AutoCompleteTextView actv; actv = (AutoCompleteTextView) findviewbyid(r.id.autocompletetextview1); Việc tiếp theo bạn cần làm là xác định danh sách các mục gợi ý để được hiển thị. Bạn có thể xác định các mục này ở dạng một mảng chuỗi trong Java hoặc trong strings.xml. Cú pháp như sau: String[] countries = getresources().getstringarray(r.array.list_of_countries); ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,countries); actv.setadapter(adapter); Lớp ArrayAdapter chịu trách nhiệm hiển thị dữ liệu dạng danh sách trong hộp gợi ý của trường text. Phương thức setadapter được sử dụng để thiết lập Adapter của AutoCompleteTextView. Ngoài các phương thức này, lớp AutoComplete còn cung cấp các đối tượng hữu ích khác, đó là: Stt Phương thức & Miêu tả 1 getadapter() Phương thức này trả về một List adapter có thể lọc được được sử dụng cho Auto
complete 2 getcompletionhint() Phương thức này trả về text gợi ý tùy ý được hiển thị ở dưới danh sách kết nối 3 getdropdownanchor() Phương thức này trả về view id mà danh sách dropdown được neo tới 4 getlistselection() Phương thức này trả về ị trí của lựa chọn, nếu có một 5 ispopupshowing() This method indicates whether the popup menu is showing 6 settext(charsequence text, boolean filter) Phương thức này thiết lập text mà ngoại trừ đó nó có thể vô hiệu hóa trình lọc/p> 7 showdropdown() Phương thức này hiển thị dropdown trên màn hình Ví dụ Ứng dụng Android dưới đây minh họa cách sử dụng của lớp AutoCompleteTextView. Sau đây là nội dung của src/mainactivity.java package com.example.sairamkrishna.myapplication; import android.app.activity; import android.content.context; import android.media.audiomanager; import android.media.mediaplayer; import android.media.mediarecorder; import android.os.bundle; import android.os.environment; import android.view.menu; import android.view.menuitem; import android.view.view; import android.view.animation.animation; import android.view.animation.animationutils; import android.widget.arrayadapter; import android.widget.autocompletetextview; import android.widget.button; import android.widget.edittext; import android.widget.imageview; import android.widget.multiautocompletetextview; import android.widget.toast; import java.io.ioexception; public class MainActivity extends Activity { AutoCompleteTextView text; MultiAutoCompleteTextView text1; String[] languages={"android ","java","ios","sql","jdbc","web services"}; @Override protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate);
setcontentview(r.layout.activity_main); text=(autocompletetextview)findviewbyid(r.id.autocompletetextview1); text1=(multiautocompletetextview)findviewbyid(r.id.multiautocompletetextview1); ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_list_item_1,languages); text.setadapter(adapter); text.setthreshold(1); text1.setadapter(adapter); text1.settokenizer(new MultiAutoCompleteTextView.CommaTokenizer()); } @Override public boolean oncreateoptionsmenu(menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getmenuinflater().inflate(r.menu.menu_main, menu); return true; } @Override public boolean onoptionsitemselected(menuitem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getitemid(); //noinspection SimplifiableIfStatement if (id == R.id.action_settings) { return true; } return super.onoptionsitemselected(item); } } Sau đây là nội dung của activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="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"> android:layout_height="wrap_content" android:layout_height="match_parent" <TextView android:text="android Auto Complete" android:id="@+id/textview" android:textsize="30dp" android:layout_alignparenttop="true" android:layout_alignparentright="true" android:layout_alignparentend="true" /> <TextView android:layout_height="wrap_content" android:text="tutorialspoint" android:id="@+id/textview2" android:textcolor="#ff3eff0f" android:textsize="35dp" android:layout_centerhorizontal="true" /> android:layout_below="@+id/textview" <ImageView android:layout_height="wrap_content" android:id="@+id/imageview" android:src="@drawable/logo" android:layout_below="@+id/textview2" android:layout_alignleft="@+id/textview2" android:layout_alignstart="@+id/textview2" android:layout_alignright="@+id/textview2" android:layout_alignend="@+id/textview2" /> android:id="@+id/autocompletetextview1" android:layout_height="wrap_content" android:ems="10" <AutoCompleteTextView
android:layout_below="@+id/imageview" android:layout_alignleft="@+id/imageview" android:layout_alignstart="@+id/imageview" android:layout_margintop="72dp" android:hint="autocomplete TextView"> <requestfocus /> </AutoCompleteTextView> <MultiAutoCompleteTextView android:id="@+id/multiautocompletetextview1" android:layout_height="wrap_content" android:ems="10" android:layout_below="@+id/autocompletetextview1" android:layout_alignleft="@+id/autocompletetextview1" android:layout_alignstart="@+id/autocompletetextview1" android:hint="multi Auto Complete " /> </RelativeLayout> Sau đây là nội dung của Strings.xml <resources> <string name="app_name">my Application</string> <string name="hello_world">hello world!</string> <string name="action_settings">settings</string> </resources> Sau đây là nội dung của AndroidManifest.xml <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.autocomplete" android:versionname="1.0" > android:allowbackup="true" android:versioncode="1" <application android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/apptheme" > <activity android:name="com.example.sairamkrishna.myapplication.mainactivity" android:label="@string/app_name" > <action android:name="android.intent.action.main" /> android:name="android.intent.category.launcher" /> </activity> </application> </manifest> <intent-filter> <category </intent-filter> Cuối cùng, bạn chạy ứng dụng Android vừa tạo ở trên.
Bây giờ, soạn văn bản vào trong textview để thấy các gợi ý. Mình gõ một chữ cái làa, và nó chỉ cho mình các gợi ý.
multiautocompletetextview minh họa các gợi ý không chỉ cho một chữ cái mà cho cả một từ. Ví dụ, sau khi bạn viết từ đầu tiên, khi bạn bắt đầu viết từ thứ hai, nó sẽ hiển thị các gợi ý. Bạn có thể theo dõi hình sau: