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日

相关文章

  • Ubuntu 18.04 LTS中配置IP地址的完整步骤

    Ubuntu 18.04 LTS配置IP地址的完整步骤 在Ubuntu 18.04 LTS中配置IP地址是一个相对简单的过程。下面是详细的步骤： 步骤一：打开终端 首先，打开终端。你可以通过按下Ctrl + Alt + T键来快速打开终端。 步骤二：编辑网络配置文件 在终端中，输入以下命令来编辑网络配置文件： sudo nano /etc/netplan/0…

    other 2023年7月30日
    00

  • win32下进程间通信(共享内存)实例分析

    Win32下进程间通信(共享内存)实例分析攻略 介绍 进程间通信（Inter-Process Communication，简称IPC）是操作系统中的一个重要概念，用于实现不同进程之间的数据交换和协作。在Win32环境下，共享内存是一种常用的进程间通信机制，它允许多个进程共享同一块内存区域，从而实现高效的数据传输。 本攻略将详细讲解Win32下进程间通信（共享…

    other 2023年8月1日
    00

  • vivoX80怎么进入开发者模式?vivoX80进入开发者模式教程

    下面是详细讲解“vivoX80怎么进入开发者模式?vivoX80进入开发者模式教程”的完整攻略： 一、什么是开发者模式 开发者模式是操作系统默认隐藏的高级设置，包括USB调试，布局边缘和其他一些高级设置，用于辅助开发人员调试和测试应用程序。 二、进入开发者模式的步骤 以下是安装流程： 1. 打开设置 首先，打开您的vivo X80并点击设置图标。 2. 找到…

    other 2023年6月26日
    00

  • 在IE地址栏中输入上192.168.1.1后不弹出用户名和密码框

    这个问题其实是涉及到路由器登录验证的问题。如果在IE地址栏中输入上192.168.1.1后不弹出用户名和密码框，那么很可能是因为您的浏览器保存了之前已经输入的登录信息，导致没有再次弹出登录框。下面介绍一些解决办法： 清空浏览器缓存和Cookie 有时候，浏览器会自动保存登录信息，导致登录框不弹出。我们可以通过清空缓存和Cookie的方式来解决这个问题。 在I…

    other 2023年6月27日
    00

  • JS日期和时间选择控件升级版(自写)

    下面我就为你详细讲解一下”JS日期和时间选择控件升级版(自写)”的完整攻略。 1. 背景介绍 本文主要介绍如何通过自己编写一个JavaScript日期和时间选择控件的方式，来实现对于日期和时间输入的便捷操作和规范化处理，提高用户使用体验。 2. 实现原理 该日期和时间选择控件的实现原理主要是基于JavaScript、HTML、CSS技术，包括以下几个步骤： …

    other 2023年6月26日
    00

  • android-什么时候调用onsizechanged()?

    以下是关于“android-什么时候调用onsizechanged()?”的完整攻略： onSizeChanged()方法 onSizeChanged()是Android View类中的一个方法，用于在View的大小发生变化时被调用。该方法的定义下： protected void onSizeChanged(int w, int h, int oldw, i…

    other 2023年5月9日
    00

  • HTML5标签嵌套规则详解【必看】

    HTML5标签嵌套规则详解【必看】攻略 HTML5标签嵌套规则是指在HTML文档中，各个标签之间的嵌套关系必须符合一定的规则。这些规则有助于确保HTML文档的结构清晰、语义明确，并且能够正确地被浏览器解析和渲染。下面是HTML5标签嵌套规则的详细讲解。 1. 嵌套规则的基本原则 标签必须按照正确的层次结构进行嵌套，即一个标签可以包含其他标签，但不能交叉嵌套或…

    other 2023年7月27日
    00

  • windows系统开机出现Supervisory.exe应用程序错误怎么办？

    Windows系统开机出现Supervisory.exe应用程序错误的解决方法 当Windows系统启动时，如果出现“Supervisory.exe应用程序错误”的提示，说明系统中的Supervisory.exe应用程序出现问题，需要进行处理。本文章将详细讲解如何解决此问题。 原因分析 Supervisory.exe是一款由安全厂商推出的应用程序，其主要作用…

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