019a - מעבר ל־View Binding

מחליפים findViewById בגישה דרך binding אחרי Gradle Sync

המטרה בשלב הזה היא לא לכתוב מחדש את כל האפליקציה. מפעילים View Binding, מסנכרנים Gradle, ואז מחליפים בהדרגה קריאות findViewById בגישה ישירה דרך אובייקט binding.

בסוף השלב הזה נרצה לראות:

  1. viewBinding = true מוגדר במודול app.
  2. Android Studio מזהה מחלקות כמו ActivityLoginBinding.
  3. לפחות מסך אחד, למשל LoginActivity, כבר עובד בלי findViewById.
  4. שאר המסכים נשארים תקינים ואפשר להמיר אותם בהמשך בקצב מבוקר.

שלב 1 - הפעלת View Binding ב־Gradle

פתחו את קובץ המודול:

  • app/build.gradle.kts

בתוך הבלוק android, הוסיפו:

 android {
     namespace = "com.example.tictacmenu"
     compileSdk {
         version = release(36)
     }
 
+    buildFeatures {
+        viewBinding = true
+    }
+
     defaultConfig {
         applicationId = "com.example.tictacmenu"
         ...
     }
 }

אם כבר קיים אצלכם בלוק buildFeatures, אל תיצרו בלוק שני. הוסיפו רק את השורה:

viewBinding = true

אחרי העריכה חובה לבצע Sync Now / Sync Project with Gradle Files. רק אחרי הסנכרון Android Studio יוצר את מחלקות ה־Binding.

אם ActivityLoginBinding מופיע באדום מיד אחרי העריכה, זה בדרך כלל לא אומר שהקוד שגוי. קודם מריצים Gradle Sync. אם זה עדיין אדום, בודקים ששם קובץ ה־XML באמת activity_login.xml ושאתם מייבאים את ה־package הנכון.

שלב 2 - להבין את השמות שנוצרים

View Binding יוצר מחלקת Java עבור כל קובץ layout תחת res/layout.

דוגמאות נפוצות:

קובץ XML מחלקת Binding
activity_login.xml ActivityLoginBinding
activity_menu.xml ActivityMenuBinding
fragment_home.xml FragmentHomeBinding

גם מזהי ה־Views הופכים לשדות על binding.

id ב־XML גישה בקוד
@+id/main binding.main
@+id/cBstayconnect binding.cBstayconnect
@+id/drawer_layout binding.drawerLayout
@+id/navigation_view binding.navigationView

ב־Java השמות נוצרים לפי ה־id. אם משנים id ב־XML, הקוד שמשתמש בשם הישן יישבר בזמן קומפילציה. זה טוב: השגיאה מתגלה מוקדם במקום להפוך לקריסה בזמן ריצה.

שלב 3 - המרה ראשונה: LoginActivity

אחרי Gradle Sync, ערכו:

  • app/src/main/java/com/example/tictacmenu/activities/LoginActivity.java

בשלב הזה לא משנים את לוגיקת ההתחברות. רק מחליפים את דרך הגישה למסך.

 package com.example.tictacmenu.activities;
 
 import android.content.Intent;
 import android.content.SharedPreferences;
 import android.os.Bundle;
 import android.os.Handler;
 import android.os.Looper;
 import android.view.View;
-import android.widget.CheckBox;
 import android.widget.Toast;
 
 import androidx.activity.EdgeToEdge;
 import androidx.appcompat.app.AppCompatActivity;
 import androidx.core.graphics.Insets;
 import androidx.core.view.ViewCompat;
 import androidx.core.view.WindowInsetsCompat;
 
-import com.example.tictacmenu.R;
+import com.example.tictacmenu.databinding.ActivityLoginBinding;
 import com.example.tictacmenu.shell.MenuActivity;
 
 public class LoginActivity extends AppCompatActivity {
 
     private static final long LOGIN_SHELL_DELAY_MS = 4000;
     private static final String PREFS_NAME = "PREFS_NAME";
     private static final String KEY_STAY_CONNECT = "stayConnect";
 
+    private ActivityLoginBinding binding;
     private SharedPreferences settings;
-    private CheckBox cBstayconnect;
     private final Handler handler = new Handler(Looper.getMainLooper());
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         EdgeToEdge.enable(this);
-        setContentView(R.layout.activity_login);
-        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
+        binding = ActivityLoginBinding.inflate(getLayoutInflater());
+        setContentView(binding.getRoot());
+
+        ViewCompat.setOnApplyWindowInsetsListener(binding.main, (v, insets) -> {
             Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
             v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
             return insets;
         });
 
         settings = getSharedPreferences(PREFS_NAME, MODE_PRIVATE);
-        cBstayconnect = findViewById(R.id.cBstayconnect);
 
         // SharedPreferences demo: restore and save the "remember me" checkbox.
-        cBstayconnect.setChecked(settings.getBoolean(KEY_STAY_CONNECT, false));
-        cBstayconnect.setOnCheckedChangeListener((buttonView, isChecked) ->
+        binding.cBstayconnect.setChecked(settings.getBoolean(KEY_STAY_CONNECT, false));
+        binding.cBstayconnect.setOnCheckedChangeListener((buttonView, isChecked) ->
                 settings.edit().putBoolean(KEY_STAY_CONNECT, isChecked).apply()
         );
 
         // Temporary bridge: skip login until Firebase auth lesson is implemented.
         handler.postDelayed(() -> {
-            settings.edit().putBoolean(KEY_STAY_CONNECT, cBstayconnect.isChecked()).apply();
+            settings.edit().putBoolean(KEY_STAY_CONNECT, binding.cBstayconnect.isChecked()).apply();
             startActivity(new Intent(LoginActivity.this, MenuActivity.class));
             finish();
         }, LOGIN_SHELL_DELAY_MS);
     }

בדיקה

  1. הריצו Build.
  2. ודאו שאין import אדום של R שכבר לא צריך.
  3. הריצו את האפליקציה.
  4. ודאו שמסך ה־Login נפתח, ה־checkbox עדיין נשמר, והמעבר הזמני ל־MenuActivity עדיין עובד.

שלב 4 - איך ממשיכים למסכים אחרים

אל תנסו להמיר את כל הפרויקט במכה אחת. בחרו Activity אחד, בנו והריצו, ואז עברו לבא.

הדפוס הקבוע בכל Activity הוא:

-setContentView(R.layout.activity_something);
+binding = ActivitySomethingBinding.inflate(getLayoutInflater());
+setContentView(binding.getRoot());

ואז מחליפים:

-drawerLayout = findViewById(R.id.drawer_layout);
-MaterialToolbar toolbar = findViewById(R.id.toolbar);
-NavigationView navigationView = findViewById(R.id.navigation_view);
+drawerLayout = binding.drawerLayout;
+MaterialToolbar toolbar = binding.toolbar;
+NavigationView navigationView = binding.navigationView;

במסך המשחק אפשר להמיר בהדרגה. לדוגמה, במקום:

-EditText ipEdit = findViewById(R.id.editServerIP);
+EditText ipEdit = binding.editServerIP;

אם יש לולאות שמקבלות id ומבצעות findViewById(id), מותר להשאיר אותן לשלב מאוחר יותר. המטרה כאן היא מעבר מדורג, לא ריפקטור גדול.

נוחות שנרוויח בהמשך

כשנתחיל להוסיף יותר UI, Firebase, תפריטים, ו־Fragments, binding יחסוך הרבה עבודה שחוזרת על עצמה:

  1. Autocomplete אמיתי: כותבים binding. ורואים את כל ה־Views של המסך.
  2. פחות casting: אין צורך להמיר ידנית View ל־Button, EditText, NavigationView וכדומה.
  3. שגיאות מוקדמות: אם מחקתם או שיניתם id ב־XML, הקוד נשבר בקומפילציה ולא בזמן ריצה.
  4. מסכי Login נוחים יותר: בשלבי Firebase הבאים נוכל לקרוא binding.eTemail, binding.eTpass, binding.btnGoogleSignIn בלי לחפש אותם ידנית.
  5. Drawer נקי יותר: MenuActivity נהיה קריא יותר עם binding.drawerLayout, binding.toolbar, ו־binding.navigationView.
  6. Fragments בטוחים יותר: גם בפרגמנטים משתמשים ב־binding, אבל שם חייבים לנקות אותו ב־onDestroyView.
דפוס קצר ל־Fragment

ב־Fragment ה־View יכול להיהרס לפני שה־Fragment עצמו נהרס. לכן לא משאירים binding חי אחרי onDestroyView.

private FragmentHomeBinding binding;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    binding = FragmentHomeBinding.inflate(inflater, container, false);
    return binding.getRoot();
}

@Override
public void onDestroyView() {
    super.onDestroyView();
    binding = null;
}

תקלות נפוצות

ActivityLoginBinding לא מזוהה:

  • ודאו שביצעתם Gradle Sync אחרי viewBinding = true.
  • ודאו שהקובץ נמצא תחת app/src/main/res/layout/activity_login.xml.
  • ודאו שהייבוא הוא com.example.tictacmenu.databinding.ActivityLoginBinding או ה־package שלכם.

שדה מסוים לא קיים על binding:

  • בדקו את ה־id המדויק ב־XML.
  • אם ה־id כולל underscore, השם בקוד יהיה בדרך כלל camelCase, למשל drawer_layout -> drawerLayout.
  • אם הרכיב נמצא רק בגרסת layout מסוימת, למשל רק ב־layout-land, ייתכן שהשדה יהיה nullable ותצטרכו לבדוק null.

אפשר לגרום ל־View Binding להתעלם מקובץ layout מסוים בעזרת tools:viewBindingIgnore="true" על ה־root של ה־XML, אבל בשלב הזה בדרך כלל אין צורך בזה.