Our app is looking beautiful.

Next, we're going to add in Google play services so

we can share these listings with our friends.

Welcome back.

Let's wrap up our UI code so we can see a list on our screen.

All we need to do is create a layout file for activity and

then make a call to the API.

First, let's go to the layout file.

In our resources under layout

by default our project was recruited underscore name for us.

But it doesn't have anything helpful, so let's go and add what we need here.

I'm just going to create a frame layout.

Frame layout is going to draw all of its children one right on top of the other.

And, in here, we just need three different views.

We need our recycler view, which will display our list.

Going to put a progress bar to display a loading indicator.

And just some text, in case an error happens, we can display that to the user.

Let's go ahead and put in our recycler view.

To get our recycler view, we need to reference it from the support library.

Here it is, android.support.v7.widget.RecyclerView.

Then I go ahead and give it an ID, gonna call it recycler view,

and it's going to take up the entire screen.

So the width and height will be match parent.

Next is going to be our progress bar and it's just going to be wrap content.

We're gonna apply a style though and

the style is just going to be a standard progress bar.

And we want to include an ID for this as well.

Progress bar.

And finally, let's just put in a text view.

And again, this is just in case an error happens.

We weren't able to fetch any data from the network.

We want to display something to the user.

And that's just going to be some text.

This idea of this is just going to be error.

View.

And finally, we just want to make sure that this text and

progress bar, since they're not going to take up the full screen,

are just going to be centered, so we want to include

gravity if center layout underscore gravity is going to be center.

That's going to pass the gravity attribute up to the parent

while it's doing the layout.

So that'll be centered in the middle of the screen.

Going to also include that with our progress bar.

Okay. Let's switch over to our activity

Java class now.

And in here, we just need to go ahead and store those views.

We have our recycler view, we're going to have our loading view.

Now I don't, it's always gonna be loading.

The progress bar will always be loading.

I don't need to cast it to a particular type,

I'm just gonna keep a reference to it as a view itself.

I'm just gonna call it progress bar.

>> So use alt return any time when you import, and

the text view, I do want to set some text in case something happens so,

I'm going to keep that as my error view, but

I'm going to keep it typed to, to be text view itself,

after calling set content view, we can go ahead and get the references here.

>> Again, you might be using something like Butterknife to do this,

that's great, finally, let's get our error view,

some text view, and while we're at it let's go ahead and just add three methods.

These methods are going to just switch the state of the UI based on

what's happening at any given time,

so we'll call these from our adapter when we have data to display.

By default, you know, we're always going to be displaying the loading indicator by

default, so let's go ahead and add these at the very bottom of our class.

Down here we're just gonna create a few methods.

One's gonna call show loading, and in here, you want the loading indicator,

which is our progress bar, to be visible, but we're going to

not show our recycler view, and we're not going to show our error text.

Showlist is going to do the same thing as

our other code except we're just going to show the list instead.

So I'm just going to copy this code from here, put it in here,

but I'm gonna change so the progress bar is gone.

And the recycler view is visible.

And we're gonna do the same exact thing for

our final method, which is show error.

Paste this in again.

What we're going to show is the error this time.

By default, then they load, we're going to call show loading.