一手遮天 Android

项目地址 https://github.com/webabcd/AndroidDemo
作者 webabcd

一手遮天 Android - view(文本类): MultiAutoCompleteTextView 基础

示例如下:

/view/text/MultiAutoCompleteTextViewDemo1.java

/**
 * MultiAutoCompleteTextView - 自动完成文本框(支持多选),MultiAutoCompleteTextView 继承自 AutoCompleteTextView
 * 与 AutoCompleteTextView 不同的是,MultiAutoCompleteTextView 支持多选,需要通过 setTokenizer() 指定分隔符(不指定则不工作)
 *
 * 本例演示
 * 1、如何通过 ArrayAdapter 绑定数据和模板
 * 2、如何通过自定义的 BaseAdapter 并实现 Filterable 接口来绑定数据和模板
 * 3、如何监听下拉列表的点击事件,并获取选中项的数据对象
 */

package com.webabcd.androiddemo.view.text;

import android.content.Context;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.BaseAdapter;
import android.widget.Filter;
import android.widget.Filterable;
import android.widget.MultiAutoCompleteTextView;
import android.widget.TextView;

import com.webabcd.androiddemo.R;

import java.util.ArrayList;
import java.util.List;

public class MultiAutoCompleteTextViewDemo1 extends AppCompatActivity {

    private MultiAutoCompleteTextView mMultiAutoCompleteTextView1;
    private MultiAutoCompleteTextView mMultiAutoCompleteTextView2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_text_multiautocompletetextviewdemo1);

        mMultiAutoCompleteTextView1 = findViewById(R.id.multiAutoCompleteTextView1);
        mMultiAutoCompleteTextView2 = findViewById(R.id.multiAutoCompleteTextView2);

        sample1();
        sample2();
    }

    // 通过 ArrayAdapter 绑定数据和模板
    private void sample1() {
        String[] data = new String[]{"abc", "abcd", "abcde", "abcdef", "abcdefg"};
        mMultiAutoCompleteTextView1.setAdapter(new ArrayAdapter<String>(MultiAutoCompleteTextViewDemo1.this, android.R.layout.simple_dropdown_item_1line, data));
        // 指定分隔符(不指定则不工作)
        mMultiAutoCompleteTextView1.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
    }

    // 通过自定义的 BaseAdapter 并实现 Filterable 接口来绑定数据和模板
    private void sample2() {
        // 构造数据
        final List<MyData> myDataList = new ArrayList<MyData>();
        myDataList.add(new MyData("abc", "abc"));
        myDataList.add(new MyData("abcd", "abcd"));
        myDataList.add(new MyData("abcde", "abcde"));
        myDataList.add(new MyData("abcdef", "abcdef"));
        myDataList.add(new MyData("abcdefg", "abcdefg"));

        // 实例化自定义的 BaseAdapter(注:为 MultiAutoCompleteTextView 提供数据必须要实现 Filterable 接口)
        final MyAdapter myAdapter = new MyAdapter(myDataList, this);
        mMultiAutoCompleteTextView2.setAdapter(myAdapter);
        // 指定分隔符(不指定则不工作)
        mMultiAutoCompleteTextView2.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());

        // 点击了下拉列表中的某一项时的事件
        mMultiAutoCompleteTextView2.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                // 下面这个获取的不是选中项的对象
                // MyData myData = myDataList.get(position);

                // 下面这个获取的才是选中项的对象
                MyData myData = (MyData) parent.getItemAtPosition(position);
            }
        });
    }

    // 自定义实体类
    class MyData {
        private String _name;
        private String _comment;

        public MyData() {
        }

        public MyData( String name, String comment) {
            this._name = name;
            this._comment = comment;
        }

        public String getName() {
            return _name;
        }

        public String getComment() {
            return _comment;
        }

        public void setName(String name) {
            this._name = name;
        }

        public void setComment(String comment) {
            this._comment = comment;
        }

        // 选中下拉列表的某一项后,将调用此项对应的对象的 toString() 方法,并将其结果赋值给 MultiAutoCompleteTextView 文本框
        // 所以如果绑定的数据是自定义对象的话,要重写其 toString() 方法,以便在 MultiAutoCompleteTextView 的文本框中显示合适的值
        @Override
        public String toString() {
            return _name;
        }
    }

    // 自定义 BaseAdapter,并实现 Filterable 接口(注:绑定到 MultiAutoCompleteTextView 时,必须要实现 Filterable 接口)
    class MyAdapter extends BaseAdapter implements Filterable {

        private List<MyData> _myDataListOriginal; // 原始数据
        private List<MyData> _myDataListFiltered; // 筛选后的数据(下拉列表需要显示的数据)

        private Context _context;

        public MyAdapter(List<MyData> myDataList, Context context) {
            this._myDataListFiltered = new ArrayList<MyData>();
            this._myDataListOriginal = myDataList;
            this._context = context;
        }

        @Override
        public int getCount() {
            return _myDataListFiltered.size();
        }

        @Override
        public Object getItem(int position) {
            return _myDataListFiltered.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder holder = null;
            if (convertView == null) {
                convertView = LayoutInflater.from(_context).inflate(R.layout.item_view_text_multiautocompletetextviewdemo1, parent, false);

                holder = new ViewHolder();
                holder.txtName = (TextView) convertView.findViewById(R.id.txtName);
                holder.txtComment = (TextView) convertView.findViewById(R.id.txtComment);
                convertView.setTag(holder);
            } else {
                holder = (ViewHolder) convertView.getTag();
            }

            holder.txtName.setText(_myDataListFiltered.get(position).getName());
            holder.txtComment.setText(_myDataListFiltered.get(position).getComment());

            return convertView;
        }

        // 实现 Filterable 接口
        @Override
        public Filter getFilter() {
            Filter filter = new Filter() {
                /**
                 * 删选出符合条件的数据的集合
                 * @param constraint 用户输入的数据
                 */
                @Override
                protected FilterResults performFiltering(CharSequence constraint) {
                    FilterResults results = new FilterResults();
                    List<MyData> list = new ArrayList<>();
                    if(constraint != null){
                        for (MyData myData : _myDataListOriginal) {
                            if (myData.getName().contains(constraint)) {
                                list.add(myData);
                            }
                        }
                    }

                    // 符合条件的数据的数量
                    results.count = list.size();
                    // 符合条件的数据的集合
                    results.values = list;

                    return results;
                }

                /**
                 * 筛选逻辑执行完毕
                 * @param constraint 用户输入的数据
                 * @param results 由 performFiltering() 返回的筛选结果
                 */
                @Override
                protected void publishResults(CharSequence constraint, FilterResults results) {
                    // 更新下拉框需要显示的数据
                    _myDataListFiltered = (List<MyData>) results.values;
                    // 刷新下拉框
                    notifyDataSetChanged();
                }
            };

            return filter;
        }

        class ViewHolder {
            TextView txtName;
            TextView txtComment;
        }
    }
}

/layout/activity_view_text_multiautocompletetextviewdemo1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--
        completionHint/completionHintView - 下拉列表中的提示标题
        completionThreshold - 指定至少输入多少字符后才会弹出下拉列表(默认值为 2)
        dropDownWidth/dropDownHeight - 下拉列表的宽度和高度
        dropDownHorizontalOffset/dropDownVerticalOffset - 下拉列表的水平偏移和垂直偏移
        dropDownAnchor - 下拉列表显示位置关联的组件(默认是自己,也可以通过 @id/xxx 来指定)
        dropDownSelector - 下拉列表中的某一项被点击后的背景
    -->
    <MultiAutoCompleteTextView
        android:id="@+id/multiAutoCompleteTextView1"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:completionHint="建议列表"
        android:completionThreshold="2"
        android:dropDownSelector="@color/red" />

    <MultiAutoCompleteTextView
        android:id="@+id/multiAutoCompleteTextView2"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:completionHint="建议列表"
        android:completionThreshold="1"
        android:dropDownSelector="@color/orange" />

</LinearLayout>

/layout/item_view_text_multiautocompletetextviewdemo1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/txtName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#1D1D1D"
        android:textSize="24sp" />

    <TextView
        android:id="@+id/txtComment"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#B4B4B4"
        android:textSize="14sp" />

</LinearLayout>

项目地址 https://github.com/webabcd/AndroidDemo
作者 webabcd

原文地址:https://www.cnblogs.com/webabcd/p/android_view_text_MultiAutoCompleteTextViewDemo1.html