1

00:00:00,300 --> 00:00:06,780

Hire everyone in this theater you're really going to go ahead and create our 11th Android application.



2

00:00:07,020 --> 00:00:13,440

So first we need to actually click on this start any Android studio project and then we need to actually



3

00:00:13,440 --> 00:00:19,130

assign an name to our application name to just type in here app 11.



4

00:00:19,380 --> 00:00:27,000

And then you can actually specify a company domain or package name and a project location for your application



5

00:00:27,540 --> 00:00:28,960

and then click next.



6

00:00:29,340 --> 00:00:34,530

And here you can actually specify our minimum SDK for your application.



7

00:00:34,530 --> 00:00:39,880

So make sure that you actually do choose AP I-69 Android 4.1 jelly bean.



8

00:00:39,900 --> 00:00:40,370

OK.



9

00:00:40,440 --> 00:00:46,170

And then click on next and here choose Blanche activity next.



10

00:00:46,800 --> 00:00:48,350

And here don't change anything.



11

00:00:48,390 --> 00:00:50,270

And then we can finish.



12

00:00:50,970 --> 00:00:57,450

So as you can see here now we can actually configure and set up the project for us and here.



13

00:00:57,620 --> 00:01:04,530

Delete this hello world takes you here and then double click and this arrest folder and lay out and



14

00:01:04,530 --> 00:01:07,140

then double click on the activity on the line.



15

00:01:07,200 --> 00:01:08,650

That's my main example.



16

00:01:08,680 --> 00:01:15,630

And then here select this floating action button and then press on and delete key on your keyboard.



17

00:01:15,930 --> 00:01:18,690

So as you can see here now these are floating action.



18

00:01:18,690 --> 00:01:19,470

Button is gone.



19

00:01:19,530 --> 00:01:25,520

OK so now we can actually design our our interface here.



20

00:01:25,590 --> 00:01:31,840

And let's actually drag and drop some components into this relatively OK.



21

00:01:31,920 --> 00:01:38,790

So first of all we need to actually track a linearly out vertical into this relatively out in the center



22

00:01:38,790 --> 00:01:43,500

of this relatively OK so Center horizontal and center vertical.



23

00:01:43,920 --> 00:01:49,910

So as you can see here now you have these linearly out vertical inside these relatively out.



24

00:01:49,950 --> 00:01:50,500

OK.



25

00:01:50,520 --> 00:01:55,570

Now let's actually write a text you into this linearly out vertical.



26

00:01:55,620 --> 00:02:01,580

So just click on this large text view here and then put it inside this linearly and vertical here.



27

00:02:01,680 --> 00:02:02,260

OK.



28

00:02:02,670 --> 00:02:09,840

So double click and this takes you view and then for the text just type in here calculations



29

00:02:12,080 --> 00:02:12,720

OK.



30

00:02:12,840 --> 00:02:17,050

And for the ID just type in here TXI the calculations.



31

00:02:17,070 --> 00:02:18,260

OK.



32

00:02:19,230 --> 00:02:23,100

And then let's actually direct a linearly out horizontal.



33

00:02:23,250 --> 00:02:23,890

OK.



34

00:02:24,080 --> 00:02:29,820

Below this takes a view here and then right.



35

00:02:30,010 --> 00:02:33,580

Another takes you into this linearly horizontal.



36

00:02:33,630 --> 00:02:39,530

So just click on this large text view and then put it inside this linearly out horizontal.



37

00:02:39,540 --> 00:02:47,340

Or you can actually put it inside this componentry And inside this linearly out horizontal and then



38

00:02:47,370 --> 00:02:49,260

double click and this takes view.



39

00:02:49,640 --> 00:03:02,340

And for the text just typing in here game status and for the ID just type in here TXI the game status.



40

00:03:02,840 --> 00:03:03,740

OK.



41

00:03:04,380 --> 00:03:10,650

And let's actually click on this linearly or horizontal and as you can see here we have an attribute



42

00:03:10,650 --> 00:03:12,290

here called gravity.



43

00:03:12,450 --> 00:03:19,200

So just open this gravity attributes and then check this checkbox here that says Center under the line



44

00:03:19,200 --> 00:03:20,060

horizontally.



45

00:03:20,270 --> 00:03:23,360

OK as you can see now this takes you inside.



46

00:03:23,360 --> 00:03:29,090

These are linearly or horizontally is at the center of this linearly and horizontal OK.



47

00:03:29,250 --> 00:03:38,040

And now let's actually do an image view inside this linearly out of the vertical and then just click



48

00:03:38,040 --> 00:03:39,440

on this image here.



49

00:03:39,780 --> 00:03:42,350

And let's actually find out margin here.



50

00:03:42,360 --> 00:03:47,800

And for the top here margin top just assign the value of 100.



51

00:03:48,690 --> 00:03:53,780

And then list actually to give an image to this image view.



52

00:03:53,970 --> 00:03:57,350

So under this top I have an image here.



53

00:03:57,360 --> 00:04:00,270

So just copy this image OK.



54

00:04:00,810 --> 00:04:08,070

And then and then I need to actually click on View tool windows and then project.



55

00:04:08,940 --> 00:04:15,210

And here I just need to click on this driveable folder inside this rest folder and then I just need



56

00:04:15,210 --> 00:04:20,460

to hold the command key and then press on the leader key on my keyboard.



57

00:04:20,880 --> 00:04:26,490

If you are using a Windows machine you need to actually hold the can control key and then press on the



58

00:04:26,490 --> 00:04:28,260

leader of the key on your keyboard.



59

00:04:28,260 --> 00:04:28,870

OK.



60

00:04:29,190 --> 00:04:35,730

And then it's going to actually ask you to assign a name and a directory to your image and then click



61

00:04:35,730 --> 00:04:35,950

on it.



62

00:04:35,970 --> 00:04:37,080

OK.



63

00:04:37,230 --> 00:04:42,060

So as you can see here now I've got this image inside this drivable folder.



64

00:04:42,270 --> 00:04:47,140

So let's actually find these are the attributes of this image view here.



65

00:04:47,250 --> 00:04:50,550

So as you can see here we have this as our C attribute here.



66

00:04:50,550 --> 00:04:52,960

So just click on this button here.



67

00:04:52,980 --> 00:04:57,200

And as you can see the text of this button is freethought.



68

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

OK.



69

00:04:58,350 --> 00:05:00,780

And here as you can see we've got a Taps.



70

00:05:00,930 --> 00:05:10,480

So choose the project tab here and then close this color folder by just clicking on this little triangle.



71

00:05:11,040 --> 00:05:13,600

And as you can see here we have these tribal here.



72

00:05:13,980 --> 00:05:20,260

I can actually search for my image if I want to if I actually know the name of my image.



73

00:05:20,310 --> 00:05:28,780

So here as you can see I can't just pain the I see it as you can see this is my image OK.



74

00:05:28,810 --> 00:05:34,400

I just typed in I could find this image by just typing in the name of this image.



75

00:05:34,440 --> 00:05:43,440

I did manage to successfully find my image inside these are actually inside this driver folder.



76

00:05:43,500 --> 00:05:45,450

So as you can see here this is my image.



77

00:05:45,600 --> 00:05:48,270

And then I need to click on this OK here.



78

00:05:48,690 --> 00:05:52,500

Now as you can see here we have our image here inside this image.



79

00:05:52,530 --> 00:05:55,360

And as you can see it is very large.



80

00:05:55,560 --> 00:05:59,620

So many to actually make it a little smaller.



81

00:05:59,790 --> 00:06:07,890

So I just need to find the lay out of this image and then I can actually assign the value 100 to the



82

00:06:07,880 --> 00:06:14,100

vid of this image and then I can actually assign the value of 100 again to the height of this image.



83

00:06:14,490 --> 00:06:17,040

As you can see here this is our image here.



84

00:06:17,360 --> 00:06:18,170

OK.



85

00:06:18,540 --> 00:06:26,430

And now let's actually track a button into this linearly out vertical.



86

00:06:26,430 --> 00:06:33,010

So as you can see here we have a button here and then I can just put it below this image here and inside



87

00:06:33,010 --> 00:06:35,670

this linearly it's vertical.



88

00:06:35,670 --> 00:06:44,390

So I can't just double click on the spot him and for the text just type in here restart the game and



89

00:06:44,390 --> 00:06:47,170

for the idea I just need to type in between.



90

00:06:47,250 --> 00:06:50,180

Start the game.



91

00:06:50,810 --> 00:06:51,980

OK.



92

00:06:52,200 --> 00:06:59,850

So hopefully that makes sense and I think the design of our interface is actually done and we don't



93

00:06:59,850 --> 00:07:01,410

need to actually do anything here.



94

00:07:01,410 --> 00:07:05,310

We successfully designed the interface of our game here.



95

00:07:05,520 --> 00:07:09,600

And then we can actually to go back inside this main activity of a file here.



96

00:07:09,930 --> 00:07:16,000

And then I can really delete these lines of code that are actually related to the Options menu.



97

00:07:16,140 --> 00:07:22,020

And then again delete this block of code that actually is related to the floating action button which



98

00:07:22,050 --> 00:07:26,520

I'll talk more about in a leader tutorials in this course.



99

00:07:26,880 --> 00:07:29,150

So just delete this block of code here.



100

00:07:29,550 --> 00:07:34,720

And now we can actually put our own codes inside of these java file.



101

00:07:35,010 --> 00:07:37,770

So I think that's enough for this theater deal.



102

00:07:37,980 --> 00:07:44,710

And we're going to actually continue building our 11th Android application in the next tutorial.



103

00:07:44,880 --> 00:07:46,430

So thank you very much for watching.



104

00:07:46,470 --> 00:07:51,510

And if you have any questions please post the discussion in the course and I'll see you in the next



105

00:07:51,570 --> 00:07:52,510

tutorial.