Android Multi-AutoComplete-TextView中包含不同的文本气泡(芯片)

时间:2015-06-16 17:21:02

标签: android android-layout android-edittext

enter image description here

如何使用芯片创建Android多重自动完成文本视图

2 个答案:

答案 0 :(得分:4)

我为此创建了一个简单的库:https://github.com/Plumillon/ChipView

这里有一个快速入门:

将ChipView添加到您的布局或以编程方式创建它:

<com.plumillonforge.android.chipview.ChipView
    android:id="@+id/chipview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

使用扩展芯片界面并添加点击监听器(如果需要)的数据列表初始化它:

List<Chip> chipList = new ArrayList<>();
chipList.add(new Tag("Lorem"));
chipList.add(new Tag("Ipsum dolor"));
chipList.add(new Tag("Sit amet"));
chipList.add(new Tag("Consectetur"));
chipList.add(new Tag("adipiscing elit"));
ChipView chipDefault = (ChipView) findViewById(R.id.chipview);
chipDefault.setChipList(chipList);
chipDefault.setOnChipClickListener(new OnChipClickListener() {
        @Override
        public void onChipClick(Chip chip) {
            // Action here !
        }
    });

默认ChipView的呈现方式如下:

Default ChipView

但是您可以根据需要自定义从整体到芯片级别:

Overall ChipView Custom ChipView

这不是MultiAutocomplete,但你可以设法模仿它(我实际上是这样使用它)

答案 1 :(得分:1)

材料设计规范包括名为chips的东西,它可以满足您的要求。找到了一个库here