‫Hello, my friends.
‫Now we are going to continue creating our Facey application and I will go to the activity, underscore
‫my index.html, and start editing our application layout.
‫So I will remove this text view and I will add another text view here.
‫Text view with ref content content id and you can make it as a text type.
‫Text one
‫gravity would be center
‫margin top.
‫Margin top.
‫52 DPI text color.
‫It's.
‫White and black and the text size would be 28.
‫SB And we can put like some constraint.
‫I will write them here constraint.
‫Constraint.
‫Horizontal strain puts constraint.
‫Horizontal virus 0.7 at 4.98.
‫It's good add to start off.
‫Parent and I will use top of
‫up to top off parent.
‫This is the text you can see if I put text here.
‫Hello.
‫You can drag and drop it also.
‫So instead of your writing like this goes on so you can put it like this.
‫You can drag and drop it.
‫This is good.
‫Now I will add a button and an image of you.
‫So button
‫id sorry.
‫The width would be the rap content and content.
‫The ID would be camera.
‫Underscore the end button and the text would be a camera.
‫I will drag and drop it here.
‫Add some constraints to task, but button
‫and I will add the image view here.
‫Image view.
‫Image view starting with like at like 160 DPI.
‫It's good and 180 we can, we can adjust these numbers later on when we test our application ID image
‫view.
‫Okay.
‫To top off
‫ID camera button.
‫And end.
‫To end.
‫End to end of fair.
‫And start to start off.
‫Fair enough.
‫And the bias, horizontal bias would be 0.5.
‫Or you can adjust this by dragging, dropping like this.
‫Or to top off to like.
‫The off camera at the bottom.
‫You see, guys, you can either adjust it by the codes or you can drag and drop it.
‫This is the power of using the constraint layouts.
‫Now I will use the CRC compact.
‫Or you can display whatever you want from this image.
‫Like a test for your image view.
‫But it's clear that this box is for the image of you.
‫This box for the camera.
‫And this box is for the text.
‫Now we have finished our main activity layout.
‫I will create another layout.
‫It's called the fragment.
‫The results lay out.
‫I will create here your resource layout.
‫Called fragment score result dialog.
‫I will go in split mode
‫and I will add a relatively out inside this constraint layout with match parent or app content margin
‫start.
‫20 DPI
‫margin and 20 DPI start of.
‫Constraint end to end to end of parent and to start off.
‫And also and top to top of Tarrant.
‫I closed.
‫This is relatively out that we are going to add later on some relative layout, some widgets inside
‫the relatively.
‫So what we are going what are the widgets that we are going to add inside this relatively out.
‫These are the text of you and the but so I will start with the text view.
‫Text view here with is match parent wrap content for the hide ID dialog.
‫Margin top as 16 DPI.
‫The gravity is center and the text as phase detection.
‫Or I can make it like this.
‫ML Phase detection text color would be black and black text size would be 20 XP.
‫And I will add.
‫Okay.
‫Some constraints inside this layout.
‫I will.
‫Make like this.
‫Okay, I'm adding the constraints.
‫Or you can see the attributes here.
‫Now.
‫I will copy these attributes.
‫Copy and paste it here.
‫And this is good.
‫Now another widget button for app content wrap content ID is OC button margin top
‫20 DPI margin button.
‫Five.
‫P formed family sans serif.
‫Black and text equal.
‫This is good.
‫Now below I will make it as below the ID.
‫Then look.
‫And the text color will be white.
‫I love the white with purple.
‫And I will copy this.
‫Would these attributes the parent to start off the parent and to button off to
‫to button off.
‫ID dial.
‫This is good.
‫This is the.
‫This is the face detection text and this is the button.
‫Okay, so this is our fragment result dialogue and this is our activity main layout.