Wie führen Sie zwei-Wege-Datenbindung mit einem ToggleButton?

Ich habe eine ObservableBoolean Feld in meine activity-Klasse, die gebunden ist an das "checked" - Attribut des ToggleButton etwa so:

android:checked="@{activity.editing}"

Ich hatte gehofft, dies würde eine zwei-Wege-Beziehung zwischen der Taste und der boolean -, sondern es führt nur die änderungen aus dem Feld auf den button, nicht die andere Weise. Was mache ich falsch, oder ist diese nicht in den Anwendungsbereich der Android DataBinding?

InformationsquelleAutor Gregorio246 | 2016-06-02
  1. 41

    Benötigen Sie einen anderen '=' zu sagen, Android, die Sie verwenden möchten, Zwei-Wege-Datenbindung:

    android:checked="@={activity.editing}"

    Weitere Informationen finden Sie auf dieser in der wordpress-Artikel von George Mount:

    Zwei-Wege-Datenbindung

    Android ist nicht immun gegen typische Dateneingabe und es ist oft wichtig, um änderungen aus den Eingaben der Benutzer zurück in das Modell. Zum Beispiel, wenn die oben genannten Daten wurden in ein Kontakt-Formular, es wäre schön, wenn der bearbeitete text zurückgeschoben werden in das Modell die zimmerreserviereung, ohne das ziehen der Daten aus dem EditText. Hier ist, wie Sie es tun:

    <layout ...>
    <data>
        <variable type="com.example.myapp.User" name="user"/>
    </data>
    <RelativeLayout ...>
        <EditText android:text="@={user.firstName}" .../>
    </RelativeLayout>
</layout>

    Ziemlich raffiniert, nicht wahr? Der einzige Unterschied hier ist, dass der Ausdruck ist markiert mit @={} statt @{}. Es wird erwartet, dass die meisten Daten-Bindung wird weiterhin ein Weg und wir wollen nicht, dass all jene Zuhörer geschaffen, und beobachten, für änderungen wird das nie passieren.

    • diese Antwort ist gold
    InformationsquelleAutor yennsarah
  2. 5

    Kein Handlungsbedarf ObservableBoolean haben, können Sie diesen Vorgang ausführen, indem Sie reguläre getter-setter-Methode einer boolean-variable. In deiner model-Klasse

    public class User{
   private boolean checked;

   public boolean isChecked() {
       return checked;
   }

   public void setChecked(boolean checked) {
       this.checked = checked;
   }
}

    führen Sie Zwei-Wege-Bindung auf Ihre ToggleButton.

    <ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="@={user.checked}"/>

    Holen und diesen Wert mit binding variable.

    binding.getUser().isChecked()
    • Ihnen fehlt die @Bindable annotation in Ihrem isChecked() und die notifyPropertyChanged(BR.checked) in Ihre setter.
    • Ich glaube nicht, dass es notwendig
    InformationsquelleAutor Ravi Rupareliya
  3. 2

    Hier ist ein einfaches Beispiel einer 2-way-databinding mit einem Schalter, der hat auch die Checked-Eigenschaft, wie das Umschaltfeld.

    Item.java:

    import android.databinding.BaseObservable;
import android.databinding.Bindable;

public class Item extends BaseObservable {
    private Boolean checked;
    @Bindable
    public Boolean getChecked() {
        return this.checked;
    }
    public void setChecked(Boolean checked) {
        this.checked = checked;
        notifyPropertyChanged(BR.checked);
    }
}

    MainActivity.java:

    public class MainActivity extends AppCompatActivity {

    public Item item;
    ActivityMainBinding binding;

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

        item = new Item();
        item.setChecked(true);

        /* By default, a Binding class will be generated based on the name of the layout file,
        converting it to Pascal case and suffixing “Binding” to it.
        The above layout file was activity_main.xml so the generate class was ActivityMainBinding */

        binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        binding.setItem(item);
    }

    public void button_onClick(View v) {
        item.setChecked(!item.getChecked());
    }
}

    activity_main.xml:

    <?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="item"
            type="com.example.abc.twowaydatabinding.Item" />
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <Switch
            android:id="@+id/switch_test"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="@={item.checked}" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="change"
            android:onClick="button_onClick"/>

    </LinearLayout>
</layout>

    bauen.gradle:

    android {
...
    dataBinding{
        enabled=true
    }

}

    Quelle Dokumentation: https://developer.android.com/topic/libraries/data-binding/index.html

    InformationsquelleAutor live-love
  4. 1

    Hier sind Möglichkeiten zum einstellen OnCheckedChangeListener im Daten-Bindung:

    (1) Satz von Methode Ausdruck

    Im layout

    <variable
    name="activity"
    type="com.innovanathinklabs.sample.activities.CalendarActivity"/>

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="@={model.checked}"
    android:onCheckedChanged="@{activity::onGenderChanged}"
    />

    In Der Aktivität

    class HomeActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = DataBindingUtil.setContentView<ActivityCalendarBinding>(this, R.layout.activity_calendar)
        binding.activity = this
        binding.model = Model()
    }

    fun onGenderChanged(buttonView: CompoundButton, isChecked: Boolean) {
        println("buttonView = [$buttonView], isChecked = [$isChecked]")
    }
}

    (2), vom lambda-Ausdruck und Methode Aufruf

    <variable
    name="model"
    type="com.innovanathinklabs.sample.data.Model"/>

<variable
    name="activity"
    type="com.innovanathinklabs.sample.activities.HomeActivity"/>

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="@={model.checked}"
    android:onCheckedChanged="@{(button, bool)-> activity.saveGender(bool)}"
    />

    In Der Aktivität

    class HomeActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = DataBindingUtil.setContentView<ActivityCalendarBinding>(this, R.layout.activity_calendar)
        binding.activity = this
        binding.model = Model()
    }

    fun saveGender(isChecked: Boolean) {
        println("isChecked = [$isChecked]")
    }
}

    (3) Pass OnCheckedChangeListener anonyme Klasse layout

    <variable
    name="onGenderChange"
    type="android.widget.CompoundButton.OnCheckedChangeListener"/>

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="@={model.checked}"
    android:onCheckedChanged="@{onGenderChange}"
    />

    In Der Aktivität

    class HomeActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = DataBindingUtil.setContentView<ActivityCalendarBinding>(this, R.layout.activity_calendar)
        binding.model = Model()
        binding.setOnGenderChange { buttonView, isChecked ->
            println("buttonView = [$buttonView], isChecked = [$isChecked]")
        }
    }
}

    (4) Pass OnCheckedChangeListener durch Verweis

    <variable
    name="onGenderChange2"
    type="android.widget.CompoundButton.OnCheckedChangeListener"/>

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="@={model.checked}"
    android:onCheckedChanged="@{onGenderChange2}"
    />

    Aktivität

    class HomeActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding = DataBindingUtil.setContentView<ActivityCalendarBinding>(this, R.layout.activity_calendar)
        binding.model = Model()
        binding.onGenderChange2 = onGenderChange
    }

    private val onGenderChange: CompoundButton.OnCheckedChangeListener = CompoundButton.OnCheckedChangeListener { buttonView, isChecked ->
        println("buttonView = [$buttonView], isChecked = [$isChecked]")
    }
}

    Das wird niemals funktionieren

    Weil Sie können nicht von zwei callback auf eine Komponente. Ein Rückruf ist bereits durch zwei-Wege-Bindung, also der callback wird nicht funktionieren.

    binding.toggleButton.setOnCheckedChangeListener { buttonView, isChecked ->
    println("buttonView = [$buttonView], isChecked = [$isChecked]")
}

    Überprüfen Sie, CompoundButtonBindingAdapter - Klasse , um zu sehen, wie Switch-Bindung funktioniert.

    InformationsquelleAutor Khemraj
Schreibe einen Kommentar