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日

相关文章

  • 智能手机存储空间要多大才够用？手机存储64G够用吗？

    智能手机存储空间要多大才够用？ 选择合适的智能手机存储空间是一个重要的决策，因为它直接影响到您能够存储多少照片、视频、应用程序和其他文件。然而，要确定一个足够的存储空间大小并不是一件容易的事情，因为它取决于个人使用习惯和需求。以下是一些考虑因素和示例，以帮助您决定智能手机存储空间的大小。 1. 考虑您的使用习惯 首先，您应该考虑自己的使用习惯。以下是一些问题…

    other 2023年8月1日
    00

  • dos之bat批处理文件语法介绍

    DOS之BAT批处理文件语法介绍 什么是BAT文件？ BAT是Batch files的缩写，也就是批处理文件。BAT文件是DOS或Windows系统批处理脚本文件，可以通过命令行运行，也可以直接双击运行。 BAT文件的语法基础 注释 在BAT文件中，可以使用REM作为注释标识符。任何以REM开头的文本，都被视为注释，不会被执行。 示例： REM 这是注释 执…

    other 2023年6月26日
    00

  • C++类的静态成员初始化详细讲解

    下面详细讲解“C++类的静态成员初始化详细讲解”的攻略。 1. 静态成员的定义和初始化 在C++中，静态成员是指属于类的成员，而不是属于某个对象的成员。它们被定义为类的属性，并且在类的所有实例中共享。静态成员包含静态变量和静态函数。 当定义一个静态成员时，需要在类定义内部进行声明，在类外部进行定义和初始化。其语法格式为： class ClassName { …

    other 2023年6月20日
    00

  • C语言在头文件中定义const变量详解

    下面是关于“C语言在头文件中定义const变量”的详细攻略。 1. const变量概述 常量（const）变量是指在程序运行期间不可被修改的变量。在C语言中，我们通常使用const关键字来定义常量。 const int NUM = 10; 在上述代码中，NUM被定义为一个常量，它的值被固定为10，程序运行时不允许修改它。 2. 头文件中定义const变量 在…

    other 2023年6月27日
    00

  • 脚本设置ipbat命令行设置自动获取ip和固定ip

    脚本设置ipbat命令行设置自动获取ip和固定ip 在进行网络配置的时候，我们通常需要设置IP地址。在Windows系统中，我们可以通过命令行设置IP地址，这里介绍一种通过脚本文件来设置IP地址的方法。 1. 创建一份批处理脚本 打开记事本或任何文本编辑器，输入以下命令： @echo off set /p dhcpip=是否自动获取IP地址[Y/N]: if…

    其他 2023年3月29日
    00

  • Python issubclass和isinstance函数的具体使用

    Python isinstance和issubclass函数的具体使用 isinstance和issubclass 是Python两个非常实用的内置函数。虽然它们都可以用来判断变量类型，但是两者骨子里还是有一定的差别。 isinstance函数 isinstance(object,classinfo)用来判断 object 是否是 classinfo 类型的…

    other 2023年6月26日
    00

  • goLang引入自定义包的方法

    Go语言引入自定义包的方法 要在Go语言中引入自定义包，可以按照以下步骤进行操作： 创建自定义包：首先，我们需要创建一个自定义包，可以将相关的Go文件放在同一个目录下，并使用package关键字指定包的名称。例如，我们创建一个名为mypackage的自定义包，可以在mypackage目录下创建一个名为mylib.go的文件，并在文件中定义包的内容。 “`g…

    other 2023年10月13日
    00

  • EXCEL坐标轴怎么自定义设置?

    EXCEL中的坐标轴可以自定义设置，包括调整坐标轴刻度、坐标轴标签、坐标轴位置等。下面，我们将提供详细的攻略指导。 一、自定义设置坐标轴 1.1 调整坐标轴刻度 首先，右键单击图表中的坐标轴，选择格式化坐标轴选项。在弹出的格式化轴选项中，可以调整刻度尺寸、主刻度和次刻度之间的间距等。 示例1：调整坐标轴主刻度和次刻度之间的间距 在图表中选择一个坐标轴，右键单…

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