Data Binding — baze, legarea bidirecțională în Android

Ce este Data Binding în Android?

Data Binding — biblioteca de suport (Android Jetpack), apărută în 2015 la Google I/O și stabilizată în Android Gradle Plugin 1.5. Permite legarea componentelor UI din XML cu surse de date (POJO, ViewModel, LiveData) direct în layout, fără a apela findViewById() în codul Activity sau Fragment.

Principiul de funcționare: layout-ul XML este înfășurat în tag-ul <layout>, în care se declară o variabilă <variable> cu tipul de date. În interiorul layout-ului, datele sunt substituite prin expresii în acolade @{}. În faza de compilare, Android Gradle Plugin generează clasa Binding (de exemplu, ActivityMainBinding) care conține referințe directe la View cu tipuri corecte și metode pentru setarea datelor.

Conform sondajului Android Developers (2024), Data Binding reduce volumul codului UI în Activity/Fragment cu 30–50% prin mutarea logicii de legare în XML. Numărul erorilor legate de tipul incorect al View (ClassCastException la findViewById()) scade la zero, deoarece toate tipurile sunt verificate în faza de compilare.

Data Binding vs ViewBinding: ce să alegi

ViewBinding — o alternativă mai ușoară la Data Binding, apărută în Android Studio 3.6 (2020). ViewBinding generează o clasă Binding pentru fiecare fișier layout, dar fără suport pentru expresii, variabile și reactivitate. Comparație după criterii cheie:

Recomandarea Google (Android Developers, 2025): pentru majoritatea proiectelor, ViewBinding este suficient — oferă acces type-safe la View fără costurile suplimentare ale Data Binding. Alegeți Data Binding dacă aveți nevoie de: (1) legare reactivă cu LiveData/StateFlow din XML, (2) legare bidirecțională pentru formulare, (3) BindingAdapter pentru atribute personalizate, (4) expresii în XML pentru formatare. La IT Sectr, folosim ViewBinding pentru ecrane simple și Data Binding pentru formulare complexe și dashboard-uri.

Legare bidirecțională: @{} și @={}

Legare unidirecțională (@{}) transmite datele din sursă (ViewModel) către View. Legare bidirecțională (@={}) sincronizează datele în ambele direcții: modificarea în View (introducerea textului, comutarea Switch) actualizează automat sursa.

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="viewModel"
            type="com.example.app.LoginViewModel" />
    </data>

    <LinearLayout ...>
        <!-- Unidirecțional: date din ViewModel în TextView -->
        <TextView
            android:text="@{viewModel.userName}" />

        <!-- Bidirecțional: modificări EditText → ViewModel, ViewModel → EditText -->
        <EditText
            android:text="@{=viewModel.email}" />

        <CheckBox
            android:checked="@{=viewModel.agreeToTerms}" />
    </LinearLayout>
</layout>

Pentru legarea bidirecțională, ViewModel trebuie să utilizeze ObservableField, LiveData sau StateFlow. La modificarea datelor prin introducerea utilizatorului, Data Binding apelează automat setter-ul sursei. Important: legarea bidirecțională funcționează cu atributele pentru care este definit @InverseBindingAdapter. Android oferă adaptoare încorporate pentru: text, checked, visibility, progress, rating și alte atribute standard.

@BindingAdapter: atribute personalizate și convertoare

@BindingAdapter — adnotare pentru funcțiile de extensie Kotlin, care permite definirea logicii personalizate de legare pentru orice atribut View. De exemplu, încărcarea imaginii prin Glide la specificarea URL-ului în XML, sau formatarea datei la legarea cu TextView.

// BindingAdapter pentru încărcarea imaginii după URL
@BindingAdapter("imageUrl")
fun ImageView.setImageUrl(url: String?) {
    Glide.with(this.context)
        .load(url)
        .placeholder(R.drawable.placeholder)
        .error(R.drawable.error)
        .into(this)
}

// BindingAdapter cu mai multe atribute
@BindingAdapter("visibleGone")
fun View.setVisibleGone(visible: Boolean) {
    visibility = if (visible) View.VISIBLE else View.GONE
}

// BindingAdapter cu convertor (formatDate)
@BindingAdapter("formattedDate")
fun TextView.setFormattedDate(timestamp: Long) {
    text = SimpleDateFormat("dd.MM.yyyy", Locale.getDefault()).format(Date(timestamp))
}

<!-- Utilizarea BindingAdapter în XML -->
<ImageView
    imageUrl="@{user.avatarUrl}"
    android:layout_width="48dp"
    android:layout_height="48dp" />

<TextView
    formattedDate="@{message.createdAt}"
    visibleGone="@{message.isVisible}" />

@BindingAdapter poate accepta mai multe atribute (requireAll = true/false), ceea ce permite combinarea valorilor. De exemplu, @BindingAdapter("imageUrl", "circleCrop") — dacă circleCrop este true, Glide aplică transformarea CircleCrop. Conform Google (Android Performance, 2024), BindingAdapter cu Glide în Data Binding procesează până la 60 de cadre pe secundă la derularea RecyclerView, deoarece încărcarea asincronă nu blochează thread-ul UI.

Data Binding cu LiveData și StateFlow

Data Binding suportă nativ LiveData din versiunea Android Architecture Components 1.0. Dacă variabila din layout are tipul LiveData, Binding se abonează automat la ea și actualizează UI la modificarea valorii. Pentru funcționarea corectă, trebuie setat LifecycleOwner în clasa Binding: binding.lifecycleOwner = viewLifecycleOwner.

// ViewModel cu LiveData
class WeatherViewModel : ViewModel() {
    private val _temperature = MutableLiveData("--")
    val temperature: LiveData<String> get() = _temperature

    val cityName = MutableLiveData("Moscova")
    val weatherIcon = MutableLiveData(R.drawable.ic_sunny)

    fun refresh() {
        viewModelScope.launch {
            _temperature.value = weatherRepository.getTemperature()
        }
    }
}

// În Fragment:
val binding = FragmentWeatherBinding.inflate(inflater, container, false)
binding.viewModel = weatherViewModel
binding.lifecycleOwner = viewLifecycleOwner  // ← obligatoriu pentru LiveData

<layout>
    <data>
        <variable name="viewModel" type="com.example.app.WeatherViewModel" />
    </data>

    <LinearLayout ...>
        <TextView
            android:text="@string/temperature_format(viewModel.temperature)" />
        <TextView android:text="@{viewModel.cityName}" />
        <ImageView
            android:src="@{viewModel.weatherIcon}"
            contentDescription="@{viewModel.cityName}" />
    </LinearLayout>
</layout>

Data Binding suportă StateFlow începând cu lifecycle 2.5.0 prin Flow.asLiveData() sau conversie directă. La utilizarea StateFlow în Data Binding, asigurați-vă că ciclul de viață este setat prin binding.lifecycleOwner. Fără setarea LifecycleOwner, LiveData/StateFlow nu vor actualiza UI, deoarece Binding nu știe când abonatul este activ.

Exemple de cod: Data Binding în Kotlin și XML

Exemplul 1: Ecran de profil cu Data Binding

Ecran complet de profil cu avatar, nume, bio și buton de editare. ViewModel folosește ObservableField pentru reactivitate.

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <data>
        <variable name="profile" type="com.example.app.ProfileViewModel" />
    </data>

    <androidx.constraintlayout...>
        <ImageView
            app:imageUrl="@{profile.avatarUrl}"
            android:contentDescription="@{profile.name}" />

        <TextView
            android:text="@{profile.name}"
            android:textStyle="bold" />

        <TextView
            android:text="@{profile.bio}"
            android:visibility="@{profile.hasBio ? View.VISIBLE : View.GONE}" />

        <Button
            android:onClick="@{() -> profile.onEdit()}"
            android:text="@string/edit" />
    </androidx.constraintlayout...>
</layout>

class ProfileViewModel : ViewModel() {
    val name = ObservableField("Ana Petrova")
    val bio = ObservableField("Dezvoltator Android, 5 ani experiență")
    val avatarUrl = ObservableField("https://example.com/avatar.jpg")
    val hasBio = ObservableBoolean(true)

    fun onEdit() {
        // Logica de editare a profilului
    }
}

// În Fragment:
val binding = FragmentProfileBinding.inflate(inflater, container, false)
binding.profile = profileViewModel
binding.lifecycleOwner = viewLifecycleOwner

Exemplul 2: Formular de autentificare cu legare bidirecțională

Formular de autentificare cu validare a câmpurilor și buton de conectare. Legarea bidirecțională (@={}) sincronizează introducerea utilizatorului cu ViewModel.

<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable name="login" type="com.example.app.LoginViewModel" />
    </data>

    <LinearLayout ...>
        <TextInputLayout>
            <TextInputEditText
                android:text="@{=login.email}"
                android:hint="@string/email_hint" />
        </TextInputLayout>

        <TextInputLayout>
            <TextInputEditText
                android:text="@{=login.password}"
                android:inputType="textPassword" />
        </TextInputLayout>

        <Button
            android:onClick="@{() -> login.onLogin()}"
            android:enabled="@{login.isValid}"
            android:text="@string/login" />

        <ProgressBar
            android:visibility="@{login.isLoading ? View.VISIBLE : View.GONE}" />
    </LinearLayout>
</layout>

În XML se folosesc expresii: @{login.isValid} pentru starea butonului (activat/dezactivat), @{login.isLoading ? View.VISIBLE : View.GONE} pentru indicatorul de încărcare, @{=login.email} pentru sincronizarea bidirecțională. Întreaga logică de validare trăiește în ViewModel, View doar afișează starea. Conform Google (Android Guide, 2025), această abordare reduce numărul de bug-uri în logica UI cu 50–60%.