Welcome back.
So I hope you tried to replicate this UI to rebuild it with your own code and yeah, let's look over
it real quickly.
So what we have is our first text you, which is our calculate your.
Then we have the second one, which is this H, which also has a background color.
Then we have a text view, which is in minutes we have our bottom.
And as you can see, it has a certain color.
So this is this grayish color that we have here.
Ninety nine, two, and of course, you could export to your colors XML file, but I kept it in here
for now.
And then below this button we have this texture which has an ID.
So that's something that we haven't covered yet or we haven't used yet, at least not for text views.
So I'm using this ID in order to communicate with this TextView from my code.
So in my code, from my main product, I can now access this TextView and adjust it and it will be empty
without me adjusting it in code.
As you can see, there is no text in there.
So there's also no text property in this text you.
But we will add text as soon as the user enters a date or selects a date.
All right.
The text color is this.
Dark red ish color, then we have a little margin towards the top.
We have a Texas size of 20 and then we have our text vote, which is just to select text, which has
also this great color and the text size of 18.
And another text with an ID select date in minutes or selected date and minutes.
So this is going to be the.
Text that currently is also empty, but it will contain the actual result of the calculation of how
old we are or of hold the uterus or whatever, many minutes have passed since the selected date.
Right.
Then we have, again, the same color that we had before.
And we have our.
Textiles of 35.
So this is going to be a bigger text below that, we also have a great text here, which is the content
and just says 10 minutes and it's also a great color.
All right.
So it's the same gray color.
So at that point, you might say, right, let's export it.
So.
Let's do that.
Let's create a new color.
Name.
Is equal to light gray.
Text color.
So I'm going to call it, of course, you could have another name here and let's just entered India
and now we can replace this with add color and then a light blue text color.
And the same goes for this one here.
That color.
And light gray tax cut.
So we are using it, so why not also export it so that we can reduce it correctly?
So now the colors will be the same.
And if we decide to change the color here, it will automatically impact this color as well because
we exported it in here.
And that's better designed than having the colors individually.
Right.
OK, so now let's finally see how this is going to look like on an actual device.
And as you can see, it's looking pretty good to text here, ajin minutes, something that I don't like
that much.
So maybe we want to change that.
But overall, I think this is cool.
The button seems to work, or at least it appears to be a button.
Of course, we don't have this empty text and neither this empty text appearing here because it's empty
text and we need to pop related vehicle.
And that's something that we're going to do in the next few days.
But for now, let's just change the title here.
And that's something that we have to change in an actual value in our strengths.
So here on the values interests in the rest folder, we have this string's XML and in here we have the
name of our app.
So the app name is in minutes.
And of course we can change that.
We can do something like your age in minutes.
So if we save that and we make a quick refresh, we will see that it says your age and minutes.
All right, so I hope you managed to create this UI similarly to what you can see here, and if it's
not exactly the same, that's totally fine.
It doesn't have to be, but it's just important that you have all of the elements in there.
And now we can finally start with the actual code.
So with the calling code and our main activity.
So see you there.