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
We need to add a way to get to our new Activity.
This video doesn't have any notes.
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
We'll be using a new
activity to view our list.
0:00
First though,
we need a way to navigate to it.
0:03
To keep things simple,
we're going to add a button to the bottom
0:06
of our main activity layout for
the hourly forecast.
0:09
Let's go look at our layout.
0:13
Stormy is designed with
a constraint layout.
0:18
Let's add a button at the bottom of
the design and center it in the layout.
0:22
We'll grab a button down here,
let's zoom in a little bit.
0:27
We'll constrain it to the right and
the left.
0:34
The top we'll constrain to our summary,
and
0:39
the bottom to our dark sky attribution.
0:42
Let's change the ID to be hourlyButton.
0:48
Go down to the background,
0:56
we want the background color
to be slightly transparent.
0:58
So 40 and six fs, which will give
us a slightly transparent white.
1:04
We want the text to say HOURLY FORECAST.
1:12
And we want the text to
be an Android white.
1:21
Color > Android White and
we want our layout height to be 30 dp.
1:29
Layout_height, we want 30 dp.
1:39
Let's also add some left and
right padding of about 5 dp so
1:45
that our text isn't crowded so
much inside the button.
1:50
So padding left, we'll do 5 dp,
and right we'll do 5 dp.
1:54
Let's zoom out a little bit,
that looks pretty good.
2:05
Now we need a new activity,
let's create a new one in the UI package.
2:10
New > Activity > Basic activity.
2:17
We'll name it HourlyForecastActivity.
2:24
And we'll set the hierarchical parent to
be MainActivity, just as a best practice.
2:30
Even though for this app,
we won't be utilizing navigation.
2:37
Project>
2:40
Main Activity.
2:51
Everything else we can
keep here just as default.
2:54
Now we can setup the button
configuration to handle on click events.
3:03
We head over to the MainActivity's xml,
3:07
go to Text,
scroll down here to the hourlyButton.
3:13
We'll want to add
android.onClick = hourlyOnClick.
3:20
Next we need to define that method.
3:33
Remember from our previous courses,
to utilize this method for
3:36
setting onClick handling, we define a
method in our activity by this same name.
3:40
It has to be public,
with a void return type.
3:45
It also needs to take a view
as its only parameter, so
3:48
let's go back to MainActivity,
and down at the bottom.
3:52
Public void, we called it
hourlyOnClick and it'll take our View.
4:01
Inside this new method, we want it
to start the HourlyForecastActivity.
4:12
We can do that by creating a new Intent,
and
4:17
passing it into the start activity method.
4:20
So we'll do Intent intent.
4:24
new Intent,
add our imports with the quick fix.
4:34
Let's scroll up here a little bit.
4:42
So inside this Intent context,
we'll pass in this and
4:45
we want to start
the HourlyForecastActivity class.
4:50
And then we startActivity and
pass in our intent.
4:58
That should do it for now, nice work.
5:05
I encourage you to play around and
customize this layout.
5:08
The best way to learn is by trying
something in a new or different way.
5:12
If you come up with a new user
interface you're really proud of,
5:16
share it with the Treehouse community.
5:20
Sharing your projects
5:22
encourages others to share their projects
as well, don't forget to let us know, too.
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