1. Python技术站首页
  2. other

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

• other

下面为你详细讲解“可支持快速搜索筛选的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)
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年6月27日
下一篇 2023年6月27日

相关文章

  • Linux Shell脚本中获取本机ip地址方法

    Linux Shell脚本中获取本机IP地址方法攻略 在Linux Shell脚本中获取本机IP地址是一个常见的需求。下面是一些获取本机IP地址的方法，你可以根据自己的需求选择适合的方法。 方法一：使用ifconfig命令 ifconfig命令可以用来查看和配置网络接口的信息，包括IP地址。下面是使用ifconfig命令获取本机IP地址的示例代码： #!/b…

    other 2023年7月31日
    00

  • js控制只允许输入数字

    以下是关于如何使用JavaScript控制只允许输入数字的详细攻略： 步骤一：获取输入框元素 首先，需要获取要控制的输入框元素。可以使用 document() 方法或 document.querySelector() 方法获取元素。例如，要获取 id 为“inputNumber”的框元素，可以使用以下代码： constNumber = document.ge…

    other 2023年5月7日
    00

  • 网站访问慢的排查方法及解决方案

    网站访问慢的排查方法及解决方案 排查方法 1. 确定问题范围 首先需要明确问题的具体表现，例如是整个网站慢还是只有某个页面慢，是移动端还是PC端访问慢等等。通过定位问题的具体表现，可以明确排查范围，缩小问题的影响范围从而更加高效地排查问题。 2. 基础排查 基础排查包括检查网站服务器、网络连接、DNS解析等基本内容，以下是一些基础排查的方法： 通过ping命…

    other 2023年6月26日
    00

  • cad备份文件在哪里

    下面我将为您详细讲解如何备份CAD文件。 备份CAD文件的常用方法 在CAD软件内，备份文件有两种常用的方法： 复制文件 打开CAD软件后，选择要备份的文件，右键点击，选择“复制”，再右键点击要复制到的目录，选择“粘贴”。或者使用快捷键Ctrl+C和Ctrl+V进行复制和粘贴。这种方法适用于单个文件的备份。 存储文件 打开CAD软件后，选择“文件” – “另…

    其他 2023年4月16日
    00

  • ubuntu重启网卡的三种方法

    以下是关于Ubuntu重启网卡的三种方法的完整攻略，包括介绍三种方法的基本概念、使用方法和两个示例说明。 重启网卡的三种方法 在Ubuntu中，有三种方法可以重启网卡： 使用ifdown和ifup命令； 使用systemctl命令； 使用service命令。 下面将分别介绍这三种方法的使用方法。 使用ifdown和ifup命令 ifdown和ifup命令是U…

    other 2023年5月7日
    00

  • Git+VS2015修改提交代码以及解决冲突

    Git+VS2015修改提交代码以及解决冲突的完整攻略 本文将为您提供Git+VS2015修改提交代码以及解决冲突的完整攻略，包括Git和VS2015的基本概念、使用方法、以及两个示例说明。 Git和VS2015的基本概念 Git是一种分布式版本控制系统，可以帮助开发者管理代码的版本和变更历史。VS2015是一种集成开发环境，可以帮助开发者编写、调试和测试代…

    other 2023年5月6日
    00

  • 浅析string类字符串和C风格字符串之间的区别

    浅析string类字符串和C风格字符串之间的区别 在C++中，字符串可以使用两种不同的表示方法：string类字符串 和 C风格字符串。这两种字符串的表示方法有很多的不同之处，我们将在下文中进行讲解和分析。以下是两种字符串的定义方式： // string类字符串 #include <string> using namespace std; str…

    other 2023年6月20日
    00

  • Linux下命令行cURL的10种常见用法示例

    下面我将详细讲解“Linux下命令行cURL的10种常见用法示例”的完整攻略。 Linux下命令行cURL的10种常见用法示例 cURL是一个命令行工具，支持多种协议，用于和服务器交互。下面介绍下cURL的10种常见用法示例。 1. 发送GET请求 curl https://example.com 上述命令将向example.com发送GET请求，服务器返回…

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