1

00:00:00,300 --> 00:00:06,330

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



2

00:00:06,330 --> 00:00:08,180

So here I just need to click on this.



3

00:00:08,190 --> 00:00:10,540

Start a new Android studio project.



4

00:00:10,620 --> 00:00:17,820

Now let's actually type in a name for the application name so just type in here after 20 and you can



5

00:00:17,820 --> 00:00:24,240

actually specify a company do a domain package name and a project location for your project and then



6

00:00:24,240 --> 00:00:30,110

click on next and then here choose a 16 Android 4.1 jelly bean.



7

00:00:30,110 --> 00:00:30,580

OK.



8

00:00:30,720 --> 00:00:33,890

For Minimum STK and then click on next.



9

00:00:34,260 --> 00:00:38,170

And here's True's blank activity next.



10

00:00:38,400 --> 00:00:45,040

And here you can actually specify a name for the activity name layout named title and many many resources.



11

00:00:45,060 --> 00:00:45,610

OK.



12

00:00:45,930 --> 00:00:47,880

And here click on finish.



13

00:00:48,030 --> 00:00:48,490

OK.



14

00:00:48,600 --> 00:00:54,330

Now select these hellova takes you here and then press on delete key on your keyboard and then double



15

00:00:54,330 --> 00:00:55,820

click on this address folder.



16

00:00:55,870 --> 00:01:01,320

Lay out activity underline main the example and then select this Pluton action button here and then



17

00:01:01,320 --> 00:01:02,820

press on delete key on your keyboard.



18

00:01:02,820 --> 00:01:03,320

OK.



19

00:01:03,600 --> 00:01:08,910

So let's go back and say this content underline minute example and here we want to actually design our



20

00:01:08,910 --> 00:01:11,000

user interface for this application.



21

00:01:11,220 --> 00:01:16,520

So first of all that's actually too large a linearly outward stick all at the center of this relatively



22

00:01:16,520 --> 00:01:17,320

out here.



23

00:01:17,640 --> 00:01:22,920

And then we can actually drag our scroll view into this linearly otherwhere cycle.



24

00:01:22,950 --> 00:01:29,010

So here as you can see inside these containers there if you have a vertical scroll view here so just



25

00:01:29,010 --> 00:01:35,220

select this scroll view here and then put it inside these linearly out vertical as you may know scroll



26

00:01:35,220 --> 00:01:38,070

views can only have one direct try.



27

00:01:38,100 --> 00:01:38,620

OK.



28

00:01:38,760 --> 00:01:45,450

And if can have actually the unlimited number of indirect child's OK because a scroll used can only



29

00:01:45,450 --> 00:01:47,110

have one direct child.



30

00:01:47,180 --> 00:01:51,920

You need to actually drag a linearly out vertical into this scroll you hear.



31

00:01:52,100 --> 00:01:52,540

OK.



32

00:01:52,650 --> 00:01:57,780

As you can see if you have a linearly out vertical inside this scroll you here and this scroll wheel



33

00:01:57,840 --> 00:02:00,660

is inside or the line linearly elsewheres.



34

00:02:00,690 --> 00:02:01,150

OK.



35

00:02:01,410 --> 00:02:06,990

So now we're actually putting our own components inside these linearly are two articles.



36

00:02:07,170 --> 00:02:13,190

So first of all let's actually drag a large text view into this linearly of 12 equal here.



37

00:02:13,310 --> 00:02:15,000

But this is actually a large view.



38

00:02:15,030 --> 00:02:21,330

So just select this large this view and then put it inside this linearly and vertical here.



39

00:02:21,920 --> 00:02:28,140

And for the text just type in here the original values of the array are OK.



40

00:02:28,200 --> 00:02:35,300

So as you can see here the text of this takes you is the or the original values of the array are colon.



41

00:02:35,370 --> 00:02:35,990

OK.



42

00:02:36,210 --> 00:02:43,590

And don't assign any ID for this component because I don't want to actually interact with this component



43

00:02:43,600 --> 00:02:44,860

from my java code.



44

00:02:45,090 --> 00:02:49,490

So just leave it as default and then press enter key on your keyboard.



45

00:02:49,730 --> 00:02:52,830

And let's actually drag and other large takes you below.



46

00:02:52,840 --> 00:02:57,200

This takes you here and inside this linearly Ellsworthy quality.



47

00:02:57,300 --> 00:03:01,300

So as you can see here we have this linearly vertical inside this scroll you here.



48

00:03:01,300 --> 00:03:08,550

So put this large takes you inside these linearly Ellsworthy call here and double click and this takes



49

00:03:08,550 --> 00:03:11,570

you here and delete the text of this text view.



50

00:03:11,610 --> 00:03:16,900

And for the idea just typing in here to the origin on values of arii.



51

00:03:17,070 --> 00:03:17,550

OK.



52

00:03:17,610 --> 00:03:20,340

And then present entelechy on your keyboard.



53

00:03:20,370 --> 00:03:27,290

So now it's actually like another takes you inside these linearly alphabetical here and double click



54

00:03:27,310 --> 00:03:28,820

on the sticks for the text.



55

00:03:28,830 --> 00:03:34,020

Just type in here the values of the array after my modification are OK.



56

00:03:34,200 --> 00:03:37,140

And a colon at the end of your text here.



57

00:03:37,140 --> 00:03:37,610

OK.



58

00:03:37,770 --> 00:03:43,470

So as you can see here the text of this text is the values of the array after the modification colon



59

00:03:43,950 --> 00:03:47,000

and don't assign any ID for this text.



60

00:03:47,070 --> 00:03:50,930

Just leave it as default and then press enter key on your keyboard.



61

00:03:51,210 --> 00:03:52,250

So now let's actually do it right.



62

00:03:52,270 --> 00:03:57,750

And other large takes you inside these linearly through article here and then double click on the text



63

00:03:57,750 --> 00:04:06,420

you here and delete the text of this text you and for the ID just type in here TDX the values of modified



64

00:04:06,450 --> 00:04:06,910

arii.



65

00:04:06,960 --> 00:04:07,460

OK.



66

00:04:07,590 --> 00:04:09,780

And then press on Enter key on your keyboard.



67

00:04:09,780 --> 00:04:16,680

So now let's actually track and other large takes you into these linearly vertical here and DoubleClick



68

00:04:16,710 --> 00:04:18,010

and this takes you here.



69

00:04:18,180 --> 00:04:28,200

And for the text just type here or riginal array element Element value is colon and don't assign any



70

00:04:28,200 --> 00:04:34,260

ID to this text view here and just leave it as default and then present Enter key on your keyboard.



71

00:04:34,410 --> 00:04:39,470

So now let's actually track and other large takes you into these linear layouts vertical and double



72

00:04:39,470 --> 00:04:42,860

click and it takes you here and deletes the text of this text.



73

00:04:42,930 --> 00:04:51,570

And for the idea just typing here takes the original array element OK and then press Enter key on your



74

00:04:51,570 --> 00:04:51,950

keyboard.



75

00:04:51,990 --> 00:05:00,070

OK so now let's actually drag and other large text view into this linearly alphabetical here and this



76

00:05:00,100 --> 00:05:01,370

takes you here.



77

00:05:01,660 --> 00:05:09,800

And for the text just typing here modified array element and then our person until she on your keyboard.



78

00:05:10,250 --> 00:05:17,200

OK let's double click and it takes you again and put a colon at the end of this text here and then present



79

00:05:17,200 --> 00:05:18,450

into the key on your keyboard.



80

00:05:18,670 --> 00:05:23,580

So now let's actually write another alert takes view into this linearly alphabetical vertical here.



81

00:05:23,620 --> 00:05:27,050

Double click on this text view and delete the text of this text.



82

00:05:27,100 --> 00:05:33,880

And for the idea just typing here takes the modified array element and then press enter key on your



83

00:05:33,880 --> 00:05:34,570

keyboard.



84

00:05:34,570 --> 00:05:41,510

So now let's actually track and order a large takes you into these linearly alphabetical here and DoubleClick



85

00:05:41,530 --> 00:05:42,770

and this takes you here.



86

00:05:43,090 --> 00:05:56,950

And for the text just typing here value of array element after modification and then put a colon at



87

00:05:56,950 --> 00:06:00,080

the end of this text here and then person entered on your keyboard.



88

00:06:00,220 --> 00:06:05,870

And let's actually try another large text into this linearly Ellsworth's the code here and DoubleClick



89

00:06:05,880 --> 00:06:09,720

and this takes you here and delete the text of this text view.



90

00:06:09,850 --> 00:06:18,660

And for the idea just typing here takes the eight hour day element value after modification.



91

00:06:18,880 --> 00:06:19,340

OK.



92

00:06:19,540 --> 00:06:21,710

And then press Enter key on your keyboard.



93

00:06:21,790 --> 00:06:22,240

OK.



94

00:06:22,420 --> 00:06:25,750

So now the design of our user interface is actually finished.



95

00:06:25,750 --> 00:06:27,260

So now let me ask you to explain again.



96

00:06:27,280 --> 00:06:33,160

First of all you actually put our linearly at vertical at the center of this relatively old here and



97

00:06:33,160 --> 00:06:39,580

then we actually put scroll of you into these linearly out of vertical here because scroll you can only



98

00:06:39,580 --> 00:06:41,630

have one direct child.



99

00:06:41,680 --> 00:06:47,950

We actually put another linearly alphabetical inside this scroll view here and we actually decided to



100

00:06:47,950 --> 00:06:53,910

actually put our own components inside is linearly and vertical that is inside of this scroll view here.



101

00:06:53,910 --> 00:06:56,660

OK so now we can actually start coding.



102

00:06:56,680 --> 00:07:01,420

So let's go back inside this main activity double file here and now this actually did it.



103

00:07:01,510 --> 00:07:07,690

These lines of code that are actually related to the Options menu a button and then highlight these



104

00:07:07,690 --> 00:07:12,880

lines of code and then press on delete key on your keyboard and here select this line.



105

00:07:12,910 --> 00:07:17,740

This block of code that is related to the floating action button and then person delete key on your



106

00:07:17,740 --> 00:07:18,660

keyboard.



107

00:07:18,670 --> 00:07:21,760

So now we can actually start coding here.



108

00:07:21,850 --> 00:07:24,370

So I think that's enough for this tutorial.



109

00:07:24,450 --> 00:07:29,130

We can actually continue with this application in the next tutorial.



110

00:07:29,140 --> 00:07:29,590

OK.