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

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‫در‬ ‫ها‬xmllayout

11. What is Data Binding?
•‫به‬ ‫داده‬ ‫منابع‬ ‫اتصال‬View‫در‬ ‫ها‬xmllayout
•‫خودکار‬ ‫آپدیت‬ ‫توانایی‬UI‫داده‬ ‫تغییر‬ ‫با‬

12. What is Data Binding?
•‫به‬ ‫داده‬ ‫منابع‬ ‫اتصال‬View‫در‬ ‫ها‬xmllayout
•‫خودکار‬ ‫آپدیت‬ ‫توانایی‬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?
.1build.gradle

23. How to start?
.1build.gradle
android {
...
dataBinding {
enabled = true
}
}

24. How to start?
.1build.gradle
.2Layout 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?
.1build.gradle
.2Layout 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?
.1build.gradle
.2Layout 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?
.1build.gradle
.2Layout 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?
.1build.gradle
.2Layout 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?
.1build.gradle
.2Layout tag
.3inflate
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?
.1build.gradle
.2Layout tag
.3inflate
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?
.1build.gradle
.2Layout tag
.3inflate
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?
.1build.gradle
.2Layout tag
.3inflate
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?
.1build.gradle
.2Layout tag
.3inflate
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?
.1build.gradle
.2Layout tag
.3inflate
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?
.1build.gradle
.2Layout tag
.3inflate
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
• BindingAdapters

72. Custom Setters
• Automatic Setters
• BindingAdapters
• Renamed Setters

73. Custom Setters
• Automatic Setters
• BindingAdapters
• Renamed Setters
• Binding Conversion

74. Custom Setters
• Automatic Setters
• BindingAdapters
• 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. ObservableField and it’s primitive friends
ObservableField<T>

96. ObservableField and it’s primitive friends
ObservableField<T>
ObservableBoolean
ObservableByte
ObservableChar
ObservableShort
ObservableInt
ObservableLong
ObservableFloat
ObservableDouble

97. ObservableField and it’s primitive friends
ObservableField<T>
ObservableBoolean
ObservableByte
ObservableChar
ObservableShort
ObservableInt
ObservableLong
ObservableFloat
ObservableDouble
ObservableParcelable<T>

98. ObservableField and it’s primitive friends
ObservableField<T>
ObservableBoolean
ObservableByte
ObservableChar
ObservableShort
ObservableInt
ObservableLong
ObservableFloat
ObservableDouble
ObservableParcelable<T>
ObservableList<T>
ObservableArrayList<T>

99. ObservableField and 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. ObservableField and 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. ObservableField and 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. ObservableField and 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. ObservableField and 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}" />