Android数据绑定更新后,EditText光标重置到左侧

26

我正在尝试使用新的Android Data Binding库(1.0-rc1),并创建了一个用户对象,包含三个字符串字段(名称、电子邮件和年龄),并将它们与布局中的3个EditText关联起来。

在第一个字段(名称)上,我放置了一个TextWatcher。一切似乎都运作良好。我通过检查文本是否不同,防止了名称字段中的 notifyPropertyChanged 循环,在允许调用 setName 前进行检查。

问题是,每次我在名称字段中输入字母后,光标都会重置到 EditText 左侧。我在网上搜索了解决方案,但大多数解决光标问题的建议都是抓取 EditText 的引用并手动调整光标位置。但我希望避免这样做,因为那样我还需要使用 findViewByID 来获取EditText,而 Data Binding 的目的是尝试避免这样做。感谢您的帮助。

我的布局如下:

<layout>

<data>
    <variable name="user" type="com.carlpoole.databindingstest.User"/>
</data>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:bind="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <EditText
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:id="@+id/name"
        android:text="@{user.name}"
        bind:addTextChangedListener="@{user.nameChanged}"
        />

    <EditText
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:id="@+id/email"
        android:layout_below="@+id/name"
        android:text="@{user.email}"/>

    <EditText
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:id="@+id/age"
        android:layout_below="@+id/email"
        android:text="@{user.age}"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/age"
        android:text="@{user.name}"/>

</RelativeLayout>

我的用户对象长这样:

import android.databinding.BaseObservable;
import android.databinding.Bindable;
import android.text.Editable;
import android.text.TextWatcher;

public class User extends BaseObservable {

    private String name;
    private String email;
    private String age;

    public User(String name, String email, String age) {
        this.name = name;
        this.email = email;
        this.age = age;
    }

    public User(){};

    @Bindable
    public String getName() {
        return name;
    }

    @Bindable
    public String getEmail() {
        return email;
    }

    @Bindable
    public String getAge() {
        return age;
    }

    public final TextWatcher nameChanged = new TextWatcher() {
        @Override
        public void afterTextChanged(Editable s) {
            if(!s.toString().equalsIgnoreCase(name))
                setName(s.toString());
        }

        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {}

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {}
    };

    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(com.carlpoole.databindingstest.BR.name);
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public void setAge(String age) {
        this.age = age;
    }
}

我的活动看起来像这样

import android.databinding.DataBindingUtil;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import com.carlpoole.databindingstest.databinding.ActivityMainBinding;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        User user = new User("Carl Poole", "mail@carlpoole.com", "26");
        binding.setUser(user);

    }
}

1
我通过检查文本是否不同,然后允许其调用setName来防止名称字段中的notifyPropertyChanged循环。但是,如果我打赌的话,我会认为这是导致您光标问题的原因。您为什么要首先使用TextWatcher? - CommonsWare
@CommonsWare TextWatcher 监听 EditText 中的更新,以便可以将更新发送到 User 对象中的 name 变量。如果没有它,它将不知道。如果我从 afterTextChanged 方法中删除 setName 调用,它似乎工作得很好,因此问题似乎是由我如何使用数据绑定库引起的。 - Carl Poole
1
"没有它,它就不会知道" - 当用户告诉您要更新模型时(点击“完成”按钮、通过HOME离开活动等),请更新模型。 - CommonsWare
1
@carlpoole,即使这是一个问题,对我来说这是一个非常棒的答案。非常感谢您发布整个解决方案。我能够查看它并使我的数据绑定工作起来,并且我找不到任何其他的例子,这是如此清晰明了的。我在书籍、 SO、Google、Android文档中搜索了很久。啊...我再也找不回那些时间了。超级赞为清晰详细的问答! :) - raddevus
7个回答

17

为了解决数据绑定的奇怪行为,导致光标重置到EditText的开头,您可以添加以下InverseBindingAdapter:

  @SuppressLint("RestrictedApi")
  @BindingAdapter("android:text")
  public static void setText(EditText view, String oldText, String text) {

    TextViewBindingAdapter.setText(view, text);
    if (text == null) return;
    if (text.equals(oldText) || oldText == null) {
      view.setSelection(text.length());
    }
  }

5
这看起来是一个干净的解决方案。 - Aditya Ladwa
4
非常感谢。这很棒。 但如果你在文本中间输入,光标位置会移到最右边。 - MJ Studio
1
非常好的解决方案,非常感谢。有点奇怪的是它被内置的绑定适配器忽略了。 - uberchilly
修复中间编辑问题。链接 - zz-m

13

在这里最好的选择是使用自定义的@BindingAdapter,它已经具有对EditText的引用。这样一来,如果EditText中的文本与您的模型匹配,您就可以避免重新绑定,从而解决光标问题。

首先,将android:text="@{user.name}"更改为bind:binding="@{user.name}"。然后,在您的项目中的任何位置添加此静态方法。我们将所有方法放在名为BindingAdapters.java的类中。顺便说一句,在RC2中,你可以创建非静态的binding adapter方法,但这可能不是你目前最关心的问题。

@BindingAdapter("binding")
public static void bindEditText(EditText editText, CharSequence value) {
  if (!editText.getText().toString().equals(value.toString())) {
    editText.setText(value);
  }
}

1
数据绑定指南仍然参考RC1。RC2已经发布了还是还在开发中? - curioustechizen
2
RC2目前还不可用。即将在您附近的支持库中推出。 - Jacob Tabak
我不得不使用TextWatcher来实现数据绑定以及自定义视图,然后发现了同样的问题。你的解决方案对我来说完美地起作用。谢谢。 - Rajath
我曾经遇到过类似的问题,我通过检查值是否与前一个相同来解决它,就像答案中的代码一样... - clzola

3
问题在于setter引起的混乱:您的setter,如DataBinding文档建议的那样,调用了notifyPropertyChanged方法。但是,除其他事项外,notifyPropertyChanged方法会重置光标,这就是导致问题的原因。当调用setter的是UI(TextWatcher)时,setter没有必要更新UI。解决方案是仅在某些后端计算/操作应导致更新UI时,使setter仅调用notifyPropertyChanged方法。

3

试试这个:

@BindingAdapter("android:text")
fun setStringWIthSelection(view: EditText, str : String) {
    view.setText(str)
    view.setSelection(view.text.length)
}

0

其他朋友的答案很好,但是当我按照这些方法操作时,仍然会出现一些小问题。当我在EditText视图中间编辑文本时,光标会跳到结尾而不是编辑位置。我为此问题添加了一个修复程序:

        int selection = mEditText.getSelectionEnd();
        int updateTextLength = text == null ? 0 : text.length();
        mEditText.setText(text);
        mEditText.setSelection(Math.min(selection, updateTextLength));

0

我们可以不需要任何新的BindingAdapter来实现这个。以下是我在XML中的EditText,而viewModel是我的DataBinding变量。我将在XML中的android:onTextChanged中设置光标。

<androidx.appcompat.widget.AppCompatEditText
            android:id="@+id/et_enter_pincode"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="number"
            android:maxLength="6"
            android:text="@={viewModel.observableEditText}"
            android:textSize="16sp"
            android:onTextChanged="@{(text, start, before, count) -> viewModel.onPincodeTextChanged(etEnterPincode)}"
            android:hint="@string/enter_pincode"/>

在视图模型中,代码看起来像这样

val observableEditText = ObservableField<String>("")

fun onPincodeTextChanged(
        view: EditText
){
    view.setSelection(view.text.length)
}

0
解决方案非常简单。在将文本设置到你的EditText之前,你应该先保存选择,然后在设置完毕后,将选择设置回去。
binding.editName.apply {
     val currentSelection = if (isFocused) selectionEnd else 0
     setText(item.name)
     setSelection(currentSelection)
}

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接