1

00:00:00,260 --> 00:00:06,540

Hire everyone in this tutorial we're going to go ahead and create our fifth Android application and



2

00:00:06,540 --> 00:00:13,150

you click on this start in your Android studio project and then if you need to actually specify a name



3

00:00:13,210 --> 00:00:22,240

for our application so app 5 and here you can actually specify the company domain package name and location.



4

00:00:22,240 --> 00:00:23,050

OK.



5

00:00:23,170 --> 00:00:30,850

So click on next and here make sure that you actually choose the API 16 Android 4.1 Jelly Bean for the



6

00:00:30,850 --> 00:00:37,000

minimum STK and then click on next blanch activity next.



7

00:00:37,330 --> 00:00:39,510

And here it won't change anything.



8

00:00:39,550 --> 00:00:41,590

And then we can finish.



9

00:00:41,590 --> 00:00:47,230

So as you can see here now it's going to actually create our Android application for us.



10

00:00:47,230 --> 00:00:50,830

So it can actually configure and set up the project.



11

00:00:51,010 --> 00:00:51,510

OK.



12

00:00:51,640 --> 00:00:58,460

As you can see here are now our project is created and we again we see this nasty error.



13

00:00:58,520 --> 00:00:59,640

So double click on the screen.



14

00:00:59,650 --> 00:01:07,030

The scripts here build that cradle and then change this number to number one and then change this number



15

00:01:07,030 --> 00:01:07,750

to number one.



16

00:01:07,750 --> 00:01:08,450

OK.



17

00:01:08,770 --> 00:01:11,750

So click on synch now.



18

00:01:12,460 --> 00:01:18,610

So as you can see here it's going to actually sync the project and then if we actually go back inside



19

00:01:18,610 --> 00:01:23,230

this content underline mean that examine as you can see now the error is gone.



20

00:01:23,260 --> 00:01:24,450

OK.



21

00:01:24,640 --> 00:01:27,790

So let's actually delete this of floating action button here.



22

00:01:28,120 --> 00:01:34,930

So just double click on this address folder here and then double click on this layout and then double



23

00:01:34,930 --> 00:01:38,320

click on this activity underline main that ASML OK.



24

00:01:38,440 --> 00:01:42,440

So as you can see here we've got this float in action button here.



25

00:01:42,520 --> 00:01:44,940

So just click on this text tab here.



26

00:01:45,010 --> 00:01:50,520

And as you can see here these are the lines of code that are actually related to this offloads in action.



27

00:01:50,530 --> 00:01:51,220

But OK.



28

00:01:51,280 --> 00:01:52,470

So just delete them.



29

00:01:52,480 --> 00:01:59,530

So now let's actually go inside this job folder here and then double click on this folder and then double



30

00:01:59,530 --> 00:02:01,450

click on the main activity that Java here.



31

00:02:01,450 --> 00:02:02,400

OK.



32

00:02:02,680 --> 00:02:08,800

So in this application we don't want to actually create our menu options so delete these lines of code



33

00:02:08,800 --> 00:02:09,500

here.



34

00:02:09,580 --> 00:02:15,070

Delete these lines of code that are actually related to the floating action button.



35

00:02:15,070 --> 00:02:17,530

So now we can actually work on our project.



36

00:02:17,530 --> 00:02:18,280

OK.



37

00:02:18,430 --> 00:02:23,710

So let's actually go inside this content underline minute example and then delete this a hello will



38

00:02:23,710 --> 00:02:25,090

text you here.



39

00:02:25,090 --> 00:02:29,410

So now I can actually put in some components to the screen.



40

00:02:29,410 --> 00:02:30,060

OK.



41

00:02:31,460 --> 00:02:37,870

So now let's actually track our free text views to this screen here.



42

00:02:37,940 --> 00:02:42,710

So but first of all let's actually derive a linear layout of vertical OK.



43

00:02:43,280 --> 00:02:46,690

So just track a linearly out vertical to the center of the screen.



44

00:02:47,830 --> 00:02:54,530

And now as you can see the layout of it and the layout height of this linear layout is match parent.



45

00:02:54,530 --> 00:02:54,950

OK.



46

00:02:55,030 --> 00:03:01,580

And this means that this linear layout is going to actually cover the width and the height of the screen.



47

00:03:01,870 --> 00:03:04,270

But as you can see here there is some padding here.



48

00:03:04,270 --> 00:03:04,790

OK.



49

00:03:04,960 --> 00:03:10,820

So we need to actually click on these relatively out here and then we need to actually click on the



50

00:03:10,920 --> 00:03:12,670

padding here.



51

00:03:13,360 --> 00:03:18,830

Just open this padding attribute here by just clicking it on this little triangle here.



52

00:03:19,300 --> 00:03:25,950

And they all just put putting number 0 here and then person enter key on your keyboard.



53

00:03:26,320 --> 00:03:32,710

So as you can see here now the beat and the height of the Slint linear layout is actually covering the



54

00:03:32,710 --> 00:03:33,720

entire screen.



55

00:03:33,730 --> 00:03:34,670

OK.



56

00:03:35,200 --> 00:03:39,840

So let's actually writing free text use here free large text.



57

00:03:39,840 --> 00:03:40,860

OK.



58

00:03:40,900 --> 00:03:49,630

So you can actually in order to track or text you or a component to the screen you can actually select



59

00:03:49,630 --> 00:03:50,770

one of these components.



60

00:03:50,770 --> 00:03:52,960

For example this large text you.



61

00:03:53,260 --> 00:03:55,770

And then you can actually put it here.



62

00:03:56,110 --> 00:03:56,700

OK.



63

00:03:56,860 --> 00:04:04,850

So let's actually redirect another text to and another takes to you and this time let's actually dredge



64

00:04:05,210 --> 00:04:07,140

up BOTTEN to this screen.



65

00:04:07,160 --> 00:04:07,810

OK.



66

00:04:08,240 --> 00:04:11,530

So here we can actually find this Spartan component here.



67

00:04:11,870 --> 00:04:15,340

So just select it and then you can actually put it here.



68

00:04:15,380 --> 00:04:15,840

OK.



69

00:04:15,890 --> 00:04:19,480

And let's actually select all of these components here.



70

00:04:19,700 --> 00:04:26,090

So if you are using a Mac or six you need to actually hold the command key and then you can actually



71

00:04:26,090 --> 00:04:27,620

select all of these components.



72

00:04:27,620 --> 00:04:28,190

OK.



73

00:04:28,400 --> 00:04:35,360

And if you are using a Windows machine you can actually hold the control key and then you can actually



74

00:04:35,360 --> 00:04:37,100

select all of these components here.



75

00:04:37,120 --> 00:04:37,720

OK.



76

00:04:37,880 --> 00:04:44,110

So first of all so now let's actually give up Margene to these components.



77

00:04:44,210 --> 00:04:44,710

OK.



78

00:04:44,870 --> 00:04:47,650

So let's actually find the Margene attribute here.



79

00:04:47,720 --> 00:04:53,580

As you can see just opened this attribute by just clicking on this little triangle here.



80

00:04:53,870 --> 00:04:57,420

And for the all just putting in number five here.



81

00:04:57,440 --> 00:04:58,430

OK.



82

00:04:59,090 --> 00:05:01,530

And now let's actually give a padding.



83

00:05:01,750 --> 00:05:02,020

OK.



84

00:05:02,030 --> 00:05:05,910

As you can see this is the padding attributes for these components.



85

00:05:06,140 --> 00:05:08,800

And for the Alturas putting number five here.



86

00:05:08,810 --> 00:05:09,990

OK.



87

00:05:10,880 --> 00:05:14,460

And also let's actually get a weight to these components.



88

00:05:14,480 --> 00:05:15,070

OK.



89

00:05:15,290 --> 00:05:18,050

So as you can see here we've got four components here.



90

00:05:18,050 --> 00:05:18,640

OK.



91

00:05:18,830 --> 00:05:21,160

Now let's actually open the chance later.



92

00:05:21,440 --> 00:05:24,380

So as you can see here this is the translator.



93

00:05:24,530 --> 00:05:28,830

And now if I assume that the height of the screen is 100.



94

00:05:28,970 --> 00:05:31,600

And as you can see here we've got four components here.



95

00:05:31,610 --> 00:05:32,590

OK.



96

00:05:32,690 --> 00:05:36,760

And these four components are inside this linearly out vertical.



97

00:05:36,760 --> 00:05:37,390

OK.



98

00:05:37,520 --> 00:05:41,570

So these four components are going to be placed below each other.



99

00:05:41,570 --> 00:05:42,070

OK.



100

00:05:42,140 --> 00:05:43,190

This is vertical.



101

00:05:43,220 --> 00:05:47,470

Now I assume that the height of this screen is 100 OK.



102

00:05:47,690 --> 00:05:52,950

And you want to actually put four components to this screen here.



103

00:05:52,950 --> 00:05:58,320

So if so 100 divided by four is 25.



104

00:05:58,400 --> 00:05:59,130

OK.



105

00:05:59,240 --> 00:06:05,870

So for the vate attribute for the lay out attribute of these components I just put in 25.



106

00:06:06,520 --> 00:06:07,000

OK.



107

00:06:07,070 --> 00:06:14,270

So as you can see here now the base attributes of these components is 25.



108

00:06:14,270 --> 00:06:17,430

So now let's actually run our project and see what happens.



109

00:06:17,450 --> 00:06:18,050

OK.



110

00:06:18,230 --> 00:06:18,890

OK.



111

00:06:18,890 --> 00:06:23,530

As you can see here these are the components that we actually tracked to this screen.



112

00:06:23,540 --> 00:06:24,000

OK.



113

00:06:24,170 --> 00:06:26,580

So as you can see here these are the pretext used.



114

00:06:26,780 --> 00:06:28,500

And this is our button.



115

00:06:28,640 --> 00:06:36,990

And as you can see here are probably each of these components actually take one form of the screen.



116

00:06:37,220 --> 00:06:38,140

OK.



117

00:06:38,510 --> 00:06:45,550

We actually assumed that the height of the screen is one hundred and we divided 100 by four.



118

00:06:45,700 --> 00:06:45,960

OK.



119

00:06:45,960 --> 00:06:47,870

As you can see here we've got four components.



120

00:06:47,960 --> 00:06:48,290

So.



121

00:06:48,320 --> 00:06:53,800

So we actually divide it 100 by number four and the value was 25.



122

00:06:54,050 --> 00:06:59,530

And we actually assigned 25 for the lay out weight attributes of these components.



123

00:06:59,540 --> 00:07:00,320

OK.



124

00:07:00,320 --> 00:07:05,920

So every one of each of these components actually take one for each of these three.



125

00:07:05,960 --> 00:07:06,540

OK.



126

00:07:06,560 --> 00:07:11,060

So hopefully that makes sense or text and an ID to these components.



127

00:07:11,090 --> 00:07:11,910

OK.



128

00:07:12,320 --> 00:07:17,540

So let's actually double click on this content of nine minute example in order to make this area of



129

00:07:17,540 --> 00:07:18,580

order.



130

00:07:18,590 --> 00:07:26,480

So if we actually double click on these large text view here now I can actually give a text and an I.D.



131

00:07:26,480 --> 00:07:27,330

to the states.



132

00:07:27,530 --> 00:07:28,240

OK.



133

00:07:28,340 --> 00:07:35,930

For example vehicle and I can actually give an ID to this text UTX the vehicle



134

00:07:38,550 --> 00:07:38,910

Kelley



135

00:07:41,640 --> 00:07:46,700

and let's actually double click on this takes you here for the text attribute.



136

00:07:46,790 --> 00:07:54,840

I can actually give a value for example car and for the ID to the card.



137

00:07:54,990 --> 00:07:55,550

OK.



138

00:07:55,680 --> 00:07:59,230

Now let's actually double click on this takes you here.



139

00:07:59,610 --> 00:08:03,420

So for the text just type in here a motorcycle motorcycle.



140

00:08:03,600 --> 00:08:04,240

OK.



141

00:08:04,650 --> 00:08:08,920

And for the ID he the motor cycle OK.



142

00:08:09,210 --> 00:08:14,150

Now as you can see here the text of this text is motorcycle OK.



143

00:08:14,460 --> 00:08:20,250

So for this spot in just double click on the spot in here for the text of this button or just type in



144

00:08:20,250 --> 00:08:21,170

here go.



145

00:08:21,660 --> 00:08:26,150

And for the ID PTEN go.



146

00:08:26,520 --> 00:08:27,760

OK.



147

00:08:28,740 --> 00:08:30,620

So this is our button.



148

00:08:30,990 --> 00:08:35,490

And then let's actually dragging another takes you here between these spots.



149

00:08:35,550 --> 00:08:44,290

And this takes you here so as you can see here now we've got another text you hear so let's actually



150

00:08:44,290 --> 00:08:46,070

WGAN This takes you here.



151

00:08:46,210 --> 00:08:48,310

So for the text of this takes you result



152

00:08:51,160 --> 00:08:56,380

and the ID just like when he RTX the result.



153

00:08:57,830 --> 00:09:02,410

OK so now let's actually run our project and see what happens.



154

00:09:02,560 --> 00:09:03,090

OK.



155

00:09:03,220 --> 00:09:10,450

As you can see these are the components inside these screen here roquet vehicle car motorcycle resolved



156

00:09:10,540 --> 00:09:11,710

and go.



157

00:09:11,740 --> 00:09:14,550

So let's actually double click on this content the underline mean that is.



158

00:09:14,590 --> 00:09:21,470

And as you can see here let's actually select this result takes you here as you can see here the layout



159

00:09:21,490 --> 00:09:30,680

weight of this takes is 25 and the layout Margene as you can see we didn't give a Margene the 6 view.



160

00:09:30,710 --> 00:09:37,690

You can actually give Marji to the takes you so just assigned number five and actually give a padding



161

00:09:37,720 --> 00:09:39,820

to these pics to you here.



162

00:09:39,880 --> 00:09:43,710

So we need to actually find the padding attribute here.



163

00:09:43,810 --> 00:09:48,770

So this is the padding attributes and we can actually sign number five here.



164

00:09:49,640 --> 00:09:58,520

So as you can see here now all of these are text views are actually placed equally inside these screen



165

00:09:58,520 --> 00:09:58,760

here.



166

00:09:58,760 --> 00:09:59,240

OK.



167

00:09:59,270 --> 00:10:02,580

So that's actually on our project again and see what happens.