1

00:00:11,280 --> 00:00:17,520

High students in D.C. it's going to actually go ahead and create app number 10.



2

00:00:17,520 --> 00:00:23,610

So I just want to actually update the original tutorials that we have inside the Android course.



3

00:00:23,820 --> 00:00:29,360

So let's go ahead and create a new Android studio projects or just click on Start in your Android studio



4

00:00:29,370 --> 00:00:33,760

project and the application name is going to be app number 10.



5

00:00:33,930 --> 00:00:35,470

You can name it whatever you want.



6

00:00:35,760 --> 00:00:41,430

And then you can specify the company domain package name and the product location services next and



7

00:00:41,430 --> 00:00:47,750

that here for the minimum allocate who's AP 16 Android 4.1 Jelly Bean for phones and tablets.



8

00:00:47,760 --> 00:00:52,400

So this really connects and he has two basic activity next.



9

00:00:52,790 --> 00:00:57,250

And here you can specify activity namely the name title and the menu resource name.



10

00:00:57,330 --> 00:01:00,250

So I suggest that you actually don't change these settings here.



11

00:01:00,270 --> 00:01:02,960

These names and then just click on finish.



12

00:01:03,420 --> 00:01:05,560

So let's wait a little bit here.



13

00:01:10,140 --> 00:01:13,650

So now as you can see here I've got these errors



14

00:01:19,150 --> 00:01:22,430

on as you can see the problems are now actually solved.



15

00:01:22,560 --> 00:01:28,480

I just need to wait a little bit here so that they are rendering problems are actually disappeared.



16

00:01:28,680 --> 00:01:33,510

But if you are encountering these problems you just need to click on built at the top and then and then



17

00:01:33,510 --> 00:01:35,470

click on rebuild the project.



18

00:01:35,860 --> 00:01:43,140

And if the problem is not solved if the errors actually appear here you just need to close the Android



19

00:01:43,140 --> 00:01:45,430

Studia completely and then open it again.



20

00:01:45,960 --> 00:01:52,380

And if the problem is not solved again you just need to create another android studio project and name



21

00:01:52,380 --> 00:02:00,690

it of it or other after the names don't use the same name that you are using here for your project name.



22

00:02:00,960 --> 00:02:08,160

So now that now that we have this lay out here as you can see in the left folder we have two exemplifies



23

00:02:08,490 --> 00:02:14,250

the first one is activity underlaid minute segment here and the second one is content under light minute



24

00:02:14,340 --> 00:02:15,090

segment.



25

00:02:15,120 --> 00:02:20,740

So inside is activity underlying adicts them in here we just we can just delete these floating action



26

00:02:20,760 --> 00:02:25,350

buttons so just select select this faluting action button here and then press and delete key on your



27

00:02:25,350 --> 00:02:26,080

keyboard.



28

00:02:26,400 --> 00:02:30,420

But here we cannot delete this hello world view.



29

00:02:30,720 --> 00:02:36,110

And we cannot also design the user interface yet in order to design the user interface.



30

00:02:36,120 --> 00:02:40,600

We just need to double click on this content underlying mental image here.



31

00:02:41,100 --> 00:02:47,350

So let's close this activity underlaid minute example and let's say like this Hello world takes view



32

00:02:47,670 --> 00:02:50,570

and then present it here on your keyboard.



33

00:02:50,580 --> 00:02:54,780

So now let's design the user interface of our application.



34

00:02:55,020 --> 00:02:58,790

So first of all I want to actually change the layout here.



35

00:02:58,800 --> 00:03:02,230

The main layout that we have here inside the screen.



36

00:03:02,400 --> 00:03:06,020

So at the bottom you can see this text tab here right.



37

00:03:06,030 --> 00:03:13,310

So just click on it and here you can see the actually the example code of our design.



38

00:03:13,320 --> 00:03:17,260

So let me actually DoubleClick and this tap here content under a limited example.



39

00:03:17,490 --> 00:03:23,010

In order to actually make this area wider and here at the right hand side you can see this preview.



40

00:03:23,010 --> 00:03:27,390

So now we can see this preview let me actually make it a little bit smaller here.



41

00:03:27,460 --> 00:03:32,610

So now as you can see we have a relatively out I don't want relatively.



42

00:03:32,650 --> 00:03:38,970

I want to change it to linearly out so just select is relatively out here and just type in here linearly



43

00:03:39,150 --> 00:03:40,440

with capital L.



44

00:03:40,680 --> 00:03:46,470

So as you can see the auto complete feature of Android studio is helping us to choose this linearly



45

00:03:46,470 --> 00:03:46,850

out here.



46

00:03:46,860 --> 00:03:50,060

So just select it and then present it on your keyboard.



47

00:03:50,400 --> 00:03:57,510

So now this layout is actually changed to linearly out right instead of relatively out but still we



48

00:03:57,510 --> 00:04:03,060

have a problem and the problem is actually about the orientation of it linearly out.



49

00:04:03,210 --> 00:04:09,390

So because we have a linear leave out we actually need to specify the orientation of our linearly out.



50

00:04:09,810 --> 00:04:13,300

So let's add an attribute to this linearly out here.



51

00:04:13,500 --> 00:04:21,540

So after these padding top here or after this find or attribute this one and before the ending Heike



52

00:04:21,890 --> 00:04:28,590

of these linearly out here I going to just type in here orientation and the autocomplete feature is



53

00:04:28,590 --> 00:04:32,530

helping me to choose this option and that person and tell on your keyboard.



54

00:04:32,550 --> 00:04:38,410

So now we have two options horizontal or vertical which was vertical and horizontal on your keyboard.



55

00:04:38,610 --> 00:04:45,120

So now the error is gone and the orientation of our linear layout is now vertical and this means that



56

00:04:45,120 --> 00:04:50,200

the user interface components are going to be positioned below each other.



57

00:04:50,250 --> 00:04:51,450

OK vertically.



58

00:04:51,690 --> 00:04:54,650

So at the bottom just click on this design tab.



59

00:04:54,780 --> 00:04:57,520

So now let's design our linearly out here.



60

00:04:57,520 --> 00:05:02,520

So now let me actually make this idea a little bit wider so that you can see that.



61

00:05:02,520 --> 00:05:06,910

Now we changed they're relatively old too linearly.



62

00:05:06,990 --> 00:05:11,870

Here inside is componentry section you can see that here and now.



63

00:05:11,970 --> 00:05:18,790

So let's actually drag our linearly out horizontally into this linearly outward ticket.



64

00:05:19,020 --> 00:05:25,420

So inside this pallet section this actually serves four layouts so we can see these layouts for there.



65

00:05:25,770 --> 00:05:35,400

And now let's actually select this linearly horizontal and now just drag this linearly out horizontal



66

00:05:35,700 --> 00:05:38,940

into our linearly out vertical here.



67

00:05:38,970 --> 00:05:42,300

As you can see we can see these aren't colors here.



68

00:05:42,300 --> 00:05:46,950

So now I am inside Iselin nearly Athletica right and now just release it.



69

00:05:47,280 --> 00:05:51,660

So here we actually released our linearly authorities onto it.



70

00:05:51,720 --> 00:05:56,280

So now you want to change the attributes of this linearly out horizontal.



71

00:05:56,280 --> 00:06:02,710

So just select it linearly horizontally inside is componentry section here and here inside these are



72

00:06:02,730 --> 00:06:04,650

properties section.



73

00:06:04,680 --> 00:06:07,800

Now I can change the layout Viets right.



74

00:06:07,830 --> 00:06:13,290

So you want to lay out weeds to match parent and match Penates means that it's going to actually take



75

00:06:13,800 --> 00:06:22,370

the entire space here the entire way that we have say the parent but you can see these spaces here these



76

00:06:22,820 --> 00:06:27,080

distances between these linearly and horizontal and the linearly and vertical hit.



77

00:06:27,110 --> 00:06:32,930

And this is because of the padding attribute that is set for this linearly out where's the car.



78

00:06:33,050 --> 00:06:38,410

So at that point if I actually click on this text up here you can see that it is linearly out vertical



79

00:06:38,420 --> 00:06:45,200

here has these attributes here these padding attributes padded top padding top padding left padding



80

00:06:45,200 --> 00:06:53,510

right padding on top and you can see that the padding is 16 DP for all the directions.



81

00:06:53,660 --> 00:06:59,860

So that's why you can see these distances these spaces here between these linearly as horizontal and



82

00:06:59,970 --> 00:07:01,400

patently out.



83

00:07:01,490 --> 00:07:07,870

So in say the componentry section you can see that we have the parot lay out which is these contents



84

00:07:07,870 --> 00:07:12,310

maynt are linearly out vertical and we have a child out.



85

00:07:12,350 --> 00:07:13,010

Why.



86

00:07:13,010 --> 00:07:19,670

Because this linearly out horizontal that we dragged to this linearly or vertical is going to be a child



87

00:07:19,730 --> 00:07:23,510

of these linearly out vertical here.



88

00:07:23,570 --> 00:07:31,770

So now when I actually say that the layout of this linearly out horizontal is actually match parent.



89

00:07:31,910 --> 00:07:38,570

This means that it's going to take actually the entire seat of the parent but not including DS or paddings



90

00:07:38,600 --> 00:07:40,320

because that is actually a pattern here.



91

00:07:40,400 --> 00:07:44,570

So it's not if we are not allowed to actually take these spaces here.



92

00:07:44,720 --> 00:07:50,450

So we have to match parent here but now for the length of height I want to actually assign the value



93

00:07:50,450 --> 00:07:52,120

or wrap content.



94

00:07:52,160 --> 00:07:58,850

So as you can see this is now match parent and it's going to actually take the entire height of the



95

00:07:58,850 --> 00:07:59,300

parent.



96

00:07:59,300 --> 00:08:05,550

Here you can see but I don't want this or you want to set the height to be wrapped content and that



97

00:08:05,570 --> 00:08:12,820

content means that that height is going to be determined according to the height of the content that



98

00:08:12,830 --> 00:08:16,170

we actually put inside this linearly or horizontal.



99

00:08:16,340 --> 00:08:23,140

So if we actually set up content for the lay out height here inside this property section for the day



100

00:08:23,140 --> 00:08:28,920

and height just say in here wrap content and then press that on your keyboard.



101

00:08:29,150 --> 00:08:34,450

Or you can just click on this little button here and change these attributes match panel or the content.



102

00:08:34,550 --> 00:08:41,680

And now we can see that we have this layout height it is now set to that content so you can see only



103

00:08:41,680 --> 00:08:47,700

a line here because we don't have any components inside linearly or horizontal.



104

00:08:47,750 --> 00:08:54,980

You can see that content here attribute is set for this layer on top and we can't see any other components



105

00:08:54,980 --> 00:08:57,380

inside these linearly or horizontal.



106

00:08:57,530 --> 00:09:03,700

So let's actually put some user interface components into this linearly and horizontally.



107

00:09:04,010 --> 00:09:06,110

So let's see how we can do that.



108

00:09:06,110 --> 00:09:12,610

First of all I want to drag our text view into this linearly and hold on to it here.



109

00:09:12,740 --> 00:09:18,780

So again inside this palette section and you can see that we have these widgets for them right.



110

00:09:18,830 --> 00:09:25,770

So just selectees takes a view here and just you can drag it into this linearly and these are two.



111

00:09:25,790 --> 00:09:31,320

And it is going to be very hard in order to put it here inside these linear thought is on top.



112

00:09:31,460 --> 00:09:37,970

So I can put it put it here I want to put this text view in say this linearly or horizontal right.



113

00:09:37,970 --> 00:09:44,390

You can't put it here or the easiest way is just drag it here into this componentry section and just



114

00:09:44,390 --> 00:09:47,120

put it inside is linearly out horizontally.



115

00:09:47,150 --> 00:09:52,580

And then you can see this little triangle here that is actually pointing to this linearly.



116

00:09:52,610 --> 00:09:55,340

What is that all these black little triangle.



117

00:09:55,730 --> 00:09:58,180

And here you just need to really see it.



118

00:09:58,190 --> 00:10:05,390

So now this linearly out horizontal has a new component text view.



119

00:10:05,720 --> 00:10:11,870

So if I open this linearly and horizontal we can see the states view here but you can see that the layout



120

00:10:11,870 --> 00:10:21,720

width of the pix view is actually Lappe content right at the height of this text view is also the content.



121

00:10:21,740 --> 00:10:23,950

So I want to change this value.



122

00:10:24,320 --> 00:10:33,110

I want to say that the layout of the text you're going to be counted I think rap counted is good for



123

00:10:33,110 --> 00:10:34,120

the lay out of it.



124

00:10:34,370 --> 00:10:41,880

OK so now let's add some more user interface components into this linearly and horizontal.



125

00:10:42,080 --> 00:10:48,880

So again inside this pallet section let's actually track an order.



126

00:10:48,980 --> 00:10:52,100

It takes you into these linearly or horizontal here.



127

00:10:52,100 --> 00:10:59,840

So again selectees takes view here and just straight here into this componentry section and go and just



128

00:11:00,050 --> 00:11:05,840

hold it over this linearly and horizontally just put it inside it's linearly or horizontal or you can



129

00:11:05,840 --> 00:11:10,630

actually just put it here below this takes you that is actually the inside of this linearly Alto these



130

00:11:10,630 --> 00:11:17,090

are two because I want to put this text view beside this of first takes that we have here.



131

00:11:17,090 --> 00:11:24,770

So just release here and now you can see that this section takes view is actually inside is linearly



132

00:11:24,770 --> 00:11:25,490

out horizontal.



133

00:11:25,490 --> 00:11:29,930

And it is actually on the right hand side of this first x view.



134

00:11:29,930 --> 00:11:37,320

So selectees takes you to here and now again you can see that the layout of it is actually wrapped content



135

00:11:37,350 --> 00:11:39,320

and the layout height is up content.



136

00:11:39,320 --> 00:11:40,970

So it is good for now.



137

00:11:41,190 --> 00:11:45,000

Let's add an image you into this linearly on horizontal.



138

00:11:45,120 --> 00:11:45,870

Right.



139

00:11:45,870 --> 00:11:50,690

So now again Enceladus widgets for let's search for image.



140

00:11:50,760 --> 00:11:53,030

So you can not see this image view here.



141

00:11:53,220 --> 00:11:59,380

So in order to find the image you just need to scroll down here and you can see these images and media



142

00:11:59,600 --> 00:12:00,180

there.



143

00:12:00,240 --> 00:12:03,390

So we have this image viewer component here.



144

00:12:03,480 --> 00:12:10,320

So just select it and you can actually just drag it into this a componentry section and you can either



145

00:12:10,500 --> 00:12:16,870

just really sit here inside this linearly or horizontally and you or you can just put it here below.



146

00:12:16,890 --> 00:12:20,430

This takes you number two takes you two and then release it.



147

00:12:21,410 --> 00:12:28,610

So now it's going to actually open this window here for us and we must actually specify a placeholder



148

00:12:29,090 --> 00:12:30,240

for our image.



149

00:12:30,300 --> 00:12:32,490

So let's select this I still Lanter here.



150

00:12:32,560 --> 00:12:34,430

And then just click on OK.



151

00:12:34,460 --> 00:12:39,630

So now here we have this linear horizontal.



152

00:12:40,400 --> 00:12:45,550

And inside this linearly or horizontally we have this text view and text you too.



153

00:12:45,710 --> 00:12:47,670

And this image you write.



154

00:12:47,930 --> 00:12:53,430

So let's position these user interface components inside this linear they are horizontally.



155

00:12:53,510 --> 00:12:57,030

So now selectees takes you here.



156

00:12:57,050 --> 00:13:02,120

This first takes you so for the left feet I think rap content is good.



157

00:13:02,210 --> 00:13:06,490

So now you can see that the layout with the out height is actually good.



158

00:13:06,590 --> 00:13:08,400

Both of them is ALAP content.



159

00:13:08,420 --> 00:13:14,920

So we don't have to change these properties for this takes view and let's select selectees takes view



160

00:13:14,930 --> 00:13:16,860

here again it is good for now.



161

00:13:16,940 --> 00:13:19,750

But let's actually select this image view here.



162

00:13:19,860 --> 00:13:25,990

The layout is the content and the layout height is the content so I don't want to disrupt content here.



163

00:13:25,990 --> 00:13:33,560

If you were to hard code the values for this lay out and the length height so I'd want 50 DP for the



164

00:13:33,640 --> 00:13:41,940

out of this image view and I want 50 DP for the length height of this image view and the person interchangeable



165

00:13:42,020 --> 00:13:42,430

keyboard.



166

00:13:42,530 --> 00:13:46,370

So 50 dpi for the outfit and 50 definitely at height.



167

00:13:46,370 --> 00:13:55,200

So now let's select this takes view here and now for the layout let's assign the value 0.



168

00:13:55,280 --> 00:14:00,020

Don't change the layout height only the layout of it is 0 8 0 DP.



169

00:14:00,530 --> 00:14:04,160

And now let's actually find the vate attribute of this takes.



170

00:14:04,200 --> 00:14:07,240

Also at the bottom it says Click View all properties.



171

00:14:07,250 --> 00:14:08,860

So just click on it.



172

00:14:08,900 --> 00:14:13,690

Now let's search for the vate attribute as you can see we have this layout.



173

00:14:13,730 --> 00:14:14,580

Wait.



174

00:14:14,680 --> 00:14:15,350

Right.



175

00:14:15,740 --> 00:14:19,350

So for the layout of it as you can see it is now one.



176

00:14:19,520 --> 00:14:22,130

Let's change it to 100.



177

00:14:22,730 --> 00:14:26,020

So now you can see what does this mean 101.



178

00:14:26,170 --> 00:14:27,190

Means what ever.



179

00:14:27,200 --> 00:14:35,040

Space remains between this view and this takes you is going to be allocated only for this.



180

00:14:35,120 --> 00:14:37,310

That takes you view here.



181

00:14:37,460 --> 00:14:37,900

Right.



182

00:14:37,910 --> 00:14:46,320

So are you actually not is here for the layout we are assigned to values zero of this for this takes



183

00:14:46,370 --> 00:14:47,400

you here right.



184

00:14:47,510 --> 00:14:56,180

But for the layout of 8 I'd assign the value 100 and 100 means that take what ever we at that is actually



185

00:14:56,180 --> 00:14:59,750

here that is remaind between these two components.



186

00:14:59,750 --> 00:15:06,800

This takes you and this image for you so you can see that the stage is here and this image view is is



187

00:15:06,800 --> 00:15:07,410

here.



188

00:15:07,460 --> 00:15:09,500

So let's select this text view here.



189

00:15:09,500 --> 00:15:11,280

This first text view.



190

00:15:11,550 --> 00:15:14,990

And now I want to change the text of this text view.



191

00:15:15,260 --> 00:15:18,440

So for the text of this dispute Let's step in here.



192

00:15:18,440 --> 00:15:23,960

Number one colon and then person enter key on your keyboard.



193

00:15:24,410 --> 00:15:26,380

And we have these takes.



194

00:15:26,480 --> 00:15:27,300

Here.



195

00:15:27,530 --> 00:15:30,370

Let's delete the text of the state's view.



196

00:15:30,450 --> 00:15:36,440

So select is text attribute here and then just delete this value and then press enter key on your keyboard.



197

00:15:36,710 --> 00:15:42,690

And we have also this image viewer so 50 dpi for the layout tweets and fifty dpi for the length height.



198

00:15:42,710 --> 00:15:46,670

So we're going to actually add images to this application in a moment.



199

00:15:46,680 --> 00:15:47,820

Don't forget about that.



200

00:15:48,080 --> 00:15:51,780

But let's selectees takes you here this number one text view.



201

00:15:52,010 --> 00:15:55,040

And now let's increase the front of this.



202

00:15:55,040 --> 00:15:56,950

It takes you here the text of this text.



203

00:15:56,960 --> 00:16:02,260

You scroll down here and find the text font attributes here.



204

00:16:02,270 --> 00:16:07,380

So let's actually find it take actually the text size.



205

00:16:07,400 --> 00:16:10,950

So I want to increase the text size of this text view.



206

00:16:11,000 --> 00:16:12,920

So let's change it to 24.



207

00:16:12,940 --> 00:16:16,560

Espie I think now it's good.



208

00:16:16,560 --> 00:16:22,850

And now I can actually just put it here and we have this text view.



209

00:16:22,880 --> 00:16:26,330

You can also increase the text size of the states.



210

00:16:26,330 --> 00:16:32,300

So let's scroll down here and let's find the text size attributes here and you can actually change it



211

00:16:32,300 --> 00:16:35,510

to for example 18 s.p.



212

00:16:35,540 --> 00:16:38,760

So this is going to be the text size of this text view.



213

00:16:39,200 --> 00:16:43,540

And now let's specify the ID for these user interface components.



214

00:16:43,610 --> 00:16:49,850

So let's select this number of on text view here and just scroll to the top and you can see this ID



215

00:16:49,850 --> 00:16:51,320

attribute here.



216

00:16:51,740 --> 00:16:59,300

But let me tell you that we don't have to actually assign an ID to this view because we are not going



217

00:16:59,300 --> 00:17:03,440

to actually interact with this text view from our Java code.



218

00:17:03,450 --> 00:17:06,820

So we do not have to specify an ID for the through.



219

00:17:06,950 --> 00:17:13,550

So let's second this second takes few here takes you through and let's find the idea attribute so because



220

00:17:13,640 --> 00:17:17,160

I am going to interact with this takes you from our Java code.



221

00:17:17,330 --> 00:17:20,470

I am going to specify an ID for this takes you here.



222

00:17:20,470 --> 00:17:28,660

So here he is the number one as the id of this takes you right.



223

00:17:29,020 --> 00:17:32,290

And now let's actually specify an ID for this image view.



224

00:17:32,360 --> 00:17:41,450

So let's select this image view and then here for the ID just tape it here I m g dice I m g Theiss number



225

00:17:42,140 --> 00:17:42,760

1.



226

00:17:42,980 --> 00:17:47,130

So this is going to be the ID of this image of you here.



227

00:17:47,150 --> 00:17:48,050

Right.



228

00:17:48,200 --> 00:17:50,580

And then person enter key on your keyboard.



229

00:17:51,620 --> 00:17:55,570

So you specify an ID for this takes you x number one.



230

00:17:55,580 --> 00:17:58,080

And this I named the dice number one.



231

00:17:58,100 --> 00:18:04,520

So now we need to actually add an orderly nearly horizontal into our linearly out vertical.



232

00:18:04,610 --> 00:18:10,560

So let's close this linearly out horizontally here inside this componentry section.



233

00:18:10,900 --> 00:18:15,930

And now let's actually scroll to the top here.



234

00:18:16,160 --> 00:18:22,940

I think let's actually find out for that here and let's select this linearly or horizontally again and



235

00:18:22,940 --> 00:18:29,380

drag it here into this linear layout vertical and below this linearly or horizontally that we put here.



236

00:18:29,570 --> 00:18:36,560

So just release it here inside is linearly aesthetical and again you can see that they lay out which



237

00:18:36,650 --> 00:18:41,120

is mass parent and the height is much apparent for this linearly or horizontal.



238

00:18:41,120 --> 00:18:44,720

So let's change them for the layout which is much permanent.



239

00:18:44,720 --> 00:18:50,580

It is OK it is good but for the last height assigned a value map content.



240

00:18:50,840 --> 00:18:51,660

Right.



241

00:18:51,910 --> 00:18:57,560

And now let's actually write a text view into this linearly out horizontally.



242

00:18:57,680 --> 00:19:04,790

So inside this palette section and inside these widgets folder here just select this text view and just



243

00:19:05,240 --> 00:19:09,790

drag it here into this componentry section and just put it here.



244

00:19:09,840 --> 00:19:13,260

So this section linearly or holding on to that we have here.



245

00:19:13,300 --> 00:19:13,640

Right.



246

00:19:13,760 --> 00:19:18,140

And then release it and it's open this linearly and horizontal.



247

00:19:18,140 --> 00:19:23,270

So just select this text view here inside linearly at heart isn't all.



248

00:19:23,270 --> 00:19:28,850

So we don't have to actually specify an ID for this text view because you're not going to interact with



249

00:19:28,850 --> 00:19:36,410

the states we're here but our forta actually text attribute let's find the text attribute here inside



250

00:19:36,410 --> 00:19:39,860

this property section and just type in here.



251

00:19:39,860 --> 00:19:45,370

Number two for the text column and that person into on your keyboard.



252

00:19:45,380 --> 00:19:51,020

So now let's increase the font size of this text view the text of this takes you actually so let's scroll



253

00:19:51,020 --> 00:19:57,300

down here inside this peper property section and you can see this text size attribute here.



254

00:19:57,320 --> 00:20:06,440

So just click on it and just select 24 espie for the text slice here of this number to text view.



255

00:20:06,480 --> 00:20:08,850

Now you can see that lay out.



256

00:20:08,910 --> 00:20:10,790

And then the height is ALAP content.



257

00:20:10,790 --> 00:20:12,190

This is very important.



258

00:20:12,620 --> 00:20:18,680

And now let's actually track another takes you into this linearly are these are also inside these widgets



259

00:20:18,830 --> 00:20:19,570

folder.



260

00:20:19,640 --> 00:20:26,270

Select is Tayseer here and just put it here inside this linearly or horizontal and below this takes



261

00:20:26,270 --> 00:20:27,600

you here right.



262

00:20:27,770 --> 00:20:31,340

And then really sit selectees takes you here.



263

00:20:31,680 --> 00:20:37,050

And for the ID just select this ID attribute this text view for the idea you're.



264

00:20:37,070 --> 00:20:40,830

Here he asks the number two.



265

00:20:41,090 --> 00:20:43,310

And then for a slant enter on your keyboard.



266

00:20:43,340 --> 00:20:46,330

So this is the idea of the state's view.



267

00:20:46,370 --> 00:20:49,970

So for the text list actually deletes the text of this text view.



268

00:20:50,360 --> 00:20:54,350

Let's find the text size attribute of the state's view.



269

00:20:54,500 --> 00:21:00,620

So here for the text size attribute just select 18 Espey.



270

00:21:00,840 --> 00:21:07,000

And now for the lay out which of these takes you assign the value zero.



271

00:21:07,140 --> 00:21:08,390

This is very important to zero.



272

00:21:08,400 --> 00:21:15,290

DP person and that person entered on your keyboard for the tweet and we have this lay out what lay out



273

00:21:15,300 --> 00:21:16,420

wait attribute.



274

00:21:16,540 --> 00:21:23,340

So for the lives of fate assigned a value of 100 DP and then person enter on your keyboard.



275

00:21:23,340 --> 00:21:24,410

Right.



276

00:21:24,510 --> 00:21:33,300

So it's going to actually take the entire space that is actually left up here between this number two



277

00:21:33,390 --> 00:21:35,490

and the image that you're going to put here.



278

00:21:35,640 --> 00:21:43,680

So now let's actually again go inside this pallet section and now let's actually find these images and



279

00:21:43,680 --> 00:21:50,340

media and select this image here just select it and track it here into this linearly out horizontal



280

00:21:50,400 --> 00:21:51,110

and below.



281

00:21:51,110 --> 00:21:55,650

This takes the number two and don't release it.



282

00:21:55,650 --> 00:22:02,360

So now you need to specify an image Holder actually to select this icy Lanter here and then press on.



283

00:22:02,370 --> 00:22:04,370

OK here and then click on OK.



284

00:22:04,380 --> 00:22:07,510

So now we have this image view here.



285

00:22:07,560 --> 00:22:08,290

Right.



286

00:22:08,310 --> 00:22:16,290

So to select this image view and for the ID for the ID attribute just type in here I am g is number



287

00:22:16,930 --> 00:22:20,630

two and then present enter key on your keyboard.



288

00:22:21,410 --> 00:22:28,350

And now for the layout of each of this image you've just assigned a value of 50 DP and then press an



289

00:22:28,360 --> 00:22:29,590

interview on your keyboard.



290

00:22:29,870 --> 00:22:38,950

And for the layout height of this image view here just assigned a value of 50 DP and then person entelechy



291

00:22:38,960 --> 00:22:39,860

on your keyboard.



292

00:22:40,030 --> 00:22:47,960

Right so now as you can see these components are not positioned correctly.



293

00:22:48,110 --> 00:22:54,110

This takes the number two takes is not taking the entire space that is actually the between this number



294

00:22:54,110 --> 00:22:55,210

two and this imagery.



295

00:22:55,220 --> 00:22:56,620

So what's the problem.



296

00:22:56,630 --> 00:23:00,410

So in order to solve this problem selectees takes the number two.



297

00:23:00,740 --> 00:23:04,490

And let's actually look at the late lay out which as you can see it is now raw content.



298

00:23:04,490 --> 00:23:12,240

So we actually must change this content to zero and in person and to you on your keyboard and the lay



299

00:23:12,240 --> 00:23:19,750

out rate is one hundred DP So I mistakenly used this DP here.



300

00:23:19,770 --> 00:23:24,590

So for the lay out weight we are not allowed to use Actually the DP here.



301

00:23:24,600 --> 00:23:28,770

So let's actually delete this DP So I mistakenly put this DP here.



302

00:23:28,800 --> 00:23:31,130

So that was the source of the problem right.



303

00:23:31,350 --> 00:23:35,470

And then again just one hundred and then person interview on your keyboard.



304

00:23:35,560 --> 00:23:38,670

And now as you can see the problem is solved right.



305

00:23:38,700 --> 00:23:44,540

So the problem was that deep that we actually specified for the lay out rate actually.



306

00:23:44,610 --> 00:23:51,180

So they lay out with zero ATP and the lay out with a 100 so nice can actually take the entire space



307

00:23:51,180 --> 00:23:55,670

that is left here between these number two takes.



308

00:23:55,710 --> 00:23:58,890

And this image inside is linearly out horizontal.



309

00:23:59,280 --> 00:24:06,130

So now you actually designed here this linearly and horizontal the so let's close this linearly omphalism



310

00:24:06,290 --> 00:24:07,620

and this one.



311

00:24:07,620 --> 00:24:14,030

And now we're going to actually add one more linearly out horizontal here into this in an Alianza vertical.



312

00:24:14,040 --> 00:24:17,810

So again let's actually go into this pallet section.



313

00:24:17,910 --> 00:24:25,650

Let's find out for there and let's select selectees linearly out horizontal and just drag it here into



314

00:24:25,650 --> 00:24:33,750

this componentry section and below it is linearly or horizontal or you can just put it here insert this



315

00:24:33,750 --> 00:24:38,960

linearly up horizontally and below it is linearly out horizontally here and then and then just release



316

00:24:38,960 --> 00:24:39,830

it.



317

00:24:39,840 --> 00:24:42,760

So again we have this linearly or horizontally here.



318

00:24:42,930 --> 00:24:45,440

So the lay out which is mass parent.



319

00:24:45,450 --> 00:24:46,260

It is good.



320

00:24:46,260 --> 00:24:49,780

So I don't want to lay out height to be match parent.



321

00:24:49,920 --> 00:24:54,990

So let's change the layout height here to wrap content.



322

00:24:54,990 --> 00:24:55,510

Okay.



323

00:24:55,740 --> 00:25:01,810

So the layout height of this linearly outhaul is not all here is now the content but the layout is much



324

00:25:01,810 --> 00:25:02,840

parent.



325

00:25:02,940 --> 00:25:06,910

So let's add a text view into this linearly out horizontal here.



326

00:25:06,930 --> 00:25:12,660

So inside this feature widgets folder to select the state's view and distribute here into this componentry



327

00:25:12,720 --> 00:25:19,550

section here and just put it here inside this linearly authorities that will open this linearly or horizontally.



328

00:25:19,650 --> 00:25:21,870

And then you can see the stakes here.



329

00:25:21,870 --> 00:25:25,360

So let's actually change the text of this view.



330

00:25:25,560 --> 00:25:35,010

So let's actually just put in a made as number three call and and present into the key on your keyboard.



331

00:25:35,040 --> 00:25:39,320

Let's increase the text size of this text here.



332

00:25:39,330 --> 00:25:46,320

So let's scroll down here and let's find the text size attribute and in here just assign the value of



333

00:25:46,320 --> 00:25:49,910

24 espie for the text size of the 6 view.



334

00:25:50,340 --> 00:25:57,260

And then let's actually write another text into our linearly output isn't it.



335

00:25:57,270 --> 00:26:00,240

So inside the speeches folder father select the stakes.



336

00:26:00,450 --> 00:26:05,880

And then just drag it here below this takes you here and inside is linearly or horizontal inside this



337

00:26:05,880 --> 00:26:09,150

camp componentry here and then release it.



338

00:26:09,150 --> 00:26:15,130

So now this takes you here is actually beside it takes you inside this linearly at what is on top.



339

00:26:15,420 --> 00:26:18,870

So now let's change the ID of this takes you.



340

00:26:19,020 --> 00:26:21,070

So this actually just typing here.



341

00:26:21,200 --> 00:26:26,020

He takes the number three.



342

00:26:26,550 --> 00:26:28,550

And that person into genial keyboard.



343

00:26:28,560 --> 00:26:33,910

So if we actually select this takes you here as you can see this is DXi number two.



344

00:26:33,910 --> 00:26:37,590

The idea is the number two and this one is takes the number three.



345

00:26:37,980 --> 00:26:39,630

Let's change the text here.



346

00:26:39,630 --> 00:26:44,970

So it's still it's the text of the state's view and then press on until and your keyboard let's increase



347

00:26:44,970 --> 00:26:47,180

the text size of the state's view.



348

00:26:47,460 --> 00:26:54,650

So let's find the text size attribute so this is the text size attribute so choose 18 is.



349

00:26:54,720 --> 00:27:02,900

And now let's actually set for the year out we assign the values 0 DP for the left and for the layout



350

00:27:02,970 --> 00:27:07,880

weight assign the value 100 and that person to enter on your keyboard.



351

00:27:08,070 --> 00:27:16,290

So now you can see that this text is now actually taking the entire space between these number three



352

00:27:16,290 --> 00:27:17,130

text view.



353

00:27:17,170 --> 00:27:24,660

And these are actually beat the entire width of these horizontal scroll view horizontal linearly as



354

00:27:24,660 --> 00:27:25,970

you can see here.



355

00:27:25,980 --> 00:27:30,060

So now let's add an image into this linearly or horizontal.



356

00:27:30,060 --> 00:27:37,140

So inside this palette section let's find this folder images and media and let's select this image view



357

00:27:37,170 --> 00:27:38,330

and strike it here.



358

00:27:38,340 --> 00:27:40,630

Below this takes the number three here.



359

00:27:40,890 --> 00:27:46,920

Inside it's linearly authorities are also just released selectees icy lantern here as the placeholder



360

00:27:47,070 --> 00:27:49,170

here then click on OK.



361

00:27:49,530 --> 00:27:51,830

So now we have this image view here.



362

00:27:51,960 --> 00:27:58,880

So for the layout of this image you assign the value of 50 and for the height of this image.



363

00:27:58,910 --> 00:28:04,000

Let's assign the value of 50 for the id attribute just type in here.



364

00:28:04,350 --> 00:28:14,550

I m g i m g dice number into dice a number or IMJ dice.



365

00:28:14,550 --> 00:28:17,530

Number for and that person intimately.



366

00:28:17,630 --> 00:28:21,840

So let's actually select this place as you can see this imagery.



367

00:28:22,040 --> 00:28:23,510

So this is in today's numbers too.



368

00:28:23,530 --> 00:28:27,360

And let's select this one and it is do this number for the number 1.



369

00:28:27,380 --> 00:28:28,040

So this one is.



370

00:28:28,040 --> 00:28:29,620

I enjoy those number three.



371

00:28:30,050 --> 00:28:33,950

And now everything is OK here.



372

00:28:33,950 --> 00:28:39,830

So let's add another horizontal are linearly out here into this linearly as well.



373

00:28:39,980 --> 00:28:46,010

So let's close these linearly out here in Enceladus componentry resections so that we have enough space



374

00:28:46,610 --> 00:28:49,190

in order to add more components here.



375

00:28:49,220 --> 00:28:54,500

So let's go inside this palace section let's find the layouts folder.



376

00:28:54,580 --> 00:28:59,960

Let's select selectees linearly or horizontal and just put it here inside this linearly as vertical



377

00:28:59,990 --> 00:29:04,250

and do this linearly outhaul these are all here and then release it.



378

00:29:04,250 --> 00:29:08,400

So as you can see here we have again this linearly as horizontal here.



379

00:29:08,420 --> 00:29:10,370

So the lay out is much present.



380

00:29:10,370 --> 00:29:15,200

So let's change that much present for the layout height to wrap content.



381

00:29:15,290 --> 00:29:18,380

So the length height is now with our content.



382

00:29:18,440 --> 00:29:22,290

Now let's add a text view to this linearly outhaul is on.



383

00:29:22,400 --> 00:29:25,770

So inside these widgets folder select is text view.



384

00:29:25,970 --> 00:29:31,950

And then just drag it here inside this componentry section and put it inside this linearly as horizontal.



385

00:29:32,210 --> 00:29:38,420

Let's open this linearly or what is on top select is text view here inside it linearly Altadis onto.



386

00:29:38,510 --> 00:29:44,540

So we don't have to change the ID but as you can see the lay out with is wrapped content and the layout



387

00:29:44,540 --> 00:29:45,880

height is wrapped content.



388

00:29:45,890 --> 00:29:49,710

Let's change the text to number four.



389

00:29:50,360 --> 00:29:53,620

Number four colon.



390

00:29:53,750 --> 00:29:59,600

So let me actually change it to number four colon and then present you on your keyboard.



391

00:29:59,880 --> 00:30:05,140

And now let's actually change the text size of the state's view.



392

00:30:05,300 --> 00:30:12,410

So let's scroll down here and let's find a text size attribute here and assign the value 24 espie for



393

00:30:12,410 --> 00:30:13,940

the text size.



394

00:30:13,940 --> 00:30:19,770

And then let's add another takes you into this linearly authorities and also in.



395

00:30:19,770 --> 00:30:23,240

So is we just select this text view here.



396

00:30:24,420 --> 00:30:29,810

And then just drag it here into this linearly Athel is up to and below the state's view and then release



397

00:30:29,820 --> 00:30:33,270

it so it selects a text view here.



398

00:30:33,560 --> 00:30:36,390

And now let's specify an idea for the states.



399

00:30:36,440 --> 00:30:38,110

Also just select states.



400

00:30:38,160 --> 00:30:45,240

And for the ID attribute just say in here he asks the number for X number 4 and then press on and have



401

00:30:45,250 --> 00:30:46,580

key on your keyboard.



402

00:30:47,030 --> 00:30:51,780

And now for that layout we assign the values zero.



403

00:30:52,370 --> 00:30:55,960

And for the lay out weight assigned the value of 100.



404

00:30:55,970 --> 00:31:02,420

So as you can see when I assigned the value 0 for the lead out of the Android studio put this DP here



405

00:31:02,420 --> 00:31:03,490

automatically.



406

00:31:03,710 --> 00:31:10,040

Right now you can see that this test is actually taking the entire space that is remained here inside



407

00:31:10,040 --> 00:31:11,710

this linearly alcoholism.



408

00:31:12,110 --> 00:31:16,330

So now let's increase the text size of this.



409

00:31:16,340 --> 00:31:19,430

So first this actually deletes the text of this text view.



410

00:31:19,440 --> 00:31:22,240

So as you can see I actually deleted the text.



411

00:31:22,250 --> 00:31:29,430

Now let's increase the text size of this dispute to 18 espie and that person enter on your keyboard.



412

00:31:29,720 --> 00:31:35,620

And now let's drag an image of you into this horizontal scroll view.



413

00:31:35,660 --> 00:31:42,620

So inside these images and media folders select this image here and then drag it here into this componentry



414

00:31:42,620 --> 00:31:48,980

section and below it is text view here and now we need to just select this isolate enter here and then



415

00:31:48,980 --> 00:31:54,360

just click on OK so you can see this image here.



416

00:31:54,720 --> 00:32:04,130

And now let's actually just for the lay out assign an ID for this image here so just select its image



417

00:32:04,130 --> 00:32:06,450

view and for the idea just open.



418

00:32:06,460 --> 00:32:10,150

Here I am just dice number four.



419

00:32:10,170 --> 00:32:16,790

I enter those number four and then press enter key on your keyboard and for the layout we assign the



420

00:32:16,790 --> 00:32:22,220

value of 50 DP and for the length height assigned the value 50 DP.



421

00:32:22,970 --> 00:32:30,500

So now let's try another linearly or horizontal into this linearly as vertical.



422

00:32:30,500 --> 00:32:33,910

So let's close this linearly and horizontal here.



423

00:32:34,140 --> 00:32:36,930

And let's find out spoiler here.



424

00:32:37,220 --> 00:32:41,100

And then as you can see we have actually the inconsistency here.



425

00:32:41,120 --> 00:32:47,150

So let's select this number one takes you and for the text attributes this actually put a space between



426

00:32:47,150 --> 00:32:53,190

this number and this one and that person until on your keyboard and again select this number two here.



427

00:32:53,660 --> 00:33:00,450

And for the text attributes actually specify a space here between number and this value 2.



428

00:33:00,470 --> 00:33:02,930

So now I think it is good.



429

00:33:03,170 --> 00:33:13,680

So now let's actually close these linearly outs here inside this componentry section so insidiously



430

00:33:13,690 --> 00:33:20,880

asphalted inside this palace section selectees linear layout horizontal and to strike it here into this



431

00:33:21,170 --> 00:33:24,080

linearly as vertical and then release it.



432

00:33:24,120 --> 00:33:31,090

So now selectees linearly or horizontally for the lay out height assigned a value or that content.



433

00:33:31,710 --> 00:33:36,290

And then here let's write a text view into this linearly Altadis.



434

00:33:36,360 --> 00:33:41,670

So just select it and drag it here into this componentry section and into this linearly authorities



435

00:33:41,700 --> 00:33:43,740

Outlook and then release it.



436

00:33:43,740 --> 00:33:48,290

So now let's actually select this takes few.



437

00:33:48,450 --> 00:33:55,260

So for the lay out of it and the length height as you can see wrap content is OK we don't have to change



438

00:33:55,260 --> 00:33:56,110

the ID.



439

00:33:56,130 --> 00:34:02,910

So for the text Let's actually save in here number five colon and then press on until on your keyboard



440

00:34:03,360 --> 00:34:09,580

let's increase the text size of this takes you so you can see this text size attribute here.



441

00:34:09,580 --> 00:34:14,620

Let's change it to 24 speed and then precedented handle keyboard.



442

00:34:14,640 --> 00:34:21,050

So remember that Espey is used for sizing up the font size of our Takes views.



443

00:34:21,480 --> 00:34:27,270

And then here let's try another takes into our linearly or horizontal.



444

00:34:27,360 --> 00:34:33,570

So just selectees takes you here and just to get here into this linearly or horizontally and below this



445

00:34:33,570 --> 00:34:34,200

takes.



446

00:34:34,410 --> 00:34:35,660

And then really it.



447

00:34:35,970 --> 00:34:40,820

So selectees takes few view and for the ID just type in here and here.



448

00:34:40,860 --> 00:34:51,790

The Fewkes the number five and then present entelechy on your keyboard for the layout Veith assigned



449

00:34:51,820 --> 00:34:55,160

the value 0 DP and then present in Turkey.



450

00:34:55,360 --> 00:35:00,890

And then here for the text attribute this actually is this value here.



451

00:35:00,880 --> 00:35:04,170

So for the lay out weight is saying the value of 100.



452

00:35:04,460 --> 00:35:11,080

So it's going to take the entire space that is remained here inside these horizontal linearly out.



453

00:35:11,180 --> 00:35:15,100

And now let's try an image into this linearly out here.



454

00:35:15,160 --> 00:35:17,620

This horizontal linearly actually.



455

00:35:17,680 --> 00:35:22,970

So let's find these images and media folders select this image view and just try it here inside.



456

00:35:23,080 --> 00:35:28,570

Linearly as a will and below this takes few and then release it to select the slightly luncher and then



457

00:35:28,570 --> 00:35:29,480

click on OK.



458

00:35:29,830 --> 00:35:37,080

So now let's actually just select this text view and then let's increase the text size.



459

00:35:37,240 --> 00:35:42,860

So the text size is going to be 18 as P..



460

00:35:43,030 --> 00:35:45,000

Now let's select this image for you.



461

00:35:45,130 --> 00:35:48,150

So let's specify an idea for this image.



462

00:35:48,310 --> 00:35:56,530

The idea is going to be LMG dice number five and then present it to your keyboard.



463

00:35:56,800 --> 00:35:59,620

And here are the outfits.



464

00:35:59,710 --> 00:36:05,790

Assign the value of 50 DP and for the height assigned the value 50 DP.



465

00:36:06,030 --> 00:36:09,930

Now let's actually close this linearly out horizontal.



466

00:36:09,970 --> 00:36:16,200

Let's and another linearly or horizontally into our linearly or two articles inside Israel swiller selectees



467

00:36:16,270 --> 00:36:22,920

linearly horizontally and just like it here below this linearly out and then Enceladus linearly aesthetical



468

00:36:23,020 --> 00:36:25,520

here as you can see and then release it.



469

00:36:25,840 --> 00:36:30,910

So for the lay out feet as you can see this is Mashonaland much planet is good.



470

00:36:31,240 --> 00:36:36,020

And for the lay out height assigned the value or VAP content here.



471

00:36:36,240 --> 00:36:41,150

And for that it's actually it takes you into this scenario any or what is on top.



472

00:36:41,260 --> 00:36:47,500

So just like the stakes and drag it here into this the nearly horizontal and then release it and selectees



473

00:36:47,500 --> 00:36:48,730

takes view.



474

00:36:48,950 --> 00:36:50,600

We don't have to change the ID.



475

00:36:50,800 --> 00:36:54,300

So the lay out with its contents the delay height is not counted.



476

00:36:54,310 --> 00:36:55,140

It is OK.



477

00:36:55,420 --> 00:36:58,030

So let's for the text that ship you are just typing here.



478

00:36:58,030 --> 00:37:05,200

Number six number six colon and then present enter key on your keyboard.



479

00:37:05,200 --> 00:37:08,750

So now let's increase the text size of the states.



480

00:37:08,980 --> 00:37:15,580

So just scroll down here find it takes those attributes and just assigned about your 24 espie for the



481

00:37:15,580 --> 00:37:16,490

ticks size.



482

00:37:16,930 --> 00:37:22,640

And Dan let's try another trick takes you into this the nearly out horizontal.



483

00:37:22,660 --> 00:37:28,560

So inside this we just went there to select this text view and then just drag it here below the stakes.



484

00:37:28,590 --> 00:37:31,590

And inside this linearly authorities enter and then release it.



485

00:37:32,110 --> 00:37:39,700

And now let's select this text view here and then let's actually assign an I.D. to the States.



486

00:37:39,700 --> 00:37:42,720

We also just select this ID and type type in here.



487

00:37:42,740 --> 00:37:47,580

He is the number 2 x number 6.



488

00:37:47,590 --> 00:37:55,330

And then for to on your keyboard Let's for the layout we assign the value 0 DP and for the lay out a



489

00:37:55,330 --> 00:38:00,320

weight assigned a value of 100 and that person into your keyboard.



490

00:38:00,550 --> 00:38:04,460

Let's delete the text of this text view.



491

00:38:04,550 --> 00:38:07,690

Now let's increase the text size to 18.



492

00:38:07,790 --> 00:38:09,580

Espie.



493

00:38:09,880 --> 00:38:17,240

And then finally let's try an image into this linearly as a result of inside these images and media



494

00:38:17,440 --> 00:38:18,070

there.



495

00:38:18,170 --> 00:38:26,650

Let's select this image here and then just write it here and below this takes you and then release it.



496

00:38:26,710 --> 00:38:29,670

Select this I.S. luncheon and then click on OK.



497

00:38:30,420 --> 00:38:33,510

So now we have this image of you here.



498

00:38:34,420 --> 00:38:37,680

And now let's actually select the same interview.



499

00:38:37,740 --> 00:38:43,500

And for the idea just like in here I m g dice.



500

00:38:43,560 --> 00:38:48,420

I am GITTOES number 6.



501

00:38:48,540 --> 00:38:54,290

So this one was I enjoyed number five and this is now I indeed this number six.



502

00:38:54,330 --> 00:39:00,510

The idea is number 6 as you can see and the outfit is Matt is going to be 50 DP and the layout height



503

00:39:00,510 --> 00:39:02,360

is going to be 50 DP.



504

00:39:02,910 --> 00:39:06,090

And finally as you can see everything is OK here.



505

00:39:06,090 --> 00:39:07,640

So don't worry about these images.



506

00:39:07,650 --> 00:39:14,010

We are going to actually change these images later from the job codes instead of of course we are going



507

00:39:14,010 --> 00:39:16,590

to actually change these code.



508

00:39:16,590 --> 00:39:20,040

These images actually of the images of these image views.



509

00:39:20,040 --> 00:39:27,970

And finally let's actually close these linearly else here in this componentry section here and now Vinney



510

00:39:28,030 --> 00:39:32,430

to actually track another image view into our linearly out vertical.



511

00:39:32,430 --> 00:39:38,460

So let's actually scroll down here and find the images and media folders select the same interview and



512

00:39:38,460 --> 00:39:45,330

then just drag it here inside this linearly as first the card and below it is below this linearly out



513

00:39:45,550 --> 00:39:46,290

horizontally.



514

00:39:46,320 --> 00:39:52,230

And just inside this linearly I swear to God and then release it just like is icy Lanter as the placeholder



515

00:39:52,260 --> 00:39:53,810

and then click on OK.



516

00:39:53,850 --> 00:39:56,500

So now we have this image view here.



517

00:39:56,580 --> 00:40:04,040

So now let's actually change the ID to I dice and then present it to your keyboard.



518

00:40:04,050 --> 00:40:07,470

Maybe later you want to actually interact with this image from our code.



519

00:40:07,500 --> 00:40:14,910

So let's put an idea for this image for you and for the layout which assigned the value of 100 DP and



520

00:40:14,910 --> 00:40:19,990

for the layout height assigned the value 100 DP for this image.



521

00:40:20,220 --> 00:40:23,760

And now I want this image to be in the center.



522

00:40:23,760 --> 00:40:24,110

OK.



523

00:40:24,120 --> 00:40:27,720

In the center of this a linearly out vertical.



524

00:40:27,780 --> 00:40:30,880

Actually I want it to be centered horizontally.



525

00:40:31,020 --> 00:40:34,440

So let's find the lay out gravity.



526

00:40:34,440 --> 00:40:39,450

So remember the lay out gravity is going to determine the position of this user interface component



527

00:40:39,510 --> 00:40:41,530

according to the parent.



528

00:40:41,550 --> 00:40:47,940

So because this image you display in days is inside is linearly out vertical here the patent is going



529

00:40:47,940 --> 00:40:49,290

to be this linearly I swear to God.



530

00:40:49,290 --> 00:40:56,400

And when I say all you want this image to be center horizontally inside the parent I want this image



531

00:40:56,670 --> 00:41:00,250

to be set horizontally inside linearly as Westacott.



532

00:41:00,600 --> 00:41:02,580

So just select is immaterial.



533

00:41:02,580 --> 00:41:04,540

Let's find the lay out gravity.



534

00:41:04,740 --> 00:41:09,360

So in order to find the with gravity you can actually search it here or you can actually just select



535

00:41:09,360 --> 00:41:12,460

one of these attributes and just type in here.



536

00:41:12,570 --> 00:41:15,710

Lay out line gravity.



537

00:41:15,750 --> 00:41:20,400

So now we found this attribute so open is the Earth's gravity here.



538

00:41:20,650 --> 00:41:25,130

And let's check this church box that says Center horizontal.



539

00:41:25,230 --> 00:41:30,410

So now we can see that this image is actually the center horizontally right.



540

00:41:30,630 --> 00:41:32,200

Outfields is 180 out.



541

00:41:32,220 --> 00:41:37,020

Height is a 100 so now everything is fine.



542

00:41:37,090 --> 00:41:39,470

Let's try another button.



543

00:41:39,640 --> 00:41:42,380

Let's strike a button into this linearly athletic call.



544

00:41:42,610 --> 00:41:49,510

So in this pilot section and in say these widgets folder select spot in here and just drag it here.



545

00:41:49,540 --> 00:41:51,090

Below is image view.



546

00:41:51,160 --> 00:41:55,610

Inside is nearly as vertical and below this image and then release it.



547

00:41:55,630 --> 00:42:03,230

So now for the actually lay out feet and the layout height I can assign some values here.



548

00:42:03,280 --> 00:42:09,910

So for the layout we assign the value or wrap content of this button and for the layout height again



549

00:42:10,180 --> 00:42:11,990

choose the value add up content.



550

00:42:12,190 --> 00:42:16,470

And again I want this button to be centered horizontally inside the parent.



551

00:42:16,480 --> 00:42:20,920

So again I need to find the layout Grab it is so select one of these attributes one of these properties



552

00:42:20,920 --> 00:42:25,630

inside these properties section and search for layout gravity.



553

00:42:25,870 --> 00:42:28,960

And now we found this little square with the attribute operate.



554

00:42:28,990 --> 00:42:32,460

And then check this checkbox that says Center horizontal.



555

00:42:32,650 --> 00:42:37,500

So now the spot on is actually centered horizontally inside this layout.



556

00:42:37,540 --> 00:42:39,620

Inside this Alania I swear to God.



557

00:42:39,990 --> 00:42:45,960

And now let's change the text of the spot and so forth the text attribute just typing here.



558

00:42:45,970 --> 00:42:56,770

Or roll the dice and then present Intel key on your keyboard and then for the ID of this button here



559

00:42:56,850 --> 00:43:05,420

just like this idea here this idea we wouldn't just open here Betty and roll the dice and then our present



560

00:43:05,480 --> 00:43:07,490

energy on your keyboard.



561

00:43:07,500 --> 00:43:09,510

So now everything is fine.



562

00:43:09,630 --> 00:43:15,360

So let's roll on our application now and let's see how our application is actually shown how our application



563

00:43:15,360 --> 00:43:20,690

is designed actually sort of select one of these devices and then click on OK.



564

00:43:24,910 --> 00:43:30,930

So as you can see here we cannot run the application and we have an error inside our job codes.



565

00:43:31,180 --> 00:43:38,050

So just open the main activity of a file and the error is actually related to this piece of code that



566

00:43:38,050 --> 00:43:43,210

is actually related to the floating action button that will actually delete it previously.



567

00:43:43,510 --> 00:43:49,610

So let's select this piece of code inside this uncreate method here inside this main activity class.



568

00:43:49,680 --> 00:43:53,860

Select this piece of code that is related to the screen action button and then delete it.



569

00:43:54,070 --> 00:43:57,040

Let's add another application again.



570

00:43:57,040 --> 00:44:04,970

Let me show you the emulator so now as you can see here our application is running on the simulator



571

00:44:05,060 --> 00:44:06,080

here.



572

00:44:06,080 --> 00:44:11,740

So now as you can see we can see it is design everything is fine.



573

00:44:12,200 --> 00:44:18,950

So now let's go back to actually Android studio and open this content underlayment at examen here so



574

00:44:18,950 --> 00:44:20,380

you can see this design here.



575

00:44:20,750 --> 00:44:23,070

Let's to change the view here.



576

00:44:23,180 --> 00:44:27,740

So at the top just click on View and then tool windows and then click on a project.



577

00:44:27,740 --> 00:44:30,200

You can also choose up there.



578

00:44:30,390 --> 00:44:35,360

This shortcut here that says come and once so if you are using Windows this shortcut is going to be



579

00:44:35,360 --> 00:44:35,930

different.



580

00:44:36,080 --> 00:44:40,000

So just click on project and it's going to actually show us this android view here.



581

00:44:40,400 --> 00:44:45,640

So by the way if you want to actually choose the view you can select project packages scratches.



582

00:44:45,650 --> 00:44:52,160

So for our course inside our course mostly we're going to use this android view and then later we're



583

00:44:52,160 --> 00:44:56,630

going to also use this project view but for now just just choose Android.



584

00:44:56,960 --> 00:45:01,430

So you can see this view here and now inside is a race folder.



585

00:45:01,460 --> 00:45:03,710

Select is a tribal folder.



586

00:45:03,890 --> 00:45:08,330

And now let me show you the images that we are going to add to our application.



587

00:45:08,330 --> 00:45:16,800

So just select all these images here and vocally condemn and then click on a copy copies of an I.D..



588

00:45:16,850 --> 00:45:22,560

And by the way you can actually download these images from the resources section of this lecture.



589

00:45:22,970 --> 00:45:29,210

So just copy them and then click on the driver for that here right click on it right click on this dribble



590

00:45:29,210 --> 00:45:31,510

for that and then click and paste.



591

00:45:31,520 --> 00:45:36,840

So it's going to actually show you dismiss it it just copy specified files and then you say OK.



592

00:45:37,370 --> 00:45:39,560

So now we can see these images here.



593

00:45:39,590 --> 00:45:41,870

Dice one dice to seven.



594

00:45:41,900 --> 00:45:45,680

And we have also this image dice L P and G.



595

00:45:45,920 --> 00:45:52,070

So let's actually select this image view and now actually find the as are the attributes of this image



596

00:45:52,070 --> 00:45:53,560

view here.



597

00:45:53,570 --> 00:46:00,140

So just click on this ellipsis button here this button that you can see here and select the triable



598

00:46:00,140 --> 00:46:03,740

folder select the triable tab and then click on this image.



599

00:46:03,740 --> 00:46:06,440

Select this image and then click on OK.



600

00:46:06,710 --> 00:46:12,930

So now as you can see the image of this image which is now is not changed.



601

00:46:13,040 --> 00:46:17,420

So the problem is actually with the S or C compact attributes.



602

00:46:17,450 --> 00:46:24,800

So let's search for this or just select one of these properties and just type in here s r c Let's actually



603

00:46:24,800 --> 00:46:25,800

find this one here.



604

00:46:25,820 --> 00:46:28,450

This is the C compact attributes.



605

00:46:28,550 --> 00:46:29,700

So just delete it.



606

00:46:29,780 --> 00:46:33,440

It's actually selected and then deleted and then precedented on your keyboard.



607

00:46:33,440 --> 00:46:38,630

So now you can see this image here inside this image for you and for all these other image viewers you



608

00:46:38,650 --> 00:46:41,920

are going to change them from the code from our job.



609

00:46:42,140 --> 00:46:47,050

So don't forget about them here and now the design of the user interface is actually finished.



610

00:46:47,120 --> 00:46:48,950

Let's go to main activity that are fine.



611

00:46:49,100 --> 00:46:54,310

Let's double click on this tab in order to make this area wider so you can see this is uncreate my faith.



612

00:46:54,740 --> 00:46:59,890

And we have these methods for the menu which I'll talk about later.



613

00:47:00,380 --> 00:47:05,020

So we don't need these are actually methods these aren't create options menu.



614

00:47:05,030 --> 00:47:07,460

And this one does an options item selected.



615

00:47:07,460 --> 00:47:08,890

So just delete them.



616

00:47:09,080 --> 00:47:10,860

We only need this uncreate.



617

00:47:10,860 --> 00:47:16,820

So this is our classman activity that extends our activity in that area are we going to actually start



618

00:47:16,820 --> 00:47:21,170

coding this application and make this application alive.



619

00:47:21,350 --> 00:47:23,060

So thank you very much for watching.



620

00:47:23,210 --> 00:47:28,460

And if you have any questions about the concepts that I touched on in this lesson please put the discussion



621

00:47:28,460 --> 00:47:31,270

in the course and then I do my best to answer all of your questions.



622

00:47:31,280 --> 00:47:35,660

And by the way you are not going to actually update the courts the courts are going to be the same but



623

00:47:35,690 --> 00:47:42,590

I am going to actually update the specific sections of the tutorials of the schools that are actually



624

00:47:43,070 --> 00:47:48,330

not inconsistency of the all their versions of Android studio.



625

00:47:48,650 --> 00:47:53,930

So for example in this tutorial I just let you know I just wanted to let you know about how you can



626

00:47:53,930 --> 00:47:57,690

design the user interface application of this application.



627

00:47:57,830 --> 00:48:03,130

According to these changes that the Android has made or the newest versions of Android studio.



628

00:48:03,530 --> 00:48:07,490

So either by then if you actually just click on this take it up here you can see that these are the



629

00:48:07,490 --> 00:48:09,550

example codes here.



630

00:48:09,710 --> 00:48:16,250

So I'll talk about these codes here later but for now you can see this application is working properly.



631

00:48:16,460 --> 00:48:20,450

So thank you very much for watching and I'll see you in the next theater here.