Comment utiliser AutoCompleteTextView et le remplir avec les données d'une API Web?
Je souhaite utiliser un AutoCompleteTextView dans mon activité et remplir les données au fur et à mesure que l'utilisateur tape en interrogeant une API Web. Comment dois-je procéder?
Dois-je créer une nouvelle classe et remplacer AutoCompleteTextView.performFiltering Ou utiliser un adaptateur de liste personnalisé et fournir un Android.widget.Filter Personnalisé qui remplace performFiltering?
Ou existe-t-il une meilleure façon d'atteindre mon objectif final?
J'ai fait quelque chose de similaire, mais c'était pour la boîte de recherche rapide et cela impliquait la mise en œuvre d'un service, mais je crois que ce n'est pas ce que je veux faire ici.
J'ai trouvé une solution, je ne sais pas si c'est la meilleure solution, mais elle semble très bien fonctionner. J'ai créé un adaptateur personnalisé qui étend ArrayAdapter. Dans l'adaptateur personnalisé, j'ai remplacé getFilter et créé ma propre classe Filter qui remplace performFiltering. Cela démarre un nouveau thread afin de ne pas interrompre l'interface utilisateur. Ci-dessous est un exemple barebones.
MyActivity.Java
public class MyActivity extends Activity {
private AutoCompleteTextView style;
@Override
public void onCreate(Bundle savedInstanceState) {
...
style = (AutoCompleteTextView) findViewById(R.id.style);
adapter = new AutoCompleteAdapter(this, Android.R.layout.simple_dropdown_item_1line);
style.setAdapter(adapter);
}
}
AutoCompleteAdapter.Java
public class AutoCompleteAdapter extends ArrayAdapter<Style> implements Filterable {
private ArrayList<Style> mData;
public AutoCompleteAdapter(Context context, int textViewResourceId) {
super(context, textViewResourceId);
mData = new ArrayList<Style>();
}
@Override
public int getCount() {
return mData.size();
}
@Override
public Style getItem(int index) {
return mData.get(index);
}
@Override
public Filter getFilter() {
Filter myFilter = new Filter() {
@Override
protected FilterResults performFiltering(CharSequence constraint) {
FilterResults filterResults = new FilterResults();
if(constraint != null) {
// A class that queries a web API, parses the data and returns an ArrayList<Style>
StyleFetcher fetcher = new StyleFetcher();
try {
mData = fetcher.retrieveResults(constraint.toString());
}
catch(Exception e) {
Log.e("myException", e.getMessage());
}
// Now assign the values and count to the FilterResults object
filterResults.values = mData;
filterResults.count = mData.size();
}
return filterResults;
}
@Override
protected void publishResults(CharSequence contraint, FilterResults results) {
if(results != null && results.count > 0) {
notifyDataSetChanged();
}
else {
notifyDataSetInvalidated();
}
}
};
return myFilter;
}
}
En développant la réponse de AJ. ci-dessus, l'adaptateur personnalisé suivant inclut également la gestion des demandes du serveur et de l'analyse json:
class AutoCompleteAdapter extends ArrayAdapter<String> implements Filterable
{
private ArrayList<String> data;
private final String server = "http://myserver/script.php?query=";
AutoCompleteAdapter (@NonNull Context context, @LayoutRes int resource)
{
super (context, resource);
this.data = new ArrayList<>();
}
@Override
public int getCount()
{
return data.size();
}
@Nullable
@Override
public String getItem (int position)
{
return data.get (position);
}
@NonNull
@Override
public Filter getFilter()
{
return new Filter()
{
@Override
protected FilterResults performFiltering (CharSequence constraint)
{
FilterResults results = new FilterResults();
if (constraint != null)
{
HttpURLConnection conn = null;
InputStream input = null;
try
{
URL url = new URL (server + constraint.toString());
conn = (HttpURLConnection) url.openConnection();
input = conn.getInputStream();
InputStreamReader reader = new InputStreamReader (input, "UTF-8");
BufferedReader buffer = new BufferedReader (reader, 8192);
StringBuilder builder = new StringBuilder();
String line;
while ((line = buffer.readLine()) != null)
{
builder.append (line);
}
JSONArray terms = new JSONArray (builder.toString());
ArrayList<String> suggestions = new ArrayList<>();
for (int ind = 0; ind < terms.length(); ind++)
{
String term = terms.getString (ind);
suggestions.add (term);
}
results.values = suggestions;
results.count = suggestions.size();
data = suggestions;
}
catch (Exception ex)
{
ex.printStackTrace();
}
finally
{
if (input != null)
{
try
{
input.close();
}
catch (Exception ex)
{
ex.printStackTrace();
}
}
if (conn != null) conn.disconnect();
}
}
return results;
}
@Override
protected void publishResults (CharSequence constraint, FilterResults results)
{
if (results != null && results.count > 0)
{
notifyDataSetChanged();
}
else notifyDataSetInvalidated();
}
};
}
et utilisez-le de la même manière:
public class MyActivity extends Activity
{
@Override
public void onCreate(Bundle savedInstanceState) {
...
AutoCompleteTextView textView = (AutoCompleteTextView) findViewById (R.id.style);
int layout = Android.R.layout.simple_list_item_1;
AutoCompleteAdapter adapter = new AutoCompleteAdapter (this, layout);
textView.setAdapter (adapter);
}
}
Chu: Pour personnaliser l'apparence de la vue et obtenir plus de contrôle sur le déballage de l'objet, procédez comme suit ...
@Override
public View getView (int position, View convertView, ViewGroup parent) {
TextView originalView = (TextView) super.getView(position, convertView, parent); // Get the original view
final LayoutInflater inflater = LayoutInflater.from(getContext());
final TextView view = (TextView) inflater.inflate(Android.R.layout.simple_dropdown_item_1line, parent, false);
// Start tweaking
view.setText(originalView.getText());
view.setTextColor(R.color.black); // also useful if you have a color scheme that makes the text show up white
view.setTextSize(TypedValue.COMPLEX_UNIT_SP, 10); // override the text size
return view;
}
private AutoCompleteUserAdapter userAdapter;
private AutoCompleteTextView actvName;
private ArrayList<SearchUserItem> arrayList;
actvName = findViewById(R.id.actvName);
actvName.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
actvName.setText(userAdapter.getItemNameAtPosition(position));
actvName.setSelection(actvName.getText().toString().trim().length());
}
});
actvName.addTextChangedListener(new TextWatcher() {
@Override
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
}
@Override
public void onTextChanged(final CharSequence s, int start, int before, int count) {
if (actvName.isPerformingCompletion()) {
// An item has been selected from the list. Ignore.
} else {
if (s.toString().toLowerCase().trim().length() >= 2) {
getUserList(s.toString().toLowerCase().trim());
}
}
}
@Override
public void afterTextChanged(Editable s) {
}
});
private void getUserList(String searchText) {
//Add data to your list after success of API call
arrayList = new ArrayList<>();
arrayList.addAll(YOUR_LIST);
userAdapter = new AutoCompleteUserAdapter(context, R.layout.row_user, arrayList);
getActivity().runOnUiThread(new Runnable() {
@Override
public void run() {
actvName.setAdapter(userAdapter);
userAdapter.notifyDataSetChanged();
actvName.showDropDown();
}
});
}
AutoCompleteUserAdapter
/**
* Created by Ketan Ramani on 11/07/2019.
*/
public class AutoCompleteUserAdapter extends ArrayAdapter<SearchUserItem> {
private Context context;
private int layoutResourceId;
private ArrayList<SearchUserItem> arrayList;
public AutoCompleteUserAdapter(Context context, int layoutResourceId, ArrayList<SearchUserItem> arrayList) {
super(context, layoutResourceId, arrayList);
this.context = context;
this.layoutResourceId = layoutResourceId;
this.arrayList = arrayList;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
try {
if (convertView == null) {
convertView = LayoutInflater.from(parent.getContext()).inflate(layoutResourceId, parent, false);
}
SearchUserItem model = arrayList.get(position);
AppCompatTextView tvUserName = convertView.findViewById(R.id.tvUserName);
tvUserName.setText(model.getFullname());
} catch (NullPointerException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
return convertView;
}
public String getItemNameAtPosition(int position) {
return arrayList.get(position).getName();
}
public String getItemIDAtPosition(int position) {
return arrayList.get(position).getId();
}
}