4

我仍然是 Android 的新手,我正在尝试解决自动完成文本框的问题。我正在使用 MultiAutoCompleteTextView 来填充文本框并提供来自字符串数组的提示。数组中的每个字符串都是具有 id 的对象的名称。所以,我的问题是双重的:

  • 用户单击自动完成上的给定条目后,如何找到与用户选择的字符串对应的 id?

  • 是否有可能围绕从自动完成列表中选择的项目创建一个“类似 Facebook 的框”,其工作方式类似于用户可以通过按 X 删除的原子单元?(类似于stackoverflow中标签框上的每个标签中发生的情况)

提前致谢

4

3 回答 3

4

Android 有邮件应用程序中使用的“芯片”小部件的源代码。它们是代表作为消息接收者的用户的芯片。它们看起来就像您所指的 Facebook 小部件:带有“X”的名称以取消。我能够调整代码并使其可用于我自己的需要,但老实说,它真的很复杂,我花了很长时间才把头绕过去。

核心原则是您使用Spannable字符串并手动绘制背景位图和“X”。

这是android源代码: http: //grepcode.com/file/repository.grepcode.com/java/ext/com.google.android/android/4.0.1_r1/com/android/ex/chips/RecipientEditTextView.java

核心方法是createSelectedChip, constructChipSpan

于 2012-07-02T01:39:03.583 回答
4

我在 github 上开源了一个TokenAutoComplete很好地解决了这个问题。那里似乎没有更简单的答案。这是您描述的基本实现:

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.getName());

        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 的布局代码(您需要找到自己的 x drawable)

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:background="@drawable/token_background">
    <TextView android:id="@+id/name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/white"
        android:textSize="14sp"
        android:text="Test Me"
        android:padding="2dp" />

    <ImageView
        android:layout_height="10dp"
        android:layout_width="10dp"
        android:src="@drawable/x"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="3dp"
        android:layout_marginRight="5dp" />
</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.setTokenClickStyle(TokenCompleteTextView.TokenClickStyle.Delete);
    }
}

布局代码

<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>

这是你得到的界面:

工作 TokenAutoComplete 活动的图像

于 2013-10-03T13:48:30.953 回答
1

我不知道这些链接是否可以帮助您了解您想要的东西,但以防万一,看看它们。

自动完成教程1

自动完成教程2

希望他们有所帮助。

于 2012-07-02T01:25:25.393 回答