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
Formatting the hourly data to look nice in our app.
Managing and working with dates and times in programming can be, well, challenging at best. Here's a video describing just some of the challenges involved.
Language Resources
- Java SimpleDateFormat
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
[MUSIC]
0:00
Fantastic work so far.
0:04
We've set up our adapter and
our view holder,
0:07
and we're getting some sample static
data displayed in our RecyclerView.
0:09
That's pretty exciting, right?
0:12
We're getting super close.
0:14
We have a little bit of formatting to do,
0:16
much in the same way that we had
to format data in main activity.
0:19
We also need to convert the icon
string that Dark Sky provides us
0:22
to our icon name.
0:26
Once we get this formatting done, we'll
get it connected to our actual data model.
0:28
Let's head back into Android Studio and
tackle these next tasks.
0:32
In the Hour class,
0:37
let's update the getTime method
to display our time properly.
0:38
We'll be returning the string value now,
so we'll need to change that.
0:42
So here under getTime,
change this to String.
0:47
Inside here, we'll use the simple
date formatter to format the time.
0:55
SimpleDateFormat, we'll call it formatter,
so new SimpleDateFormat.
0:59
We'll pass in our pattern.
1:05
For our purposes,
we just want the hour and AM or PM.
1:06
So we'll pass in h a.
1:10
Check the teacher's notes as well for
more on these patterns.
1:15
And we need to set the timezone for
this formatter.
1:19
Otherwise, our calculations will all be
based on GMT, or Greenwich Mean Time.
1:21
That's why we added the timezone to
this class way back when we started.
1:27
So formatter.setTimeZone(TimeZone).
1:30
We'll get the TimeZone and
here we pass in our TimeZone.
1:37
In case you couldn't tell yet,
working with dates, times, and
1:44
timezones is one of the most frustrating
things programmers had to deal with.
1:48
Check the teacher's notes for
a funny video on it.
1:53
So in getTime, we need to convert
the time to milliseconds.
1:56
You can do that with date.
2:01
We'll call it dateTime.
2:02
Do our imports.
2:05
We want the Java util import.
2:06
New Date(time * 1000) convert
to milliseconds, and now,
2:11
we just need to return our formatted time.
2:16
So we turn our formatter and
format the time.
2:22
The temperature didn't look
real great in our app either.
2:28
We want to return an int here and
not a double.
2:30
We want the temperature rounded
to get rid of our decimal.
2:41
So we can cast to an int and
use the Math.round function.
2:43
Note that here we're updating this
formatting in the data model itself.
2:53
We could do this in a layout as well,
like we did in the main activity layout.
2:56
I just wanted to show you how
to do it here for the option.
3:01
Now for the icon,
we already have the code to get an icon
3:04
ID from a string over
in our current object.
3:08
Let's create a helper method
that both current and
3:12
hour can call to get that info.
3:15
Let's go to the forecast class.
3:17
We'll write a new method
here at the bottom.
3:20
It will be a public static method.
3:24
It will return an int.
3:27
We'll call it getIconId, and
we'll pass in our iconString.
3:28
We can go over here to Current.
3:38
Grab our long switch statement.
3:39
And cut it out of here, and
now paste it over into Forecast.
3:45
Okay our import for R, and
change icon to iconString.
3:50
Back over in Current,
we can use that method.
3:59
You want to return forecast.getIconID,
and pass in our icon.
4:02
Now over in Hour, under getIcon(),
4:10
we want to return
Forecast.getIconId(icon),
4:14
and we want to change our method
signature here to return an int.
4:20
Lastly, we need to update our hourly list
item layout to use our imagery source for
4:29
the icon.
4:34
Go to the layout, hourly list item,
Come down here to our ImageView.
4:35
We'll add
app:imageResource="@{hour.icon}".
4:49
Okay, let's run this one more time with
our sample data and see what we get.
5:00
And if we hit Hourly Forecast, nice work.
5:14
Our data is coming through and
looking great.
5:19
Let's take a breather here and
come back and
5:21
change our static data
to the Dark Sky data.
5:23
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