Android 数据绑定更新后 Edittext 光标重置为左侧

Question

我正在试用新的 Android 数据绑定库 (1.0-rc1) 我创建了一个包含三个字符串字段（名称、电子邮件、和年龄）并将它们链接到我布局中的 3 个 EditText。

在第一个字段（名称）上，我放置了一个 TextWatcher。一切似乎都运作良好。我通过在允许它调用 setName 之前检查文本是否不同来阻止名称字段中的 notifyPropertyChanged 循环。

问题是，每次我在名称字段中键入时，光标都会在每个字符后重置到 EditText 的左侧。我在谷歌上搜索了一个解决方案，但大多数针对光标问题的修复建议都说获取对 EditText 的引用并手动调整光标位置。但我想避免这样做，因为我需要 findViewByID 到 EditText，而数据绑定的要点是尽量避免这样做。感谢您的帮助。

我的布局是这样的：

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

我的 activity 看起来像这样

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

    }
}

Answer 1

这里最好的选择是使用自定义 @BindingAdapter，它已经引用了 EditText。这样，如果 EditText 中的文本与您的模型匹配，您就可以避免重新绑定，这将解决您的光标问题。

首先，将android:text="@{user.name}"改为bind:binding="@{user.name}"。然后，将此静态方法添加到项目的任何位置。我们将它们全部保存在一个名为 BindingAdapters.java 的 class 中。顺便说一句，从 RC2 开始，您可以创建非静态绑定适配器方法，但这可能不是您现在最关心的问题。

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

Answer 2

问题在于 setter 混乱：您的 setter，按照 DataBinding 文档的建议，调用了 notifyPropertyChanged 方法。但是 notifyPropertyChanged 方法，除其他外，重置了导致你的问题的光标。当 UI (TextWatcher) 调用 setter 时，他们不需要 setter 更新 UI。解决方案是让 setter 只在某些后端 calculation/manipulation 应该导致 UI 更新时才调用 notifyPropertyChanged 方法。

Answer 3

要修复将光标重置到 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());
    }
  }

Answer 4

试试这个：

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

Answer 5

我们可以在没有任何新 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)
}

Answer 6

其他朋友的回答很好，但是我按照这些方法做的时候还是有点bug。当我在 EditText 视图中间编辑文本时，光标会走到最后，而不是在编辑的地方。我为该问题添加了一个修复程序：

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

Android 数据绑定更新后 Edittext 光标重置为左侧

Edittext cursor resetting to left after Android Data Binding update

data-binding

android

2-way-object-databinding