Data Binding — βασικά, αμφίδρομη σύνδεση σε Android

Τι είναι το Data Binding στο Android;

Data Binding — η βιβλιοθήκη υποστήριξης (Android Jetpack), που εμφανίστηκε το 2015 στο Google I/O και σταθεροποιήθηκε στο Android Gradle Plugin 1.5. Επιτρέπει τη σύνδεση στοιχείων UI σε XML με πηγές δεδομένων (POJO, ViewModel, LiveData) απευθείας στη διάταξη, χωρίς κλήση findViewById() στον κώδικα Activity ή Fragment.

Αρχή λειτουργίας: η διάταξη XML τυλίγεται στην ετικέτα <layout>, στην οποία δηλώνεται μια μεταβλητή <variable> με τον τύπο δεδομένων. Μέσα στη διάταξη, τα δεδομένα υποκαθίστανται μέσω εκφράσεων σε αγκύλες @{}. Κατά τη μεταγλώττιση, το Android Gradle Plugin δημιουργεί την κλάση Binding (π.χ. ActivityMainBinding) που περιέχει άμεσες αναφορές σε View με σωστούς τύπους και μεθόδους για τον ορισμό δεδομένων.

Σύμφωνα με έρευνα των Android Developers (2024), το Data Binding μειώνει τον όγκο κώδικα UI σε Activity/Fragment κατά 30–50% μεταφέροντας τη λογική σύνδεσης στο XML. Ο αριθμός σφαλμάτων που σχετίζονται με λανθασμένο τύπο View (ClassCastException σε findViewById()) μηδενίζεται, καθώς όλοι οι τύποι ελέγχονται κατά τη μεταγλώττιση.

Data Binding vs ViewBinding: τι να επιλέξω

ViewBinding — μια ελαφρύτερη εναλλακτική του Data Binding, που εμφανίστηκε στο Android Studio 3.6 (2020). Το ViewBinding δημιουργεί κλάση Binding για κάθε αρχείο layout, αλλά χωρίς υποστήριξη για εκφράσεις, μεταβλητές και αντιδραστικότητα. Σύγκριση βάσει βασικών κριτηρίων:

Σύσταση Google (Android Developers, 2025): για τα περισσότερα έργα, το ViewBinding είναι αρκετό — παρέχει type-safe πρόσβαση στο View χωρίς την επιβάρυνση του Data Binding. Επιλέξτε Data Binding αν χρειάζεστε: (1) αντιδραστική σύνδεση με LiveData/StateFlow από XML, (2) αμφίδρομη σύνδεση για φόρμες, (3) BindingAdapter για προσαρμοσμένες ιδιότητες, (4) εκφράσεις σε XML για μορφοποίηση. Στην IT Sectr, χρησιμοποιούμε ViewBinding για απλές οθόνες και Data Binding για σύνθετες φόρμες και πίνακες ελέγχου.

Αμφίδρομη σύνδεση: @{} και @={}

Μονόδρομη σύνδεση (@{}) μεταφέρει δεδομένα από την πηγή (ViewModel) στο View. Αμφίδρομη σύνδεση (@={}) συγχρονίζει δεδομένα και προς τις δύο κατευθύνσεις: η αλλαγή στο View (εισαγωγή κειμένου, εναλλαγή Switch) ενημερώνει αυτόματα την πηγή.

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

    <LinearLayout ...>
        <!-- Μονόδρομη: δεδομένα από ViewModel σε TextView -->
        <TextView
            android:text="@{viewModel.userName}" />

        <!-- Αμφίδρομη: αλλαγές EditText → ViewModel, ViewModel → EditText -->
        <EditText
            android:text="@{=viewModel.email}" />

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

Για αμφίδρομη σύνδεση, το ViewModel πρέπει να χρησιμοποιεί ObservableField, LiveData ή StateFlow. Όταν τα δεδομένα αλλάζουν μέσω εισόδου χρήστη, το Data Binding καλεί αυτόματα τον setter της πηγής. Σημαντικό: η αμφίδρομη σύνδεση λειτουργεί με ιδιότητες για τις οποίες έχει οριστεί @InverseBindingAdapter. Το Android παρέχει ενσωματωμένους προσαρμογείς για: text, checked, visibility, progress, rating και άλλες τυπικές ιδιότητες.

@BindingAdapter: προσαρμοσμένες ιδιότητες και μετατροπείς

@BindingAdapter — σχολιασμός για συναρτήσεις επέκτασης Kotlin, που επιτρέπει τον ορισμό προσαρμοσμένης λογικής σύνδεσης για οποιαδήποτε ιδιότητα View. Για παράδειγμα, φόρτωση εικόνας μέσω Glide κατά τον καθορισμό URL σε XML, ή μορφοποίηση ημερομηνίας κατά τη σύνδεση με TextView.

// BindingAdapter για φόρτωση εικόνας από 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 με πολλαπλές ιδιότητες
@BindingAdapter("visibleGone")
fun View.setVisibleGone(visible: Boolean) {
    visibility = if (visible) View.VISIBLE else View.GONE
}

// BindingAdapter με μετατροπέα (formatDate)
@BindingAdapter("formattedDate")
fun TextView.setFormattedDate(timestamp: Long) {
    text = SimpleDateFormat("dd.MM.yyyy", Locale.getDefault()).format(Date(timestamp))
}

<!-- Χρήση BindingAdapter σε XML -->
<ImageView
    imageUrl="@{user.avatarUrl}"
    android:layout_width="48dp"
    android:layout_height="48dp" />

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

@BindingAdapter μπορεί να δέχεται πολλαπλές ιδιότητες (requireAll = true/false), επιτρέποντας τον συνδυασμό τιμών. Για παράδειγμα, @BindingAdapter("imageUrl", "circleCrop") — αν το circleCrop είναι true, το Glide εφαρμόζει μετασχηματισμό CircleCrop. Σύμφωνα με την Google (Android Performance, 2024), το BindingAdapter με Glide στο Data Binding επεξεργάζεται έως 60 καρέ ανά δευτερόλεπτο κατά την κύλιση RecyclerView, καθώς η ασύγχρονη φόρτωση δεν μπλοκάρει το νήμα UI.

Data Binding με LiveData και StateFlow

Το Data Binding υποστηρίζει εγγενώς το LiveData από την έκδοση Android Architecture Components 1.0. Αν η μεταβλητή στη διάταξη είναι τύπου LiveData, το Binding εγγράφεται αυτόματα σε αυτήν και ενημερώνει το UI όταν αλλάξει η τιμή. Για σωστή λειτουργία, πρέπει να οριστεί το LifecycleOwner στην κλάση Binding: binding.lifecycleOwner = viewLifecycleOwner.

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

    val cityName = MutableLiveData("Μόσχα")
    val weatherIcon = MutableLiveData(R.drawable.ic_sunny)

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

// Στο Fragment:
val binding = FragmentWeatherBinding.inflate(inflater, container, false)
binding.viewModel = weatherViewModel
binding.lifecycleOwner = viewLifecycleOwner  // ← υποχρεωτικό για 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 υποστηρίζει StateFlow από το lifecycle 2.5.0 μέσω Flow.asLiveData() ή άμεσης μετατροπής. Κατά τη χρήση StateFlow στο Data Binding, βεβαιωθείτε ότι ο κύκλος ζωής έχει οριστεί μέσω binding.lifecycleOwner. Χωρίς LifecycleOwner, τα LiveData/StateFlow δεν θα ενημερώνουν το UI, καθώς το Binding δεν γνωρίζει πότε ο συνδρομητής είναι ενεργός.

Παραδείγματα κώδικα: Data Binding σε Kotlin και XML

Παράδειγμα 1: Οθόνη προφίλ με Data Binding

Πλήρης οθόνη προφίλ με avatar, όνομα, βιογραφικό και κουμπί επεξεργασίας. Το ViewModel χρησιμοποιεί ObservableField για αντιδραστικότητα.

<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("Άννα Πέτροβα")
    val bio = ObservableField("Προγραμματιστής Android, 5 χρόνια εμπειρίας")
    val avatarUrl = ObservableField("https://example.com/avatar.jpg")
    val hasBio = ObservableBoolean(true)

    fun onEdit() {
        // Λογική επεξεργασίας προφίλ
    }
}

// Στο Fragment:
val binding = FragmentProfileBinding.inflate(inflater, container, false)
binding.profile = profileViewModel
binding.lifecycleOwner = viewLifecycleOwner

Παράδειγμα 2: Φόρμα σύνδεσης με αμφίδρομη σύνδεση

Φόρμα σύνδεσης με επικύρωση πεδίων και κουμπί εισόδου. Η αμφίδρομη σύνδεση (@={}) συγχρονίζει την είσοδο χρήστη με το 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>

Στο XML χρησιμοποιούνται εκφράσεις: @{login.isValid} για την κατάσταση κουμπιού (ενεργό/ανενεργό), @{login.isLoading ? View.VISIBLE : View.GONE} για τον δείκτη φόρτωσης, @{=login.email} για αμφίδρομο συγχρονισμό. Όλη η λογική επικύρωσης βρίσκεται στο ViewModel, το View εμφανίζει μόνο την κατάσταση. Σύμφωνα με την Google (Android Guide, 2025), αυτή η προσέγγιση μειώνει τον αριθμό σφαλμάτων στη λογική UI κατά 50–60%.