【问题标题】:Edittext cursor resetting to left after Android Data Binding updateAndroid数据绑定更新后Edittext光标重置为左
【发布时间】:2015-11-26 02:09:12
【问题描述】:

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

在第一个字段(名称)上,我放置了一个 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;
    }
}

我的活动如下所示

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

    }
}

【问题讨论】:

  • “我阻止了名称字段中的 notifyPropertyChanged 循环,方法是在允许它调用 setName 之前检查文本是否不同”——但是,如果我是一个赌徒,我会那样做这就是导致您的光标问题的原因。为什么首先要有TextWatcher
  • @CommonsWare TextWatcher 侦听 EditText 中的更新,以便它可以触发对 User 对象中 name 变量的更新。没有它,它不会知道。如果我从 afterTextChanged 方法中删除 setName 调用,它似乎工作正常,所以问题可能是由我使用数据绑定库的方式引起的
  • “没有它,它不会知道”——当用户告诉你更新模型时更新模型(点击“完成”按钮,通过 HOME 离开活动等)。
  • @carlpoole 这对我来说是一个很棒的答案,尽管这是一个问题。非常感谢您发布整个解决方案。我能够查看它并让我的数据绑定正常工作,但我在任何地方都找不到任何其他如此清晰的示例。我搜索了书籍、SO、谷歌、android 文档。唷...我永远不会让那些时间回来。 SuperMegaUpvote 以获得清晰而详细的问题答案。 :)

标签: android data-binding 2-way-object-databinding


【解决方案1】:

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

【讨论】:

  • 这看起来像是一个干净的解决方案
  • 非常感谢。这很好但是如果你在文本中间输入,光标的位置会转到最右边。
  • 很好的解决方案,非常感谢。内置绑定适配器忽略了它有点奇怪
【解决方案2】:

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

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

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

【讨论】:

  • 数据绑定指南还是指RC1。 RC2 已经推出还是仍在开发中?
  • RC2 尚不可用。即将来到您附近的支持库。
  • 我必须使用 TextWatcher 才能将数据绑定与自定义视图一起使用,但发现了同样的问题。您的解决方案对我来说非常有效。谢谢。
  • 我有类似的问题,我通过检查值是否与上一个相同来解决它,就像答案中的代码一样......
【解决方案3】:

问题在于 setter 混淆:按照 DataBinding 文档的建议,您的 setter 调用 notifyPropertyChanged 方法。但是 notifyPropertyChanged 方法除其他外会重置导致您的问题的光标。当调用 setter 的是 UI (TextWatcher) 时,setter 不需要更新 UI。解决方案是让 setter 仅在某些后端计算/操作导致 UI 更新时才调用 notifyPropertyChanged 方法。

【讨论】:

    【解决方案4】:

    试试这个:

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

    【讨论】:

      【解决方案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"/>
      

      在 View Model 内部,代码如下所示

      val observableEditText = ObservableField<String>("")
      
      fun onPincodeTextChanged(
              view: EditText
      ){
          view.setSelection(view.text.length)
      }
      

      【讨论】:

        【解决方案6】:

        其他朋友的回答很好,但是当我使用这些方法时,我仍然会遇到一个小错误。当我在 EditText 视图中间编辑文本时,光标会走到最后,而不是在编辑位置。我为这个问题添加了一个修复:

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

        【讨论】:

          猜你喜欢
          • 2017-11-25
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2011-04-08
          • 1970-01-01
          • 2023-03-14
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多