5

我正在努力将气泡添加到像 gmail 或 facebook messanger 这样的字段中。请看下面这张图片.. 在此处输入图像描述

因此，对于上图的实现，我使用这个示例项目做了一些工作， 他们为实现提供了代码，但我需要用空间划分每个气泡，这意味着我使用了空间标记器。那么它的工作正常，但我的问题是，如果我继续在 gmail 中的 to 字段中添加联系人，则该字段正在向上移动，并且联系人列表的列表视图完全显示。但在我的情况下，列表视图在添加最大联系人后没有显示，而且如果我自动添加大长度的联系人名称，它会为该名称添加多个气泡。还有一个问题是在 2.2 版手机中，我无法在联系人气泡之间或之后看到光标。手动我需要点击联系气泡。我从这个链接中找到了一些新闻 但我无法从此https://android.googlesource.com/platform/frameworks/ex/+/refs/heads/master/chips导入完整的代码。存在如此多的依赖关系，并且所有项目都在导入。请让我知道上述问题的任何解决方案。如果有任何样品也请张贴在这里..

4

1 回答 1

7

我在 github 上开源了我们的解决方案TokenAutoComplete。我的已经测试回 2.2。我设计了我的代码以允许非常简单的实现和自定义。我不确定这是否完全回答了您的问题，但它可能是比芯片源代码更好的起点。

这是使用我的库的示例实现：

子类 TokenCompleteTextView

public class ContactsCompletionView extends TokenCompleteTextView {
    public ContactsCompletionView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected View getViewForObject(Object object) {
        Person p = (Person)object;

        LayoutInflater l = (LayoutInflater)getContext().getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
        LinearLayout view = (LinearLayout)l.inflate(R.layout.contact_token, (ViewGroup)ContactsCompletionView.this.getParent(), false);
        ((TextView)view.findViewById(R.id.name)).setText(p.getEmail());

        return view;
    }

    @Override
    protected Object defaultObject(String completionText) {
        //Stupid simple example of guessing if we have an email or not
        int index = completionText.indexOf('@');
        if (index == -1) {
            return new Person(completionText, completionText.replace(" ", "") + "@example.com");
        } else {
            return new Person(completionText.substring(0, index), completionText);
        }
    }
}

contact_token 的布局代码（您可以在此处使用任何类型的布局，或者如果您想要令牌中的图像，可以将 ImageView 放入其中）

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

    <TextView android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/token_background"
        android:padding="5dp"
        android:textColor="@android:color/white"
        android:textSize="18sp" />

</LinearLayout>

令牌背景可绘制

<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="#ffafafaf" />
    <corners
        android:topLeftRadius="5dp"
        android:bottomLeftRadius="5dp"
        android:topRightRadius="5dp"
        android:bottomRightRadius="5dp" />
</shape>

人物对象代码

public class Person implements Serializable {
    private String name;
    private String email;

    public Person(String n, String e) { name = n; email = e; }

    public String getName() { return name; }
    public String getEmail() { return email; }

    @Override
    public String toString() { return name; }
}

示例活动

public class TokenActivity extends Activity {
    ContactsCompletionView completionView;
    Person[] people;
    ArrayAdapter<Person> adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        people = new Person[]{
                new Person("Marshall Weir", "marshall@example.com"),
                new Person("Margaret Smith", "margaret@example.com"),
                new Person("Max Jordan", "max@example.com"),
                new Person("Meg Peterson", "meg@example.com"),
                new Person("Amanda Johnson", "amanda@example.com"),
                new Person("Terry Anderson", "terry@example.com")
        };

        adapter = new ArrayAdapter<Person>(this, android.R.layout.simple_list_item_1, people);

        completionView = (ContactsCompletionView)findViewById(R.id.searchView);
        completionView.setAdapter(adapter);
        completionView.setPrefix("To: ");
    }
}

布局代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.tokenautocomplete.ContactsCompletionView
        android:id="@+id/searchView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</RelativeLayout>
于 2013-10-25T16:21:25.480 回答