可支持快速搜索筛选的Android自定义选择控件

yizhihongxing

下面为你详细讲解“可支持快速搜索筛选的Android自定义选择控件”的完整攻略。

概述

在 Android 开发过程中,我们常常需要用到选择控件,如下拉框、多选框、单选框等。通常情况下,这些控件都不能满足我们的需求,因此我们需要自定义控件来满足我们的需求。其中,可支持快速搜索筛选的自定义选择控件是使用频率较高的一种。本文将详细讲解如何实现这种选择控件。

实现步骤

步骤一:布局文件的设计

首先,我们需要创建一个布局文件,设计一个界面来显示这个选择控件的样式。通常情况下,这个控件的样式大致可以分成三部分:搜索框、选项列表和确定按钮。其中,搜索框需要 EditText 控件,选项列表需要 ListView 控件,确定按钮需要 Button 控件。具体代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <EditText
        android:id="@+id/et_search"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="搜索"
        android:inputType="text"/>

    <ListView
        android:id="@+id/lv_options"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <Button
        android:id="@+id/btn_confirm"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="确定"/>

</LinearLayout>

步骤二:搜索框的实现

接下来,我们需要实现搜索框的功能。当用户输入文字的时候,列表会根据用户输入的文字进行实时筛选。我们可以使用 TextWatcher 监听器来实现这个功能。具体步骤如下:

  1. 给 EditText 添加 TextWatcher 监听器;
  2. 当 EditText 文字发生变化时,获取 EditText 中的文字,筛选符合条件的列表项,更新 ListView。

下面是具体的代码示例:

EditText etSearch = findViewById(R.id.et_search);
etSearch.addTextChangedListener(new TextWatcher() {
    @Override
    public void beforeTextChanged(CharSequence charSequence, int i, int i1, int i2) {

    }

    @Override
    public void onTextChanged(CharSequence charSequence, int i, int i1, int i2) {
        String keyword = charSequence.toString();
        List<String> filteredOptions = filterOptions(keyword, options);
        adapter.setData(filteredOptions);
    }

    @Override
    public void afterTextChanged(Editable editable) {

    }
});

private List<String> filterOptions(String keyword, List<String> options) {
    List<String> filteredOptions = new ArrayList<>();
    for (String option : options) {
        if (option.contains(keyword)) {
            filteredOptions.add(option);
        }
    }
    return filteredOptions;
}

上面代码中,我们首先获取 EditText 中的文字,然后根据这个文字对列表项进行筛选,最后更新 ListView 中的数据。其中,filterOptions() 方法是对列表项进行筛选的方法,具体实现是遍历列表项,判断是否包含指定的文字,如果是则加入到新的列表中。

步骤三:选项列表的实现

接下来,我们需要实现选项列表的功能。当用户点击列表项时,需要将该项加入到已选择的列表中,同时将该项标记为已选择。我们可以使用 ListView 的 onItemClickListener 监听器来完成这个功能。具体步骤如下:

  1. 给 ListView 添加 onItemClickListener 监听器;
  2. 在 onItemClick() 方法中,将该项加入到已选择的列表中,更新已选择的列表和未选择的列表;
  3. 更新 ListView 中的数据,将已选择的列表项标记为已选择。

下面是具体的代码示例:

ListView lvOptions = findViewById(R.id.lv_options);
lvOptions.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
        String option = options.get(i);
        if (!selectedOptions.contains(option)) {
            selectedOptions.add(option);
        }
        List<String> unselectedOptions = getUnselectedOptions(options, selectedOptions);
        adapter.setData(selectedOptions, unselectedOptions);
    }
});

private List<String> getUnselectedOptions(List<String> options, List<String> selectedOptions) {
    List<String> unselectedOptions = new ArrayList<>();
    for (String option : options) {
        if (!selectedOptions.contains(option)) {
            unselectedOptions.add(option);
        }
    }
    return unselectedOptions;
}

上面代码中,我们首先获取用户点击的列表项,然后将该项加入到已选择的列表中。接着,我们需要更新未选择的列表,也就是将该项从未选择的列表中删除。其中,getUnselectedOptions() 方法是获取未选择的列表的方法,具体实现是遍历所有的列表项,判断该项是否已经被选择,如果没有则加入到未选择的列表中。

步骤四:确定按钮的实现

最后,我们需要实现确定按钮的功能。当用户点击确定按钮时,需要将已选择的列表项返回给调用者。我们可以使用回调的方式将结果返回给调用者。具体步骤如下:

  1. 定义一个回调接口 OnConfirmListener,在接口中定义一个回调方法 onConfirm();
  2. 在 Activity 中实现 OnConfirmListener 接口,重写 onConfirm() 方法,将已选择的列表项返回给调用者;
  3. 在点击确定按钮时,调用 OnConfirmListener 接口的 onConfirm() 方法,将已选择的列表项返回给调用者。

下面是具体的代码示例:

public interface OnConfirmListener {
    void onConfirm(List<String> selectedOptions);
}

public class MainActivity extends AppCompatActivity implements OnConfirmListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        ...
        final SelectDialog dialog = new SelectDialog(MainActivity.this);
        dialog.setOnConfirmListener(this);
        ...
    }

    @Override
    public void onConfirm(List<String> selectedOptions) {
        // 将已选择的列表项返回给调用者
    }
}

Button btnConfirm = findViewById(R.id.btn_confirm);
btnConfirm.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        if (onConfirmListener != null) {
            onConfirmListener.onConfirm(selectedOptions);
        }
        dismiss();
    }
});

上面代码中,我们首先定义了一个回调接口 OnConfirmListener,在接口中定义了一个回调方法 onConfirm()。然后,在 Activity 中实现了这个接口,并重写了 onConfirm() 方法,将已选择的列表项返回给调用者。最后,在点击确定按钮时,调用 OnConfirmListener 接口的 onConfirm() 方法,将已选择的列表项返回给调用者。

示例说明

我们现在来提供两个关于这个自定义控件的示例:

示例一

首先,我们需要定义一个数据源,数据源中有多个城市名称,我们需要按照首字母将这些城市名称分类,然后展现在自定义控件中。具体步骤如下:

  1. 定义一个 City 类,包含城市名称和城市首字母两个属性;
  2. 定义一个 CategorizedOptionsAdapter 适配器,继承自 BaseAdapter,用来展示城市列表;
  3. 在适配器中实现根据首字母分类的功能;
  4. 在 MainActivity 中获取城市列表,按照首字母分类;
  5. 在 SelectDialog 中使用 CategorizedOptionsAdapter 展示城市列表;
  6. 在 MainActivity 中调用 showDialog() 方法,显示自定义控件。

下面是具体的代码示例:

public class City {
    private String name; // 城市名称
    private String initial; // 城市首字母

    public City(String name, String initial) {
        this.name = name;
        this.initial = initial;
    }

    public String getName() {
        return name;
    }

    public String getInitial() {
        return initial;
    }
}

public class CategorizedOptionsAdapter extends BaseAdapter {

    ...

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext)
                    .inflate(R.layout.item_city, parent, false);
            holder = new ViewHolder();
            holder.tvInitial = convertView.findViewById(R.id.tv_initial);
            holder.tvName = convertView.findViewById(R.id.tv_name);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        City city = getItem(position);
        holder.tvInitial.setVisibility(city.isShowInitial() ? View.VISIBLE : View.GONE);
        holder.tvInitial.setText(city.getInitial());
        holder.tvName.setText(city.getName());

        return convertView;
    }

    ...

    static class ViewHolder {
        TextView tvInitial;
        TextView tvName;
    }
}

List<City> cities = new ArrayList<>();
cities.add(new City("北京", "B"));
cities.add(new City("上海", "S"));
cities.add(new City("广州", "G"));
cities.add(new City("深圳", "S"));
cities.add(new City("杭州", "H"));
cities.add(new City("厦门", "X"));
cities.add(new City("成都", "C"));
cities.add(new City("重庆", "C"));
cities.add(new City("武汉", "W"));
cities.add(new City("南京", "N"));
cities.add(new City("苏州", "S"));
cities.add(new City("西安", "X"));
cities.add(new City("长沙", "C"));
cities.add(new City("昆明", "K"));

Map<String, List<City>> categorizedCities = new HashMap<>();
for (City city : cities) {
    String initial = city.getInitial();
    if (!categorizedCities.containsKey(initial)) {
        categorizedCities.put(initial, new ArrayList<City>());
    }
    categorizedCities.get(initial).add(city);
}

SelectDialog dialog = new SelectDialog(MainActivity.this);
dialog.setAdapter(new CategorizedOptionsAdapter(this, selectedCities, uncategorizedCities));
dialog.showDialog();

上面代码中,我们首先定义了一个 City 类,包含城市名称和城市首字母两个属性。然后,我们定义了一个 CategorizedOptionsAdapter 适配器,继承自 BaseAdapter,用来展示城市列表。在适配器中实现了根据首字母分类的功能,具体实现是使用 Map 来维护不同首字母对应的城市列表。在 MainActivity 中获取城市列表之后,按照首字母分类,然后在 SelectDialog 中使用 CategorizedOptionsAdapter 展示城市列表。最后,在 MainActivity 中调用 showDialog() 方法,显示自定义控件。

示例二

现在假设我们需要从一个下拉框中选择多个选项,每个选项都包含一个名称和一个图片。具体步骤如下:

  1. 定义一个 Item 类,包含一个名称和一张图片;
  2. 定义一个 ItemsAdapter 适配器,继承自 BaseAdapter,用来展示选项列表;
  3. 在适配器中实现选项列表的显示;
  4. 在 SelectDialog 中使用 ItemsAdapter 展示选项列表,并修复选择状态的显示;
  5. 在 MainActivity 中调用 showDialog() 方法,显示自定义控件;
  6. 在 MainActivity 中实现 OnConfirmListener 接口,重写 onConfirm() 方法,将已选择的列表项名称返回给调用者。

下面是具体的代码示例:

public class Item {
    private String name;
    private int image;

    public Item(String name, int image) {
        this.name = name;
        this.image = image;
    }

    public String getName() {
        return name;
    }

    public int getImage() {
        return image;
    }
}

public class ItemsAdapter extends BaseAdapter {

    ...

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext)
                    .inflate(R.layout.item_item, parent, false);
            holder = new ViewHolder();
            holder.ivImage = convertView.findViewById(R.id.iv_image);
            holder.tvName = convertView.findViewById(R.id.tv_name);
            holder.cbSelected = convertView.findViewById(R.id.cb_selected);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }

        Item item = getItem(position);
        holder.ivImage.setImageResource(item.getImage());
        holder.tvName.setText(item.getName());
        holder.cbSelected.setChecked(selectedItems.contains(item));

        return convertView;
    }

    ...

    static class ViewHolder {
        ImageView ivImage;
        TextView tvName;
        CheckBox cbSelected;
    }
}

List<Item> items = new ArrayList<>();
items.add(new Item("Item1", R.drawable.item1));
items.add(new Item("Item2", R.drawable.item2));
items.add(new Item("Item3", R.drawable.item3));
items.add(new Item("Item4", R.drawable.item4));
items.add(new Item("Item5", R.drawable.item5));
items.add(new Item("Item6", R.drawable.item6));
items.add(new Item("Item7", R.drawable.item7));
items.add(new Item("Item8", R.drawable.item8));
items.add(new Item("Item9", R.drawable.item9));

SelectDialog dialog = new SelectDialog(MainActivity.this);
dialog.setAdapter(new ItemsAdapter(MainActivity.this, items, selectedItems));
dialog.showDialog();

@Override
public void onConfirm(List<String> selectedOptions) {
    StringBuilder sb = new StringBuilder();
    for (String option : selectedOptions) {
        sb.append(option);
        sb.append(", ");
    }
    if (sb.length() > 0) {
        sb.delete(sb.length() - 2, sb.length() - 1);
    }
    Toast.makeText(MainActivity.this, "选择的项为:" + sb.toString(), Toast.LENGTH_SHORT).show();
}

上面代码中,我们首先定义了一个 Item 类,包含一个名称和一张图片。然后,我们定义了一个 ItemsAdapter 适配器,继承自 BaseAdapter,用来展示选项列表。在适配器中实现了选项列表的显示,其中包括选项的名称和一张图片。在 SelectDialog 中使用 ItemsAdapter 展示选项列表,并修复选择状态的显示,具体实现是在 getView() 方法中设置 CheckBox 控件的状态。在 MainActivity 中调用 showDialog() 方法,显示自定义控件,并实现了 OnConfirmListener 接口,重写 onConfirm() 方法,将已选择的列表项名称返回给调用者。

总结

到这里,就完成了一个可支持快速搜索筛选的 Android 自定义选择控件的设计和实现。以上是整个设计实现的详细步骤,可以参考和扩展实现自己的控件。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:可支持快速搜索筛选的Android自定义选择控件 - Python技术站

(0)
上一篇 2023年6月27日
下一篇 2023年6月27日

相关文章

  • win10手机预览版10080更新升级全过程

    Win10手机预览版10080更新升级全过程攻略 本攻略将详细介绍Win10手机预览版10080的更新升级全过程。请按照以下步骤进行操作: 步骤一:备份重要数据 在进行任何系统更新之前,建议您备份手机中的重要数据。这可以防止数据丢失或损坏。您可以通过以下方式备份数据: 连接手机到电脑,并将重要文件复制到计算机上。 使用云存储服务(如Google Drive、…

    other 2023年8月3日
    00
  • C++符号优先级(详细整理)

    C++符号优先级(详细整理) 1. 概述 C++中的符号优先级指的是不同运算符在表达式中的执行优先级。它决定了表达式的计算顺序,帮助我们正确理解和编写代码。在C++中,符号的优先级由高到低分别为: 一元运算符: ++ — + – ! ~ * & sizeof typeid new delete 算术运算符: * / % 算术运算符: + – 移位运…

    other 2023年6月28日
    00
  • 如何查看linux硬件配置信息

    如何查看Linux硬件配置信息 在Linux系统中,您可以使用一些命令来查看硬件配置信息。以下是使用Linux命令查看硬件配置信息的完整攻略。 1. 使用lshw命令 lshw是一个用于显示硬件信息的命令工具。您可以使用以下命令安装lsh: sudo apt-get install lshw 安装完成后,您可以使用以下命令查看硬件配置信息: sudo lsh…

    other 2023年5月6日
    00
  • windows下作为应用程序启动apache的方法

    作为应用程序启动 Apache 是在 Windows 系统下运行 Apache 服务器的一种方法,下面是完整的攻略: 第一步:下载并安装 Apache 首先,你需要从 Apache 官网下载适用于 Windows 系统的 Apache 服务器,下载地址为:https://httpd.apache.org/download.cgi 选择与你的 Windows …

    other 2023年6月25日
    00
  • oracle插入表数据的4种方式

    Oracle插入表数据的4种方式 在Oracle数据库中插入表数据是一项基本操作,本文将介绍4种常见的方式。 1. 使用INSERT语句 使用INSERT语句可以将数据插入到指定的表中,语法如下: INSERT INTO table_name (column1, column2, …) VALUES (value1, value2, …); 其中,table…

    其他 2023年3月28日
    00
  • java基于netty NIO的简单聊天室的实现

    Java基于Netty NIO的简单聊天室实现攻略 本文将介绍使用Netty NIO框架实现一个简单的聊天室的详细过程,包括环境搭建、项目结构、代码实现等。 环境搭建 首先需要安装Java环境,推荐使用JDK 1.8版本。接着安装Maven,用于管理依赖项,可以在Maven官网(http://maven.apache.org)查看安装教程。 项目结构 创建一…

    other 2023年6月27日
    00
  • 华为手机怎么关闭开发者选项?华为手机关闭开发者选项教程

    以下是“华为手机关闭开发者选项”的详细攻略: 1. 什么是开发者选项? 开发者选项是一组设计用于开发人员的选项,它们的目的是允许对手机进行更多的自定义和优化。例如,您可以开启 USB 调试模式并连接到计算机上进行调试,或者更改手机 DPI 和屏幕分辨率等。 2. 如何关闭华为手机的开发者选项? 关闭开发者选项并不会对您的手机造成任何影响,但它可以防止其他人误…

    other 2023年6月26日
    00
  • android触摸事件motionevent详解

    Android触摸事件MotionEvent详解 在Android应用程序中,触摸事件是非常重要的。MotionEvent类提供了有关触摸事件的详信息,包括触摸位置、触摸动作和触摸时间等。以下是有关Android触事件MotionEvent的详细信息。 MotionEvent类 MotionEvent类提供了有关摸事件的详细信息以下是MotionEvent类…

    other 2023年5月6日
    00
合作推广
合作推广
分享本页
返回顶部