Welcome back and this video, we are going to set up the screen here, as you can see this montage.
Let's get started screen where you can either sign in or sign up.
And yeah, that's basically just to introduce the user to what the app is for.
So you can see this project manager just posting stuff on the wall.
So it's pretty minimalist interface that we're going to use and the project management tool.
So let's go ahead and build this interface.
Of course, you can go ahead and try to do that yourself.
You will, of course, need this image.
And as you can see, this button here is also a slight gradient color here, which is also pretty neat,
I think.
So let's go ahead and build that.
All right, so the first thing that I'm going to do is to create a new activity, so let's go ahead
to file new empty activity and I'm going to call this one and intro activity.
Then let's go over to the manifest to adjust the.
Activity directly here, so our interactivity should have the same orientation and no action bar theme
as our splash activity has.
Then as we're going to use different colors as the default colors, we can go to our values and colors
XML and hear the colors that I'm going to use, are this color here?
Zero C 90 F one and zero five ninety one F eight.
So even though the primary color and exact color are the same, we're going to use them as such.
OK.
And then while we're at it, let's also add text color, so I want to use specific text colors.
I'm going to use the primary text color, which is going to be this dark gray, and then the secondary
text color, which is going to be this lighter gray.
All right.
So these are the values here.
Of course, you can use your own colors if you want to.
All right, now let's go ahead and prepare the button, because we're going to use the buttons, right?
And you can see that they are with this gradient or at least this one has a gradient.
OK, so let's design this real quick.
Therefore, we can go to our trouble and here we can go ahead and create a new.
Trouble resource file.
And this one is going to be called shape pattern rounded, and the root element will be that it's a
shape.
So I'm just going to use shape here.
Let's press, OK, now the idea is that this button should be a rectangular button, right?
So let's go ahead and add this shape here being rectangle.
All right.
And then, as I said, this is a gradient color, right?
So let's make it gradient.
Therefore, we can use this gradient property here and assign certain values to it.
For example, we can assign the angle, which will be 360 degrees, then the end color, which will
be.
Hash zero, a eighty five, and to start color, and probably I should have done it the other way around,
so here's going to be zero.
B, c.
C, a.
B.
Again, of course, don't forget the hash at the beginning.
Otherwise, you're going to get an error.
OK, so I'm going to do it this way around now, the type of the gradient and there are different types.
You can see radial linear sweep.
You can play around with those values and just see the difference, how they will look like.
So I'm just going to use linear here.
And you can see this is going to be the shape that we get right now.
So this linear color, of course, if you use another option here, let's say radio, you will see well,
you don't see much difference, I think.
But just play around with those values and see what you prefer and then.
I want to have corners for this gradient.
OK, so for now it doesn't have any radio or any corners and I'm just going to say, let's add corners
where the radius.
Of 10 density pixels.
OK, so now it's going to have this corner here, as you can see, so this color or this gradient color
pretty much will just be put into the button.
So whatever size we give for the button, it will adjust accordingly.
It will not be this exact size, as you can see here.
It's just going to use this gradient color that we have here.
And then, of course, I also need a white color or white water for this button here at the bottom,
and how I'm going to do it is I'm just going to paste it into the project and walk over it real quick.
So I called this one white water shaped button rounded, and that's what it is.
So it's just a shape again.
So here you can see it's new.
This new XML file, it's a shape again, which is rectangular.
Then we have a stroke, which is this blue color, which is just stroke around the button.
And then white is the solid background.
And then we have corners of 10 density pixels so that we have the same rounded corner as we have for
the other button.
All right.
All right, now let's design the intro activity activity in example, and here I'm just going to pasted
in again because we have designed so many different designs before.
Right?
I think there's not much use for you to watch me type all of that in.
Basically, what we have is a TextView.
Then we have an image of you underneath that TextView, then another TextView.
One more text to you and then our two buttons.
OK, so basically it's this design here.
So text view, image view takes you another text to you and to two buttons.
Of course, we need strings and dimensions here for all of those buttons.
So let's go ahead and assign those as well.
And of course, if you want to build this manually all by yourself, feel free to do so.
And yeah, you can, of course, go ahead and use the same dimensions as I did if you want to have the
same or exact same style.
So I'm just going to post the dimensions in here.
Could see we're using many dimensions here, splash screen titles, size and so forth.
So many different dimensions.
If you want to type them all in, you can do so.
OK, but I think it just makes sense to paste it in here.
If you want to dig deep into creating XML files, then check out one of the earlier chapters where we
build applications, where we really want to go deeper into that.
OK, because I think at this point it's just.
Yeah, holding you back from learning new things, if we would go through this in depth.
OK, so these are the dimensions that we had, the colors already.
Now, let's also add the texts.
So here.
And our string XHTML squad and create the new strings.
And in our case, it's just a couple of texts, the bottom names and so forth, so let's add those in
here.
The thing is, if you add them here, it allows you to make your app.
Global, right, so to distribute it globally with multiple different.
Languages.
OK, so here, collaborate and blend together across multiple devices on projects, minimal interface.
OK, so that's the intro text description then with the image content description, which is just image.
Let's get started.
Text sign in and sign up.
And by the way, feel free to download this XML file and look into it.
All right.
So then there are only two things missing.
For this to work correctly is, one, the background and the other one is this little image that we
have here.
So let's import ours as well.
And well, at this point, I think it makes sense to import the images in the right format because before
I just imported this one splash background PMG, but it's one for all sizes, even though I would like
to have one, as you can see here.
Um, yeah, for the different screen sizes.
So let's track the different images into our resources folder.
So let's go ahead and open that in Explorer.
And then here, instead of the resources folder, you will see the drawable and troubled 20 24.
And then open up the project that you can download that is assigned to this video and take all of those
travel folders here, HTP up to access HTP and paste them in here.
So you can replace this one icy launcher.
All right, and then at that point, you will find the troubles in here as well.
So it's going to reload.
And you can see now we have the different images here, even though this V2 or we 24 is probably not
going to be necessary.
So we can get rid of that and then to delete alternative reasons files for other configurations.
No, and I'm just going to delete that one image because they all have the same name.
Right.
OK.
And now we have the different images, right, the background to task, image to intro background,
so all of them with a different sizes, because if you look at it so here, this is the LDP then here,
look at these numbers here, right.
Three, 60 times, 60 40.
This is for the next episode, 720 P.
The screen displays this one for.
Four to eight and this one for WUFT, OK?
All right, now let's go over to our.
Interactivity and do the same thing as we did with the splash activity regarding the flags.
So I'm just going to add this as well here, and actually this should go into the uncreate method.
So here we are setting the flags.
We need to import the window manager.
And then what I want to do is I want to move over from the splash activity to the interactivity.
And that is where we finally have something new that we learn and that is really to move from one screen
to another after a certain amount of time.
OK.
And in order to get that, we can use a handler.
So let me show you how to do that.
You go ahead and use the handler and you use his method called post the late.
And then you need to import handler, of course.
And here, the Android OS handler, and then you can just say after which time you want to run something,
so here the delay in milliseconds.
So for example, after two hundred fifty two thousand five hundred milliseconds, I want to start an
intent.
So here, start activity with an intent which goes from this activity to the other activity, which
is our interactivity.
OK, so we need to import intent and enter and then intro activity class for Java.
OK, so this way we move over and then I also want to finish this activity so the user should not be
able to come back to the splash activity when he presses the back button.
OK, so by applying finish this activity, the splash activity will be fully closed.
All right.
So let's restart the application and see if we get to this screen here in our own version.
So in our own project.
All right, so that we are project manager and after 2.5 seconds, it went over to the screen and we
can see we have our sign in and sign up buttons.
All right.
So that is it for now.
I think it's a good start.
And, of course, no need to go to the next steps here.
As you can see, we still haven't used anything with databases and everything.
So this is going to be super, super interesting in the next few videos.
So see you there.