1

00:00:00,690 --> 00:00:07,410

Hire oblivion in this tutorial I want to show you a quick tour of Android studio version 2.2.



2

00:00:07,620 --> 00:00:13,470

So in order to create an android studio project here you just need to click on this start in your Android



3

00:00:13,470 --> 00:00:18,380

studio project and then he can specify the name of your application.



4

00:00:18,390 --> 00:00:25,590

For example app and here you can specify the company domain package name here in order to specify the



5

00:00:25,590 --> 00:00:31,890

package name you just need to click on this edit here and then project location and here click on next



6

00:00:32,590 --> 00:00:33,130

here.



7

00:00:33,150 --> 00:00:38,650

As you can see to specified the minimum SDK API 16 Android 4.1 Jellyby.



8

00:00:38,760 --> 00:00:39,340

Okay.



9

00:00:39,690 --> 00:00:41,200

And then click on next.



10

00:00:41,520 --> 00:00:46,720

And here you can specify to choose a basic activity or empty activity.



11

00:00:46,720 --> 00:00:48,110

This is actually the template.



12

00:00:48,180 --> 00:00:48,790

OK.



13

00:00:48,960 --> 00:00:56,170

So it's not actually very important to actually choose a specific template you can choose this empty



14

00:00:56,170 --> 00:01:03,210

activity and then you can actually put your user interface components inside your activity and use other



15

00:01:03,210 --> 00:01:03,990

activities.



16

00:01:04,210 --> 00:01:09,430

But for this of course you will most of the user basic activity or empty activity.



17

00:01:09,510 --> 00:01:13,310

So you can actually use basic activity identical next.



18

00:01:13,500 --> 00:01:19,560

And then here you can specify the activity name layouts name title and menu resource name which I'll



19

00:01:19,560 --> 00:01:21,720

talk more about later in this course.



20

00:01:21,840 --> 00:01:24,350

And here you just need to click on the finish here.



21

00:01:24,570 --> 00:01:27,130

And now he's going to actually create the project for us.



22

00:01:27,150 --> 00:01:29,560

So we just need to wait a little bit here.



23

00:01:29,850 --> 00:01:34,650

As you can see here it is going to actually configure and set up the project the Android studio project



24

00:01:34,650 --> 00:01:35,280

for me.



25

00:01:35,610 --> 00:01:42,270

And he had as you can see our project is actually created and now as you can see here I just need to



26

00:01:42,770 --> 00:01:44,960

wait and hear.



27

00:01:45,000 --> 00:01:47,430

I can see this project here.



28

00:01:47,520 --> 00:01:48,150

OK.



29

00:01:48,690 --> 00:01:55,500

And here as you can see it's showing me the error here and here in order to fix this error.



30

00:01:56,830 --> 00:02:01,570

As you can see we just need to wait and now as you can see the error is gone.



31

00:02:01,810 --> 00:02:06,550

But if this of windows if these windows are not open in your Android studio you just need to click on



32

00:02:06,550 --> 00:02:11,620

this view here and into the window and then click on project and then this can actually show you the



33

00:02:11,620 --> 00:02:16,830

project structure which is here and here you can actually open the app.



34

00:02:17,110 --> 00:02:21,810

And then here inside this race fall there inside this layout fall there as you can see we've got two



35

00:02:21,820 --> 00:02:27,620

exemplifies activity underlaid main that example and content underlaid minute segment.



36

00:02:27,790 --> 00:02:34,630

So here in this of course of the mostly work on this content underline minute example because we need



37

00:02:34,630 --> 00:02:40,490

to actually put our user interface components on this content underline minute example here.



38

00:02:40,480 --> 00:02:40,830

OK.



39

00:02:40,850 --> 00:02:41,530

OK.



40

00:02:41,950 --> 00:02:45,800

So here as you can see I just need to still like this Hello world view here.



41

00:02:45,910 --> 00:02:48,090

And then personality on my keyboard.



42

00:02:48,310 --> 00:02:50,750

And here inside is Pallot section as you can see.



43

00:02:50,830 --> 00:02:55,650

We can actually choose one of these user interface components or I can actually write.



44

00:02:55,730 --> 00:03:01,900

I can actually scroll down here in order to see the other user interface components.



45

00:03:02,140 --> 00:03:09,220

For example as you can see we have these visits there we have these text files folder or we have these



46

00:03:09,310 --> 00:03:10,350

layouts folders.



47

00:03:10,350 --> 00:03:13,710

Here we have these containers folder here.



48

00:03:13,810 --> 00:03:15,740

You can actually choose one of these containers.



49

00:03:15,870 --> 00:03:21,670

You can choose images and media date and time of it which you would actually use them later in this



50

00:03:21,670 --> 00:03:28,420

course and use these transitions image switcher adapter you flip her stack for you takes three chair



51

00:03:28,600 --> 00:03:35,740

view animator view flip her views which are inside this advanced folder we can use include which I'll



52

00:03:35,740 --> 00:03:37,810

talk more about later in this course.



53

00:03:37,930 --> 00:03:45,130

You will see an example of this include how you can use the quest focus view U-Stop and other components



54

00:03:45,240 --> 00:03:51,970

cost them as you can see here custom design coordinated coordinated really out Amberly and tabouli out



55

00:03:52,300 --> 00:03:57,860

top item and other user interface components which we will use later in this course.



56

00:03:58,330 --> 00:04:03,340

And here as you can see we've got this design area content on the alignment of the symbol here.



57

00:04:03,550 --> 00:04:07,970

And like for example I can actually drag a button for example inside this widgets folder.



58

00:04:08,110 --> 00:04:13,750

I just need to select a spot select this button here and I just need to drag it here and put it at the



59

00:04:13,750 --> 00:04:20,990

center of this play out as you can see and hear at the right hand side you can see these properties



60

00:04:21,120 --> 00:04:27,580

section as you can see and here at the bottom it says View all properties and I can actually see the



61

00:04:27,580 --> 00:04:30,150

properties that are related to the spot.



62

00:04:30,160 --> 00:04:33,650

For example I can actually change the text of this button.



63

00:04:33,740 --> 00:04:34,540

Right.



64

00:04:34,540 --> 00:04:40,510

So in order to change the taste of this pattern I just need to find the text attribute.



65

00:04:40,540 --> 00:04:43,970

So here is the text attribute and addition to selected on here.



66

00:04:44,030 --> 00:04:47,220

I can actually assign another value for example.



67

00:04:47,230 --> 00:04:50,970

Press me and then press enter key on your keyboard.



68

00:04:50,980 --> 00:04:54,630

And here as you can see the text of this button is actually to change.



69

00:04:54,640 --> 00:04:59,500

So in order to make this editor area this excuse me the design area wider.



70

00:04:59,700 --> 00:05:05,050

I can actually double click on this content underline minute example and here I can actually zoom in



71

00:05:05,050 --> 00:05:12,280

here in order to see these user interface components better or I can actually zoom out here right.



72

00:05:12,450 --> 00:05:18,310

And here in the right spot you can see these properties and by clicking on this button here as you can



73

00:05:18,310 --> 00:05:24,450

see I can actually go back to this area here or I can actually view all properties.



74

00:05:24,460 --> 00:05:30,970

So these are the common properties that you may have to change for the Spartan but you can actually



75

00:05:30,970 --> 00:05:35,310

choose to view all properties in order to see all properties that are related to the spot.



76

00:05:35,380 --> 00:05:38,190

You will see use them later in this course.



77

00:05:38,500 --> 00:05:42,240

And here as you can see at the bottom we have this fluting action button here.



78

00:05:42,310 --> 00:05:49,180

We can't actually choose this as an action but in here and here in order to use this floating action



79

00:05:49,180 --> 00:05:55,240

button here you just need to click on the view here to leave windows and then project.



80

00:05:55,480 --> 00:06:00,830

And here as you can see in the Protech structure inside this layout folder I just need to double click



81

00:06:00,840 --> 00:06:03,090

on this activity underline minute example.



82

00:06:03,130 --> 00:06:08,160

And now if I actually double click on this activity underline minute exam tab here.



83

00:06:08,290 --> 00:06:10,300

Now we can see this design area better.



84

00:06:10,390 --> 00:06:15,320

And here I can actually select this faluting action button and then press and delete key on my keyboard.



85

00:06:15,830 --> 00:06:20,470

And he had actually go back inside this main activity that I will find here.



86

00:06:20,740 --> 00:06:23,970

Insight is on create method here as you can see.



87

00:06:24,070 --> 00:06:27,630

I need to actually select this piece of code here fluty in action.



88

00:06:27,640 --> 00:06:31,100

But in this piece of code is related to that fluting action button.



89

00:06:31,120 --> 00:06:34,520

I just need to select it and then present it here on my keyboard.



90

00:06:34,990 --> 00:06:36,350

And now we are good to go.



91

00:06:36,490 --> 00:06:37,720

OK.



92

00:06:37,720 --> 00:06:38,890

So hopefully that makes sense.



93

00:06:38,890 --> 00:06:43,750

So here is the user interface components and here as you can see we have this componentry section.



94

00:06:43,780 --> 00:06:50,290

So whenever you referred to actually a componentry Section be sure to look at this section here.



95

00:06:50,410 --> 00:06:51,580

OK componentry.



96

00:06:51,670 --> 00:06:56,720

And as you can see here we have this content underline minute example and it says Relatively out so



97

00:06:56,720 --> 00:07:01,810

here at the bottom as you can see we have this design area and we have this text tap here right.



98

00:07:01,820 --> 00:07:02,860

Design takes.



99

00:07:02,930 --> 00:07:04,310

So just select the stakes here.



100

00:07:04,460 --> 00:07:10,220

And as you can see here we have this relatively out here and here as you can see this is the ending



101

00:07:10,220 --> 00:07:16,640

tag of this relatively out and here inside is relatively out we have this button as you can see here.



102

00:07:17,000 --> 00:07:17,620

OK.



103

00:07:17,870 --> 00:07:23,300

So as you can see here it is actually a self-closing disputant or you can actually close the spot in



104

00:07:23,310 --> 00:07:24,340

it in an other way.



105

00:07:24,350 --> 00:07:30,530

I just need to put a closing tag here and here as you can see it put this closing tag in this way.



106

00:07:30,800 --> 00:07:37,430

But for buttons it's better to actually self close a button by putting a forward slash and a closing



107

00:07:37,550 --> 00:07:38,700

attack here.



108

00:07:38,750 --> 00:07:43,140

In this way you are actually the self-ruled self-closing the Spartan.



109

00:07:43,160 --> 00:07:45,110

So hopefully that makes sense.



110

00:07:45,110 --> 00:07:47,840

So these are the user interface components.



111

00:07:47,840 --> 00:07:49,330

Here is the componentry section.



112

00:07:49,330 --> 00:07:50,600

Here is the design area.



113

00:07:50,600 --> 00:07:58,130

You can actually put your user interface components on this area and here as you can see for example



114

00:07:58,880 --> 00:08:01,490

in the right side bar you can see the properties.



115

00:08:01,520 --> 00:08:06,050

So let's go back to our content underlined minute segment and then click on here at the bottom click



116

00:08:06,050 --> 00:08:07,610

on this design tab here.



117

00:08:07,610 --> 00:08:11,030

So here as you can see we have this play out here and we have this one here.



118

00:08:11,270 --> 00:08:14,940

So there is no difference between these two layouts here.



119

00:08:14,960 --> 00:08:18,000

For now we just need to work on this out here.



120

00:08:18,020 --> 00:08:21,600

And you can actually put your rules and interface components on display out here.



121

00:08:21,680 --> 00:08:22,270

OK.



122

00:08:23,120 --> 00:08:24,430

So hopefully that makes sense.



123

00:08:24,470 --> 00:08:27,840

And I think that's enough for this tutorial.



124

00:08:28,190 --> 00:08:33,800

And so if you have any questions about the androids with your 2.2 version please post the discussion



125

00:08:33,800 --> 00:08:37,700

in the course and then I'll do my best to answer all of your questions.



126

00:08:37,700 --> 00:08:40,840

Thank you very much for watching and I'll see him in the next tutorial.