Kotlin for Android Developers

15.2 Refactoring our code
Now it’s time to change our code so that we can start making use of Kotlin Android Extensions. The
modifications are fairly simple.
Let’s start with
MainActivity
. We are currently only using a
forecastList
view, which is in fact
a
RecyclerView
. But we can clean this code a little bit. First, add the synthetic import for the
activity_main
XML:

---

15 Kotlin Android Extensions
54
1
import kotlinx.android.synthetic.main.activity_main.*
As said before, we use the id to access the views, so I’m changing the id of the
RecyclerView
so that
it doesn’t use underscores, but a more appropriate name for a Kotlin variable. The XML results into
this:
1
2
xmlns:android="http://schemas.android.com/apk/res/android"
3
android:layout_width="match_parent"
4
android:layout_height="match_parent">
5
6
7
android:id="@+id/forecastList"
8
android:layout_width="match_parent"
9
android:layout_height="match_parent"/>
10
11

And now we can just get rid of the
find
line:
1
override fun onCreate(savedInstanceState: Bundle?) {
2
super.onCreate(savedInstanceState)
3
setContentView(R.layout.activity_main)
4
5
forecastList.layoutManager = LinearLayoutManager(this)
6
...
7
}
The simplification was minimal because this layout is very simple. But the
ForecastListAdapter
can also benefit from the use of this plugin. Here, we can use the mechanism to bind the properties
into a view, which will help us remove all the
find
code inside the
ViewHolder
.
First, add the synthetic import for
item_forecast
:
1
import kotlinx.android.synthetic.main.item_forecast.view.*
And now we can use the properties in
itemView
property inside the
ViewHolder
. In fact you can use
those properties over any view, but it will obviously crash if the view doesn’t contain the requested
sub-views.
We don’t need to declare properties for the views anymore, we now can just use them:

---

15 Kotlin Android Extensions
55
1
class ViewHolder(view: View, val itemClick: (Forecast) -> Unit) :
2
RecyclerView.ViewHolder(view) {
3
4
fun bindForecast(forecast: Forecast) {
5
with(forecast) {
6
Picasso.with(itemView.ctx).load(iconUrl).into(itemView.icon)
7
itemView.date.text = date
8
itemView.description.text = description
9
itemView.maxTemperature.text = "$high"
10
itemView.minTemperature.text = "$low"
11
itemView.setOnItemClickListener { itemClick(this) }
12
}
13
}
14
}
Kotlin Android Extensions plugin helps us reduce some more boilerplate and minimise the code
required to access our views. Check the latest changes at the repository.

---