Comment effectuer les deux sens de la liaison de données avec un ToggleButton?

J'ai un ObservableBoolean champ dans ma classe d'activité, qui est lié à la "vérifié" attribut de mon ToggleButton comme suit:

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

J'espérais que cela permettrait de créer une relation à double sens entre le bouton et le booléen, mais il transporte uniquement des changements sur le terrain pour le bouton, et non l'inverse. Ce que je fais mal, ou n'est-ce pas dans le champ d'application de Android DataBinding?

InformationsquelleAutor Gregorio246 | 2016-06-02
  1. 36

    Vous avez besoin d'un autre '=' pour dire Android que vous souhaitez utiliser Deux Voies de liaison de données:

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

    Vous pouvez trouver plus d'informations sur ce dans le wordpress de l'article de George Mont:

    Les Deux Sens De La Liaison De Données

    Android n'est pas à l'abri typique de l'entrée de données et il est souvent important de refléter les changements de l'entrée de l'utilisateur à revenir dans le modèle. Par exemple, si les données ci-dessus ont été dans un formulaire de contact, il serait agréable d'avoir le texte édité repoussé dans le modèle sans avoir à extraire les données à partir de l'EditText. Voici comment faire:

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

    Assez chouette, hein? La seule différence ici est que l'expression est marquée avec @={} au lieu de @{}. Il est prévu que la plupart de liaison de données continueront à être d'une façon et nous ne voulons pas avoir tous ces auditeurs créé et l'observation de changements qui ne se produira jamais.

    • cette réponse est de l'or
    InformationsquelleAutor yennsarah
  2. 5

    Pas besoin de prendre ObservableBoolean, vous pouvez effectuer cette opération par la régularité de la méthode getter /setter de la méthode de la variable booléenne. Comme ceci dans votre modèle de classe

    public class User{
   private boolean checked;

   public boolean isChecked() {
       return checked;
   }

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

    effectuer la liaison bidirectionnelle sur votre ToggleButton.

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

    et récupérer cette valeur en utilisant la liaison variable.

    binding.getUser().isChecked()
    • Il vous manque le @Bindable annotation dans votre isChecked() et la notifyPropertyChanged(BR.checked) dans votre setter.
    • Je ne pense pas que son nécessaire
    InformationsquelleAutor Ravi Rupareliya
  3. 2

    Voici un exemple simple de 2 voies de la liaison de données à l'aide d'un Commutateur, qui a également la propriété Checked, comme le ToggleButton.

    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>

    construire.gradle:

    android {
...
    dataBinding{
        enabled=true
    }

}

    Source de documentation: https://developer.android.com/topic/libraries/data-binding/index.html

    InformationsquelleAutor live-love
  4. 1

    Ici sont des moyens pour définir OnCheckedChangeListener de liaison de données:

    (1) Défini par méthode d'expression

    Dans la mise en page

    <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}"
    />

    De L'Activité

    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) Défini par expression lambda appel de méthode et de

    <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)}"
    />

    De L'Activité

    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) Passez OnCheckedChangeListener classe anonyme à disposition

    <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}"
    />

    De L'Activité

    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) Passez OnCheckedChangeListener par référence

    <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}"
    />

    Activité

    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]")
    }
}

    Cela ne marchera jamais

    Parce que vous ne pouvez pas définir de deux de rappel sur un composant. Un rappel est déjà définie par une liaison bidirectionnelle, de sorte que votre rappel ne fonctionne pas.

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

    Case CompoundButtonBindingAdapter de la classe pour voir comment changer de Liaison fonctionne.

    InformationsquelleAutor Khemraj