How to use ViewBinding in Android Studio 3.6

In Android Studio 3.6, we can use ViewBind which introduced in Google I/O 2019 “What’s new in Android” talk. I shared about what’s view binding, how do we access the view on android, make some practices with findviewbyId, data binding, and view binding.

Transcript

1. View Binding In Android 3.6
2. Hello Su Myat WTM Ambassador Lead Android Developer @devsumyat
3. Contents 1.WHY THIS TALK Because you can use ViewBindings in Android Studio 3.6 Canary11+ 2. ACCESSING VIEWS Let’s look up options what we have and evaluate them in terms of elegance, the compile time safety and the build speed impact. 3. HOW TO USE Go back findViewByID, then Data Binding and View Binding.
4. Why this talk? .
5. In Google IO 2019
6. Now is available
7. Before we go to ViewBinding, start first DataBinding
8. What’s Data Binding? - Declarative UI inside XML
9. What’s Data Binding? - Declarative UIs inside XML - Binding the gab between code and XML
10. What’s View Binding? - New API
11. View Binding? - New API - Similar Concept as DataBinding
12. ViewBinding/DataBinding can provide a nice way of directly calling views by id with just initializing one variable - the binding class.
13. How do we access Views on Android? .
14. Let’s look up options we have? Method Elegance Compile Type Safety Build Speed
15. Let’s look up options we have? Method Elegance Compile Type Safety Build Speed findViewById
16. Let’s look up options we have? Method Elegance Compile Type Safety Build Speed findViewById Data Binding
17. Let’s look up options we have? Method Elegance Compile Type Safety Build Speed findViewById Data Binding Butterknife
18. Let’s look up options we have? Method Elegance Compile Type Safety Build Speed findViewById Data Binding Butterknife Kotlin Synthethic
19. Let’s look up options we have? Method Elegance Compile Type Safety Build Speed findViewById Data Binding Butterknife Kotlin Synthethic ???
20. Let’s look up options we have? Method Elegance Compile Type Safety Build Speed findViewById Data Binding Butterknife Kotlin Synthethic View Binding
21. How to use? .
22. Sample App
23. let’s get steps back to old
24. In findVieById lateinit var likeCountTxt: TextView lateinit var likeBtn: Button override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) loveCountTxt = findViewById(R.id.txt_love_count) likeBtn = findViewById(R.id.btn_like) viewModel.likes.observe(this, Observer { likeCountTxt.text = "${it}" }) likeBtn.setOnClickListener { viewModel.onLike() } }
25. In DataBinding override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) val binding : ActivityMainBinding = DataBindingUtil. setContentView(this, R.layout.activity_main) binding.lifecycleOwner = this binding.viewmodel = viewModel } <layout> <data> <variable name="viewmodel" type=".SampleViewModel" /> </data> <RelativeLayout <TextView android:text="@{Integer.toString(viewmodel.likes)}"/> <Button android:onClick="@{() -> viewmodel.onLike()}”/> </RelativeLayout> </layout>
26. Enable in grade file android { dataBinding { enabled true } }
27. In ViewBinding override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) var binding = ActivityMainBinding.inflate(layoutInflater) setContentView(binding.root) viewModel.likes.observe(this, Observer { binding.count.text = "${it}" }) binding.like.setOnClickListener { viewModel.onLike() } }
28. Enable in grade file android { viewBinding { enabled = true } }
29. Thank you .