Hey Guys I Hope You Guys Are Doing Well Welcome Back To the Android app development course Using Kotling and here we are learning to design the user interface, we have learned the basic inside the user interface, now we have to learn to create a complete user interface, that means a little- We have learned a little less: Text Edit Text Image View These are less, now we have learned to create a professional user interface, for that we should have a good idea about the layout, not only we should have a good idea but also we You should also know how to create a proper user interface by doing the layout, so now we are going to learn the same thing. Here we are going to create the user interface by doing different layers, so the way the course is going from beginners to expert level. In the same way, we will create the user interface in the same way. If we talk about the market, at this time, within the market also, we would do the linear load, and after that, the frame layout, table layout, all these lets were given to him, so the In the same way the market evolves, the apps also evolve. If you look at the user interface of Facebook in the beginning and look at today, there is a lot of difference in it. If you look at the user interface of Facebook in the beginning, then you are seeing on the screen. Something was not so interesting, you can see some of the icons here and now see that the user interface of Facebook has become very cool, then Gas Android Studio has also evolved itself in the same way, now we have lifted the constraint. And in all the Android apps that are being made these days, only constant people are used to make them, but if you go inside any company, then there are pre-made apps also, so they also have to be edited a little. The word can be to see something, the word can be some particular, is it small or not to do, then for that you should have an idea about relative layout, linear layout, frame layout, table layout, then gas step by step, we will move here and first of all . Here we will learn about relative lead in details Pops Gas If you have an idea of how some of the upcoming developments are going to happen then we will learn about them Gas Relative Play Out Linear Layout Not much time will be spent here Table And we will touch them a little in the frame, after that we will learn the constituents or them well and by doing the constraint layout, we will also make a lot of layouts, so gas without wasting other time, we start learning about reality layout . We will go to Google because everything is available on Google and here we will not tell you about the speed of the line. In the future, if you have learned anything, then you will get an idea about how you can Google yourself. Simply, if I am here Had I written the relative layout, it would have given us a lot of different options, so now I have put the truth in the Android of these Androids, we have to learn about what is relative, so here we can see the definition: delegative. Layout is a view group. From the view group, you got the idea that we can place different views inside the relative. Here, we can place the children in the relative position inside the priority. Now next we see the position of H view. Can you specify as relative to sibling element? It is being said here that if there is a text view here, then you can put it on the other side. Now the same thing is written here, right is off, top is off, okay animation. Now we will explain this to you through K. Now, let me take a view which is on top of relative layout or bringing it to the top of relative, then it is easy. If we have taken it to the bottom, then for that also it has different properties inside the relative route. But one thing is here that on Reality Players, whatever attribute we have taken on the ride, we have taken it on the left, we have taken it on the top, we have taken it on the bottom, then we will have to give its ID here. If you remember, then Earlier we had reduced the linear a bit, then there the butt is becoming horizontal and automatic. Here it will be very important to give everyone's ID. Here we take a small scenario, there is a text view right in the center. Now this Text View: If you have gone above with any text view, then we will have to tell that this is the text view which is currently in the center. If you have gone above it, then how will we get the idea about it, for that we will first give the ID of the text view. Let me give it its ID, first text view, so now inside the above text view, we have created a You have to simply give the attribute of which ID you are on the right. Give the name of the ID here which I told you is ready. First test tube. Similarly, now we have to move a text view to the right. If you want, then you write the name of IIT on the right side, similarly, we have taken another view, we have taken it on the left, so you will take the laptop as that and if you want to take it on the bottom, then you have taken it on the bottom and ID in the middle. You will have to give a name, okay, you have got some idea, rest on Android Studio, we cover it in detail. Gas, now we have to create a new activity here, so for that, we will go to this place, okay. Right click here, new activity here and you know which activity we will take here, we will leave it by writing activity and activity and the name of it here is relative layout activity because you will also see the code below. If we want to give something, then we will keep the activity here and there so that it does not move here and there, we will reduce it and here we can see that we are getting constant layout, this has to be removed because here we will see the effect of relative layout. Okay, relative Leo, see this. You can see something like this, whatever we do here, within the reality itself, if we go into the design, then at number one, we can keep it something like this here also. Okay, don't keep it direct like this from here, if you keep a director, then there can be a problem. Now you see, here I have placed a button and then I have placed a text view. Okay, so you can understand what is being said by this. I would change it a little more. I think it's fine like this, now you can see the gas here, here I also change the color a little because what I want to show you, I want you to see it, then it will not be so difficult to explain to you, now you will know. It is on the bottom side of you, so what I have memorized in the desi way, let me share it with you relative. Here, the view which is above will be below on the user interface, okay, what is the van here, above? We will see this below on the user interface, so keep this thing in your mind because it happens at many places, here we go to Google, here we write the profile here, I open it here, if you see something At this place, you can see that this is the image which is above the cover above, it is okay, so if we take it and put it below, then we did not even notice this thing or not, okay, so many pictures, go back . So you should have an idea that what is above inside the code inside the royalty layout will remain below on the user interface. Okay, so if you have to put the profile picture on top, then take the main here, if you have cover and profile, then the cover one is less. If you want to do it here, then you will have to do the profile thing below it, still you will get to see the profile above. In this way, the thing starts downloading, so you have to spend time here, okay, then we will meet you there. But after all these things have been sorted out, we get to see such times when we are implementing something new in our user interface. We have tried it, hence we are seeing a little delay, but not a stressful one. It is not a problem, it is a normal thing, if you are becoming an app developer and I see this thing, gas, this problem is sorted out, so now wherever you look, look at this place here, this concept is clear to you, it is okay. Yes, you should not have any confusion in this because while doing a layout, we have to make a complete level, so this could be your issue, if it will not come from now, then the gas will now move a little further if we want this text view. If this text view appears on the right side , then how will it appear? If you take simple text here, then here we will see the ID. Now we want to write the counting as 123456. Okay, so what will I have to do for that? This one. You will have to move the text view to the right. If the text view is fine then I turn it off in caps lock. I have to do it right here, you can see the right option here, I will have to give the ID for the ID @ + ID and can be seen here, here we can see the option of any ID, we have to do space with control, we can see whatever ID we have given here, we can see all of it here. gone ok text view is ok Here we have given the ready different history meaning, okay, write a little more, then this problem will be sorted, now you can see with the van, it has been written that I walk in the design and like this you do it and together. Let's do the design and blue print, okay , you will get the idea that you can see this, there are 142 views, let's split it a little, now you know the tax size, make it big and small, now on to the rights, that's it, okay now I If I want to write three then it will be on the right side of 32, okay remember this, not on van, I will give the control to someone, okay this text view [music] If you want to give it then try it, sorry this right off. This was copied inside it, okay, something like this should be inside, okay, it is on the top left, I have to put it on the right, which one will I put on the right, I can see it in text view 2 , if still here. But if you face any problem, then you have to come here, copy the ID and paste the ID here, okay, go to the design , I will give you some settings in between, go to the attributes here and paste them, okay. It is starting here , I will have to give its ID, I will copy the ID am right, and here I will have to give the ID, you can see that the ID has to be given here in something like this, so it is at this place, you can change the text inside it. You may be, we are making some layouts here, I assume a cover has been made, a profile has been placed here, okay, do it, okay, now we simply have to see what can be there inside it, views, you must have seen tally play. I have gas here, if you look, okay, inside the relative play out, if we were to read this creation, then we can see that below this view, there is this view, then below this, this one is also less, so we should come, otherwise what would we do for that. So here we have to bring it under the van, so we can see its ID, what is the ID of the van, then click on it, you can see the automatic [music], if you want to reduce this one, then you can do it now, rest. Friend, whatever margin is to be seen in the middle, is it the margin or the rest remains the same? Give the margin at the top. The changing is not so much. Right from the start, you can give whatever margin you want. Now, let me give this text view. Let me give you a margin of Rs 120, okay, now what do I have to do here, I want you to go to this place, so he is telling me, brother, I am already at the top, okay, so at the same time, these limitations will give you the reality . You have to look inside the butt, we have started it without running it, otherwise it will not work otherwise now the text views below, you can also comment on them, if I comment with control friends slash, then it looks like it will be remote. I get the rest deleted from here, now we have to run the layout, you know what I will do for that, I do all these once, okay, I will keep one more and remove the rest, I will do it in the design. Yes, it will open soon, all three have been selected, shift down [music] Here the layout center is horizontal , you can see the concept of true falls in all these, your view has gone to the center, now here we will simply take whatever will be there in the second tax. This text will come above, below, right, left, okay, this text view is gone, now you can do it, yes, now you had to bring it, okay, your ID and your loved one's ID, text view is okay, so now you have to see this here. But the thing to be remembered is that this has become true, now it has gone to the bottom of the parent, what is its period, relative play out, rarity, the height and weight of play out is match parent, match period means he has kept all this layout at home. Now simply this text is blue, it has gone on the parent. Parent means this complete reality and this something has gone on this place. Okay, so to make it responsive, we should have an idea about these attributes. Now if it is on the bottom, then bottom. Along with this, we also see the other thing with Control Donkey and look here it is gone, after that there are 4 remaining attributes, left is done, you must do right, it gets completed because all the concepts given till now are dry for you now. Looks like let's make something eye opening. Right now it will be quite dry and stressful for you. If you make the layout then you will enjoy a lot and the theme of Neat Roots is 'Get Easy' so get easy while being with us, get relative. Now let's create a small activity here or you can simply create a load file. Okay, take the external resource file here, it will not run if we go and create the resource file. You will also be told how we can make separate [music] means, if we make this 1234 items, then first of all we will need an image of similar type, so for the image we will have to Google, for this we will Here we write the password, okay yes, look here, there are different types of letters, you must have got the idea of what the illustration means, there is a password written here, then there is an image, then something like this. If you want to make it less funky, then we write the registration, okay now copy it, rest friend, it will not match 100% because every app has a designer, the designer designs the thing properly and gives it, it may be premium but ours is less. We have to learn them and Sam ho Sam ho working well, it becomes ours. Okay, so this is a little more cream, but the copyright is coming here, on top of that, we copy the image, we have to remove the background of it because we have purchased the same. Which is a professional purchase, control beef, I have done it, you can see, I will remove and download, I will go to this, I will copy this and now I will have to paste it in Android Studio, for that we are here, control will also be OK and here I'm going to keep its name or this is the illustration of the password, keep that, okay, I click on the project and here I put an image view, okay and this is on, okay, this is where I want to see. Look at its size, it is quite big, so again I will click here, I will remove it here, okay, now look at this a little bit, it has made a difference, rest of the friends, here we go, if you can see the margin also on this. And it looks like a very big image, so you will have to pay us all the margin. Well, the customer sets its height to fit thumb, we make its height, it is something like 200, I searched from here, the password will be found here, okay you. Here anyone can do it and can see that it is uploaded, I have the background, I download it absolutely accurately, I write it here and show it in the folder, we will get something like this but in the evening, it is simply from here. We will correct the height and weight a little, something like this, okay, we will get it done perfectly, now I come here, double click, okay, I will control G, I will come here, I will get it done on Tribal in Android Studio, you know. Here we have to write small alphabets and here you can see the image, we are getting the height here, we can adjust it a little as per our requirement, 250 DP is absolutely perfect, if you come here, something like this. There is a margin from the top, there is a margin from the left as well, so open the margin here, okay margin, this will be its layout margin, one is from the top, 100 dp, okay, that's enough, put 50dp from the left and one from the right. Edit text, okay, now while doing it in the editor, so what is coming here on the first number, okay, something at this place , so I will do this by doing the image view control C and copy the ID and sorry role C, select the one in the middle. I will bring it down, I have to bring it below, I have to bring it below, okay, you can see the image below, now again what do I have to do, I have brought it down, okay, once we complete our views, then next. We will reduce one, we also need a button, here I will come in the design, after picking up the butter, here was my field, okay and whose button should be blocked, by doing text passport control But it's okay, the rest friend, whatever is his height and weight, we will have to match the multiple of what is going on in the design, we will match the period, okay, these are completely correct and Let's see what is there with it, the margin from right and left is okay, now we need margin from both right and left, so we will come here in March and then give left or start it, okay and Here the butt is given, here a little margin is given for less, here the margin is little, then the margin is given. It has to be given, okay, the rest friend, this thing also happens, neither I, who is sitting on my Sigma, nor this designer, now friend, inside this, the plants which I have taught to the driver left and right are taken, but before that, we will give the pending here inside these. There is a little bit, the way you see here, there are more of them, so friend, the way you keep doing this, this practice will continue to be correct, you will give two, you will give 4, you will give 5 weddings, but slowly, slowly, your hand will be set [music] because your possible. It looks good and I am not giving it because the color of the toolbar will also change and there will be a lot of different colors. Here we have to make the layout for reality also for linear and then less inside the constant. If you want to do this, then you are seeing this less Martin because dear, you can keep doing it as much as you want, but in the one which is going above the attribute, if any view is coming below, then it is something like this, we can reduce it here, right of left. How to go to the center of off and parent, then all these concepts must have been clear to you in the layout, rest of this limit this, put the driver inside them, go to the driver left left right eye can, you can simply click on the icon. Do put the email icon here, put it here for the password, okay and I have to post it in the middle and if you type me, then I will reply to you there because if there is a problem, I will solve that too, but in my task. You can also post inside the Facebook group, you will get the link of the Facebook group in the description and you will be able to see the gas on the rest of the screen also. Now we will go into the depth of the topics because if we go deeper, then only our knowledge will be reduced. If we get a good grip on all the things, then the next video is coming, we are going to reduce our linear layout in the linear layout as well. If you liked this video, then do not forget to like the video and In the comment section, write the validity layout with routes, write the rest of the validity and further write your name or two. If you all want to comment, then we will know that the students are connected with us. Do it so that we get the same in we will meet in the Next Video. Take care until the next topic. keep Watching Neat Roots.
