Android Data Binding from zero

What is Android Data binding why and why not Data Binding. how to start working with it. Learn about Binding Adapter and Observables.

Transcript

1. Android Data Binding
2. About me
3. About me • دیوردنا سیون همانرب 4 لاس
4. About me • دیوردنا سیون همانرب 4 لاس • تاهرپ رد راک هب لوغشم
5. About me • دیوردنا سیون همانرب 4 لاس • تاهرپ رد راک هب لوغشم • ناسر مایپ یاه همانرب یور یراک هبرجت
6. About me • دیوردنا سیون همانرب 4 لاس • تاهرپ رد راک هب لوغشم • ناسر مایپ یاه همانرب یور یراک هبرجت • نیلتاک راد تسود
7. About me • دیوردنا سیون همانرب 4 لاس • تاهرپ رد راک هب لوغشم • ناسر مایپ یاه همانرب یور یراک هبرجت • نیلتاک راد تسود • https://github.com/DHosseiny
8. About me • دیوردنا سیون همانرب 4 لاس • تاهرپ رد راک هب لوغشم • ناسر مایپ یاه همانرب یور یراک هبرجت • نیلتاک راد تسود • https://github.com/DHosseiny @ hosseinydavid
9. What is Data Binding?
10. What is Data Binding? • هب هداد عبانم لاصتا View رد اه xml layout
11. What is Data Binding? • هب هداد عبانم لاصتا View رد اه xml layout • راکدوخ تیدپآ ییاناوت UI هداد رییغت اب
12. What is Data Binding? • هب هداد عبانم لاصتا View رد اه xml layout • راکدوخ تیدپآ ییاناوت UI هداد رییغت اب • Say no to findViewById
13. Why Data Binding?
14. Why Data Binding? • رت هداس و رتزیمت دک
15. Why Data Binding? • رت هداس و رتزیمت دک • شهاک نودب performance
16. Why Data Binding? • رت هداس و رتزیمت دک • شهاک نودب performance • شهاک هب کمک Null Pointer Exception
17. Why not Data Binding?
18. Why not Data Binding? • دنوش یم هداد ناشن لیاپماک نامز رد دک نتشون نامز یاج هب اهاطخ
19. Why not Data Binding? • دنوش یم هداد ناشن لیاپماک نامز رد دک نتشون نامز یاج هب اهاطخ • IDE Support فیعض
20. Why not Data Binding? • دنوش یم هداد ناشن لیاپماک نامز رد دک نتشون نامز یاج هب اهاطخ • IDE Support فیعض • IDE Support فیعض
21. Why not Data Binding? • دنوش یم هداد ناشن لیاپماک نامز رد دک نتشون نامز یاج هب اهاطخ • IDE Support فیعض • IDE Support فیعض • IDE Support فیعض
22. How to start? .1 build.gradle
23. How to start? .1 build.gradle android { ... dataBinding { enabled = true } }
24. How to start? .1 build.gradle .2 Layout tag <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/text_name" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout>
25. How to start? .1 build.gradle .2 Layout tag <layout> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/text_name" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout> </layout>
26. How to start? .1 build.gradle .2 Layout tag <layout> <data> <variable name="user" type="ir.logcat.databinding.User" /> </data> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/text_name" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </FrameLayout> </layout>
27. How to start? .1 build.gradle .2 Layout tag <layout> <data> <variable name="user" type="ir.logcat.databinding.User" /> </data> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/text_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.name}" /> </FrameLayout> </layout>
28. How to start? .1 build.gradle .2 Layout tag <layout> <data> <variable name="user" type="ir.logcat.databinding.User" /> </data> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:id="@+id/text_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.name}" /> </FrameLayout> </layout> @{}
29. How to start? .1 build.gradle .2 Layout tag .3 inflate public class MainActivity extends AppCompatActivity { User user; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } }
30. How to start? .1 build.gradle .2 Layout tag .3 inflate public class MainActivity extends AppCompatActivity { User user; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); } }
31. How to start? .1 build.gradle .2 Layout tag .3 inflate public class MainActivity extends AppCompatActivity { User user; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); } }
32. How to start? .1 build.gradle .2 Layout tag .3 inflate public class MainActivity extends AppCompatActivity { User user; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); } }
33. How to start? .1 build.gradle .2 Layout tag .3 inflate public class MainActivity extends AppCompatActivity { User user; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); binding.setUser(user); } }
34. How to start? .1 build.gradle .2 Layout tag .3 inflate public class MainActivity extends AppCompatActivity { User user; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); binding.setUser(user); binding.textName.setText("Android Developers"); } }
35. How to start? .1 build.gradle .2 Layout tag .3 inflate public class MainActivity extends AppCompatActivity { User user; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main); binding.setUser(user); binding.textName.setText("Android Developers"); } } Type Safe
36. Inflation • DataBindingUtil.setContentView(activity, R.layout.activity_main);
37. Inflation • DataBindingUtil.setContentView(activity, R.layout.activity_main); For Activity
38. Inflation • DataBindingUtil.setContentView(activity, R.layout.activity_main); • ListItemBinding binding = ListItemBinding.inflate(inflater, parent, attachToParent); For Activity
39. Inflation • DataBindingUtil.setContentView(activity, R.layout.activity_main); • ListItemBinding binding = ListItemBinding.inflate(inflater, parent, attachToParent); For Activity For Any layout
40. Inflation • DataBindingUtil.setContentView(activity, R.layout.activity_main); • ListItemBinding binding = ListItemBinding.inflate(inflater, parent, attachToParent); • ListItemBinding binding = ListItemBinding.bind(view); For Activity For Any layout
41. Inflation • DataBindingUtil.setContentView(activity, R.layout.activity_main); • ListItemBinding binding = ListItemBinding.inflate(inflater, parent, attachToParent); • ListItemBinding binding = ListItemBinding.bind(view); For Activity For Any layout For inflated view
42. Basics
43. Basics Java Xml
44. Basics Java package ir.logcat.databinding; import android.view.View; Xml
45. Basics Java package ir.logcat.databinding; import android.view.View; Xml <layout> <data> <import type="android.view.View" />
46. Basics Java package ir.logcat.databinding; import android.view.View; private User user; Xml <layout> <data> <import type="android.view.View" />
47. Basics Java package ir.logcat.databinding; import android.view.View; private User user; Xml <layout> <data> <import type="android.view.View" /> <variable name="user" type="ir.parsdroidgroup.databinding.User" /> </data>
48. Basics Java package ir.logcat.databinding; import android.view.View; private User user; @Override protected void onCreate(Bundle savedInstanceState) { ... } Xml <layout> <data> <import type="android.view.View" /> <variable name="user" type="ir.parsdroidgroup.databinding.User" /> </data>
49. Basics Java package ir.logcat.databinding; import android.view.View; private User user; @Override protected void onCreate(Bundle savedInstanceState) { ... } Xml <layout> <data> <import type="android.view.View" /> <variable name="user" type="ir.parsdroidgroup.databinding.User" /> </data> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent"> </LinearLayout> </layout>
50. Live coding
51. Live coding
52. Operators And Keywords
53. Supported Operators and keywords
54. Supported Operators and keywords • Mathematical + - / * %
55. Supported Operators and keywords • Mathematical + - / * % • String concatenation +
56. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && ||
57. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >=
58. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >= • instanceOf
59. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >= • instanceOf • null
60. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >= • instanceOf • null • Cast
61. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >= • instanceOf • null • Cast • Method calls
62. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >= • instanceOf • null • Cast • Method calls • Array access []
63. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >= • instanceOf • null • Cast • Method calls • Array access [] • Ternary operator ?:
64. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >= • instanceOf • null • Cast • Method calls • Array access [] • Ternary operator ?: • Elvis operator ??
65. Supported Operators and keywords • Mathematical + - / * % • String concatenation + • Logical && || • Comparison == < > <= >= • instanceOf • null • Cast • Method calls • Array access [] • Ternary operator ?: • Elvis operator ?? • Lambdas and Method references
66. Examples android:text="@{String.valueOf(index + 1)}“ android:visibility="@{age < 13 ? View.GONE : View.VISIBLE}“ android:transitionName='@{"image_" + id}' android:text="@{user.displayName ?? user.lastName}" android:text="@{list[index]}"
67. Missing Operators • this • super • new • Explicit generic invocation
68. Custom Setters
69. Custom Setters
70. Custom Setters • Automatic Setters
71. Custom Setters • Automatic Setters • Binding Adapters
72. Custom Setters • Automatic Setters • Binding Adapters • Renamed Setters
73. Custom Setters • Automatic Setters • Binding Adapters • Renamed Setters • Binding Conversion
74. Custom Setters • Automatic Setters • Binding Adapters • Renamed Setters • Binding Conversion
75. Automatic Setters <android.support.v4.widget.DrawerLayout android:layout_width="match_parent" android:layout_height="match_parent“ />
76. Automatic Setters <android.support.v4.widget.DrawerLayout android:layout_width="match_parent" android:layout_height="match_parent“ /> void setScrimColor(int color)
77. Automatic Setters <android.support.v4.widget.DrawerLayout android:layout_width="match_parent" android:layout_height="match_parent“ bind:srcrimColor="@{@color/scrim}" /> void setScrimColor(int color)
78. Automatic Setters
79. Automatic Setters <TextView bind:onClickListener="@{viewModel.onClickListener}" />
80. Automatic Setters <TextView bind:onClickListener="@{viewModel.onClickListener}" /> public class MyViewModel { public View.OnClickListener onClickListener = v -> { //handle click }; }
81. Automatic Setters <TextView bind:onClickListener="@{viewModel.onClickListener}" /> public class MyViewModel { public void onClickListener(View view){ //handle click } }
82. Automatic Setters <TextView bind:onClickListener="@{(view) -> viewModel.onClickListener()}" /> public class MyViewModel { public void onClickListener(){ //handle click } }
83. Automatic Setters <TextView bind:onClickListener="@{() -> viewModel.onClickListener()}" /> public class MyViewModel { public void onClickListener(){ //handle click } }
84. Binding Adapters
85. Binding Adapters <imageView android:src="@{user.imageUrl}" />
86. Binding Adapters <imageView android:src="@{user.imageUrl}" /> @BindingAdapter("android:src") public static void loadImage(ImageView imageView, String url) { if (url == null) return; RequestOptions requestOptions = RequestOptions.circleCropTransform(); Glide.with(imageView.getContext()) .load(url) .apply(requestOptions) .into(imageView); }
87. Binding Adapters <imageView android:src="@{user.imageUrl}" bind:placeholder="@{R.drawable.placeholder}" /> @BindingAdapter("android:src") public static void loadImage(ImageView imageView, String url) { if (url == null) return; RequestOptions requestOptions = RequestOptions.circleCropTransform(); Glide.with(imageView.getContext()) .load(url) .apply(requestOptions) .into(imageView); }
88. Binding Adapters <imageView android:src="@{user.imageUrl}" bind:placeholder="@{R.drawable.placeholder}" /> @BindingAdapter(value = {"android:src", "bind:placeholder"}, requireAll = false) public static void loadImage(ImageView imageView, String url, int placeHolder) { if (url == null) return; RequestOptions requestOptions = RequestOptions.circleCropTransform(); if (placeHolder != 0) { requestOptions = requestOptions.placeholder(placeHolder); } Glide.with(imageView.getContext()) .load(url) .apply(requestOptions) .into(imageView); }
89. Observation
90. BaseObservable
91. BaseObservable public class User { private String name; public User(String name) { this.name = name; } public void setName(String name) { this.name = name; } public String getName() { return this.name; } }
92. BaseObservable public class User extends BaseObservable { private String name; public User(String name) { this.name = name; } public void setName(String name) { this.name = name; } public String getName() { return this.name; } }
93. BaseObservable public class User extends BaseObservable { private String name; public User(String name) { this.name = name; } public void setName(String name) { this.name = name; notifyPropertyChanged(BR.name); } public String getName() { return this.name; } }
94. BaseObservable public class User extends BaseObservable { private String name; public User(String name) { this.name = name; } public void setName(String name) { this.name = name; notifyPropertyChanged(BR.name); } @Bindable public String getName() { return this.name; } }
95. ObservableFieldand it’s primitive friends ObservableField<T>
96. ObservableFieldand it’s primitive friends ObservableField<T> ObservableBoolean ObservableByte ObservableChar ObservableShort ObservableInt ObservableLong ObservableFloat ObservableDouble
97. ObservableFieldand it’s primitive friends ObservableField<T> ObservableBoolean ObservableByte ObservableChar ObservableShort ObservableInt ObservableLong ObservableFloat ObservableDouble ObservableParcelable<T>
98. ObservableFieldand it’s primitive friends ObservableField<T> ObservableBoolean ObservableByte ObservableChar ObservableShort ObservableInt ObservableLong ObservableFloat ObservableDouble ObservableParcelable<T> ObservableList<T> ObservableArrayList<T>
99. ObservableFieldand it’s primitive types public class User { private String name; public User(String name) { this.name = name; } public void setName(String name) { this.name = name; } public String getName() { return this.name; } }
100. ObservableFieldand it’s primitive types public class User { private ObservableField<String> name; public User(String name) { this.name = name; } public void setName(String name) { this.name = name; } public String getName() { return this.name; } }
101. ObservableFieldand it’s primitive types public class User { private ObservableField<String> name; public User(String name) { this.name = name; } public void setName(String name) { this.name.set(name); } public String getName() { return this.name; } }
102. ObservableFieldand it’s primitive types public class User { private ObservableField<String> name; public User(String name) { this.name = name; } public void setName(String name) { this.name.set(name); } public String getName() { return this.name.get(); } }
103. ObservableFieldand it’s primitive types public class User { private ObservableField<String> name; public User(String name) { this.name = name; } public void setName(String name) { this.name.set(name); } public String getName() { return this.name.get(); } } <TextView android:text="@{user.name}" />