Android Forge:

Transcript

1. Forget about ButterKnife. Or not?! Android Data Binding #AndroidForge +Artyom Dorosh
2. Android Developer@IT4Medicine About me #AndroidForge Artyom Dorosh • 2 years of experience • 3 years in development • experience in UI/UX • co-coordinator of “IT KPI” • in love with hackathons
3. So, what we have for now? #AndroidForge
4. #AndroidForge
5. #AndroidForge public class MainActivity extends AppCompatActivity { @Bind(R.id.email) EditText email; @Bind(R.id.password) EditText password; @Bind(R.id.sign_in) Button signIn; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ButterKnife.bind(this); } }
6. #AndroidForge <EditText android:id="@+id/email" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/email" android:inputType="textEmailAddress" /> <EditText android:id="@+id/password" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="@string/password" android:inputType="textPassword" /> <Button android:id="@+id/sign_in" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="@string/sign_in" />
7. And little more #android_dev_pain… #AndroidForge
8. #AndroidForge // #1, or The Best of The Worst meaningOfLife.setVisibility(universe.getAnswer() == 42 ? View.VISIBLE : View.GONE); // #2. In case you doesn't use RetroLambda button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { } }); // #3 setting a lot of data to TextViews name.setText(text != null ? text : "GTFO");
9. This shit is f->cking sick! #AndroidForge
10. #AndroidForge
11. Meanwhile in parallel universe how2( start() && use(), dataBinding ); #AndroidForge
12. What is DataBinding? #AndroidForge DataBinding == MVVM == UI + Data (Model – View – ViewModel)
13. What we need at first? #AndroidForge
14. Tools #AndroidForge • Android Studio 2.0 Preview • latest beta Gradle android plugin
15. Let’s start. Start from Gradle #AndroidForge apply plugin: 'com.android.application' android { ... dataBinding { enabled = true } ... }
16. Define a ViewModel #AndroidForge public class LoginModel extends BaseObservable { private String email; private String password; @Bindable public String getEmail() { return email; } @Bindable public String getPassword() { return password; } ... }
17. #AndroidForge public class LoginModel extends BaseObservable { private String email; private String password; public void setEmail(String email) { this.email = email; notifyPropertyChanged(BR.email); } public void setPassword(String password) { this.password = password; notifyPropertyChanged(BR.password); } ... }
18. Define your binding adapters #AndroidForge @BindingAdapter({"bind:loadImage", "bind:loadError"}) public static void loadImage(ImageView imageView, String link, Drawable error) { Glide.with(imageView.getContext()).load(link).error(error).into(imageView); }
19. Gonna bind them all #AndroidForge public class MainActivity extends AppCompatActivity { private ActivityMainBinding binding; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); binding = DataBindingUtil.setContentView(this, R.layout.activity_main); LoginModel loginModel = new LoginModel(); binding.setModel(loginModel); } }
20. Layout itself #AndroidForge <layout xmlns:android="http://schemas.android.com/apk/res/android"> <data> <variable name="model" type="me.dnihze.databindingdemo.models.LoginModel" /> </data> <LinearLayout> <EditText android:id="@+id/email" ... android:text="@{model.email}" /> <EditText android:id="@+id/password" ... android:text="@{model.password}" /> <Button android:id="@+id/sign_in" ... android:onClick="@{model.onClick}" android:text="@string/sign_in" /> </LinearLayout> </layout>
21. #AndroidForge WOW such easy much profit no hardcode
22. Let XML this! Layout #AndroidForge
23. Imports #AndroidForge <data> <import type="android.view.View"/> </data>
24. Variables #AndroidForge <data> <import type="android.graphics.drawable.Drawable"/> <variable name="user" type="com.example.User"/> <variable name="image" type="Drawable"/> <variable name="note" type="String"/> </data>
25. Includes #AndroidForge <?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:bind="http://schemas.android.com/apk/res-auto"> <data> <variable name="user" type="com.example.User"/> </data> <LinearLayout android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <include layout="@layout/name" bind:user="@{user}"/> <include layout="@layout/contact" bind:user="@{user}"/> </LinearLayout> </layout>
26. Expression language #AndroidForge • Mathematical + - / * % • String concatenation + • Logical && || • Binary & | ^ • Unary + - ! ~ • Shift >> >>> << • Comparison == > < >= <= • instanceof • Grouping () • Literals - character, String, numeric, null • Cast • Method calls • Field access • Array access [] • Ternary operator ?:
27. Not allowed #AndroidForge • this • super • new
28. Expression language #AndroidForge android:text="@{String.valueOf(index + 1)}" android:visibility="@{age &lt; 13 ? View.GONE : View.VISIBLE}" android:transitionName='@{"image_" + id}'
29. Collections #AndroidForge <data> <import type="android.util.SparseArray"/> <import type="java.util.Map"/> <import type="java.util.List"/> <variable name="list" type="List&lt;String>"/> <variable name="sparse" type="SparseArray&lt;String>"/> <variable name="map" type="Map&lt;String, String>"/> <variable name="index" type="int"/> <variable name="key" type="String"/> </data>
30. Collections #AndroidForge android:text="@{list[index]}" android:text="@{sparse[index]}" android:text="@{map[key]}"
31. String Literals #AndroidForge // Base text android:text=‘@{map["firstName"]}' // Other ways to pass string android:text=“@{map[`firstName`}" android:text="@{map[&quot;firstName&quot;]}"
32. Plurals #AndroidForge android:padding="@{large? @dimen/largePadding : @dimen/smallPadding}" android:text="@{@string/nameFormat(firstName, lastName)}" android:text="@{@plurals/banana(bananaCount)}"
33. Binding adapters #AndroidForge @BindingAdapter({"bind:loadImage", "bind:loadError"}) public static void loadImage(ImageView imageView, String link, Drawable error) { Glide.with(imageView.getContext()).load(link).error(error).into(imageView); }
34. In auto-generated classes Deep dive #AndroidForge
35. And one more Doge #AndroidForge
36. If you don't know this, your dataBinding sucks. Useful tricks #AndroidForge
37. Custom type conversation #AndroidForge <View android:background="@{isError ? @color/red : @color/white}" android:layout_width="wrap_content" android:layout_height="wrap_content"/>
38. Colour is just an int, not a drawable #AndroidForge @BindingConversion public static ColorDrawable convertColorToDrawable(int color) { return new ColorDrawable(color); }
39. Default in Android Studio Preview #AndroidForge <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@{user.firstName, default=PLACEHOLDER}"/>
40. Use more binding adapters #AndroidForge Cause this shit is awesome cool
41. In production, I meant. Don’t use DataBinding #AndroidForge
42. Really big problems #AndroidForge • Android Studio • Gradle plugin • Git • Error handling
43. Google + -> +Artyom Dorosh Twitter -> @dniHze VK -> @dorosh_artem Fb -> @Dorosh That’s all. Thank U. #AndroidForge