Welcome back and this video, we are going to add this little fat button here, and once we click on
it, it will open up this screen where we can create a board.
So we have this image here at the top.
Then we have the board name and we can create it.
So once we click on the image, we then, of course, later on want to be able to select an image.
But for now, it's going to be fine.
So you can see the board gets a name and once we create, we want to create a board.
All right.
So let's go ahead and set everything up for this.
You can, of course, try to build this yourself, like the whole part, actually, not just the part
with the UI.
So good luck with that.
All right.
So I hope you did it.
Now, first of all, let's go to our activity Ximo.
And I'm going to add that in our.
Resources file here in the layout.
AIPA Main Ximo, so here, just underneath the include statement, I'm just going to add a floating
action button, so IFAB button, so to speak.
And this is the code for it.
All right, so you can see we'll need some dimensions and then you drawable here the vector add 24 DPE.
So let's add that one real quick.
New vector.
And here, let's select add.
This one.
And then give it the name Victor Ed.
And.
Any info about the color?
I think it was white or the sleeve with white and finish.
OK, then I'm also just going to give you the dimensions that I'm going to use overall and by the way,
I'm not going to go over the details of the UI.
So these are the dimensions that I'm going to use the Web margin then to create board content, putting
body image size, create material margin top and button, margin top.
And now let's go ahead to the strengths and let's add some more strings in here as well, because we
will need new strengths.
One of them create more title, then the create button and the board name, which will be the name port
name.
OK, of course, later on you could go ahead and change those names any time you want it.
OK, next, we need a board screen, so create board activity, so to speak.
So let's go ahead and create a new activity here.
Activity, empty activities.
What I'm going to choose and I'm going to call this one, create board, activate the team.
Once that is loaded, we can import our because our activities and activities folder right now, we
can design the city, we t create board and I'm just going to use the following so you can see we have
an Apapa here at the top.
We have a cart view instead of this Carthew, we have an image view, which is this aged Oldendorf image
view kind of thing.
Then we have an edited text and create button.
So let's look over it here real quick.
We will also need a new image, by the way, so you can see I'm using a linear layout here.
Then I have this bar layout with the toolbar, which is this airport here at the top, which allows
me to also go back then.
And it's fully customizable.
So that's why I created it this way.
Then I have a linear layout.
Instead of that linear layout, I have my card view, which then in turn has another linear layout,
which then has the overall image view, text input layout, which is an added text and the button.
OK, so these are the elements that I used.
If you want to know more about them, you can of course check them out to download the file and then
you can see all of the different parameters that I'm using here.
All right, then.
Here I see a board placeholder.
That's the image that we will need.
Which I'm just going to paste in here so you can download an image for this, you can use any image
you want.
I'm just going to use this one, so.
I see.
Port placeholder, PNG, just this slightly grayish image, it's a little difficult to see here, but
if you look at it here, you can see it's just this gray color basically around that gray color, which
it then can replace later on.
Also, by the way, we could see we are using a specific background image here, the one that we have
used before, so that we stay in the same theme, so to speak.
All right, so then let's go to our manifest first, because in our manifest, I always add the two
lines here, this orientation, the no action bar to the new activity.
So let's do the same thing with our create board activity here as well.
All right.
And at that point, we can go over to our activity itself, so to the create board activity and add
the magic in here.
So first of all, we all need to set up a bar and it's the same as in the other action bars.
So let's go over here.
We also have set up action bar function at that point.
You we already think about reusing it.
Actually, we don't have it here.
We have it here.
All right.
So let's copy this one.
It will be very similar to the action bar that we have in our my profile activity.
So let's add that one here.
So this time it's the toolbar
underscore, create board activity, so it's just a name that is given here in the toolbar and activity
create board XML file.
So however you call it here, in my case, it's toolbar.
Create what activity?
That's the name that you should use here for the Support Action Bar.
Then then you can of course, give it a title.
I'm just going to leave it as is for now.
And of course here it's not toolbar my profile activity, but it's to create board activity.
We also set the navigation on Click Listener and say that Arnebeck press should be executed.
And of course, let's call this set up a chamber function in our own create.
So here, set up Action Bar.
And then finally, we need to send the user to this create board activity from the main activity.
So let's go back to our main activity and here.
When we click on the plus button.
Which means when we create or click on the.
Fair button here.
Fab Onas Create board set on Click Listener.
It's what we want to do here, so once we click on this button here, this floating action button.
Here at the bottom, right?
That's when we want to start an activity, so here, let's start the activity.
No result this time with the intent from this activity to the create or activity, colon, colon class
or Java.
All right.
So let's test it.
OK, so there we are.
Now let's press the button.
And that we are we're sent over to the port here, we can at the port name and we can create now it
says project manager to top.
Maybe we should give it a title.
So here I can bar title is going to be the resources, and here it's our dot string dot.
And what was it, create, bought and of course, its resources that get string.
OK.
So that was it.
I hope you managed to get this more or less done or maybe fully done by yourself and in the next video,
we are going to add some more functionality.
So you can see there's still some.
Stuff to do here.
So let's test the plus button, create port.
OK, perfect.
See you in the next one.