This course will be retired on June 1, 2025.
Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
Hooking everything up inside the HourlyForecastActivty class.
I mentioned updating the background color for the RecyclerView but the background color should be set on the ConstraintLayout to fill the entire screen.
Additional Resources
Hour data for Cut & Paste
Hour hour = new Hour(1526508000, "Mostly Cloudy", 57.29, "partly-cloudy-day", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526511600, "Clear", 57.29, "clear-night", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526515200, "Clear", 57.29, "clear-day", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526518800, "Windy", 57.29, "wind", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526522400, "Snowy", 57.29, "snow", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526526000, "Raining", 57.29, "rain", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526529600, "Foggy", 57.29, "fog", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526533200, "Mostly Cloudy", 57.29, "partly-cloudy-night", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526536800, "Sleet", 57.29, "sleet", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526540400, "Cloudy", 57.29, "cloudy", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(152654400, "Mostly Cloudy", 57.29, "partly-cloudy-day", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526547600, "Partly Cloudy", 57.29, "partly-cloudy-night", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526551200, "Partly Cloudy", 57.29, "partly-cloudy-night", "America/Los_Angeles");
hours.add(hour);
hour = new Hour(1526554800, "Partly Cloudy", 57.29, "partly-cloudy-night", "America/Los_Angeles");
hours.add(hour);
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
With our adapter and ViewHolder in place,
0:00
we can head back to HourlyForecastActivity
and finishing hooking everything together.
0:02
We'll also need to create a constructor
in our hour data model for us to use.
0:08
Let's head over to UI,
HourlyForecastActivity.
0:15
There's some errors here.
0:21
We can delete all of this code leftover
from the bits that we deleted in
0:22
the design earlier.
0:25
Collapse our imports to give us some room.
0:32
To start here, we need private adapter and
binding variables to use.
0:36
So we'll do a private, HourlyAdapter,
we'll call it adapter.
0:41
We need a private
ActivityHourlyForecastBinding.
0:51
And we'll call it binding.
1:03
Sometimes that import for
the binding variable doesn't come
1:06
through with Android Studio and
we need to import it manually.
1:09
Import, stormy.databinding,
and there it is.
1:17
Inside onCreate, we'll set up our
data binding, layout manager and
1:29
connect everything to the adapter.
1:33
We'll start with binding
the data to our activity layout.
1:35
Binding, we'll use the DataBindingUtil.
1:40
We will set the ContentView,
the activity is this,
1:43
and the layout is our
activity_hourly_forecast.
1:48
Next we define our adapter.
1:57
So new HourlyAdapter,
recall that this takes two parameters,
2:03
a list of hours and the context.
2:09
We'll pass in a function that
we'll create to get the hours.
2:11
For a function it will be getHourData and
our context is this.
2:14
We'll come back to that method in just
a bit, let's finish with the bindings.
2:20
We add the binding information to
the relative layout that we have in our
2:24
activity, now what did we call that again?
2:28
Let's go take a look.
2:30
So in resources, and
layout, here's our layout.
2:32
I didn't set an ID here,
let's call it hourly_list_items.
2:39
We can set an adapter to that.
2:47
It looks like I forgot one other thing
here in this layout, the background color.
2:49
Our list items are white and
our overall constraint layout is white.
2:54
That will definitely make it hard to see.
2:58
Let's update our background color.
3:00
So our constraint layout, background,
3:03
color, And
we want the app background here.
3:08
All right, now back to
HourlyForecastActivity to set the adapter.
3:23
We do binding,
hourlyListItems, there it is,
3:28
and set the adapter and
we pass in the adapter.
3:33
Now we need to set a LayoutManager.
3:39
So we're gonna bind the hourlyListItems,
we'll set the LayoutManager,
3:44
To be a new LinearLayout and
we'll pass in this.
3:50
Let's address our getHourData method now.
3:55
We click in the method name and we can use
our quick fix to create the new method.
3:58
Add some space here, so
4:09
this method will allow us to produce
a list of hour data from the hour model.
4:11
First though, let's update our hour model
with some constructors for us to use.
4:17
So here in weather, we'll go to hour.
4:22
Here in hour,
we'll generate our constructors.
4:25
So Code > Generate > Constructor.
4:28
We need one where we
don't select anything.
4:32
And we need one where
we select everything.
4:38
Great, let's head back over
to HourlyForecastActivity.
4:45
This getHourData method, and
the data we have defined in this video,
4:51
will just be for testing.
4:55
But I think it's a good exercise, even if
we wind up getting rid of it later on.
4:57
It will allow us to double check that
things are working with some sample data.
5:02
Let's take a quick look at
our JSON from Dark Sky again.
5:06
We're looking to see what data format
we're getting to add to our sample data.
5:13
Inside the hourly and data object,
we see the data we're getting.
5:17
Inside our getHourData method,
5:21
we can create a quick list of
sample data to check things out.
5:23
So inside here, we need a list Hour,
5:30
we'll call it hours.
5:35
And it'll be a new array list.
5:38
I'll add several hours in here for
test data.
5:43
It's a lot of mundane typing, and we won't
be keeping this code in the project.
5:46
As such, I've put it in the teacher's
notes for you to just cut and paste.
5:50
Now we just need to return hours.
5:55
And finally, we can run our app again.
6:03
If we click on our Hourly button,
There's our list of data.
6:15
It looks like there
are a few issues though.
6:23
The numbers aren't formatted properly and
6:26
all of the icons are the same,
regardless of the icon name.
6:28
Let's fix those up in the next video and
6:32
then connect the data to
our Dark Sky data source.
6:34
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up