1

00:00:00,440 --> 00:00:01,010

Live on.



2

00:00:01,170 --> 00:00:07,070

So it is literally over a touch about the Android components the Android user interface components actually.



3

00:00:07,290 --> 00:00:09,520

So look at this pallet section here.



4

00:00:09,630 --> 00:00:13,650

When you create on your Android studio approach if you're going to actually see these palette section



5

00:00:13,650 --> 00:00:14,020

here.



6

00:00:14,160 --> 00:00:19,560

So in order to actually open the activity and the limited example here you just need to actually open



7

00:00:19,560 --> 00:00:22,300

the rest folder and then you have this layout folder.



8

00:00:22,320 --> 00:00:22,850

Right.



9

00:00:23,220 --> 00:00:30,360

And if you actually have chosen basic activity as the template you're going to see two Foyle's activity



10

00:00:30,360 --> 00:00:33,860

underlayment and examine and content underlayment and examine.



11

00:00:34,140 --> 00:00:36,710

So then you use Actually basic activity.



12

00:00:37,200 --> 00:00:43,350

You can not interact with the activity on the limited examen you can only for example change the color



13

00:00:43,530 --> 00:00:50,060

of the app or lay out floating action but in here for example I can select it and then delete it.



14

00:00:50,070 --> 00:00:54,060

DoubleClick Chinese activity on their limited example I can select this filleting action button and



15

00:00:54,060 --> 00:00:57,640

then I can press on delete key on my keyboard or file for example.



16

00:00:57,640 --> 00:00:58,940

Again I try to change them.



17

00:00:59,240 --> 00:01:02,430

Actually the settings of this app are laid out here.



18

00:01:02,430 --> 00:01:03,130

Right.



19

00:01:03,150 --> 00:01:07,140

For example you can see that Baggott uncolored the pop up Feme the mean height elevation.



20

00:01:07,260 --> 00:01:09,760

So I'll talk more about this later for now.



21

00:01:09,830 --> 00:01:16,500

If you want to interact with the user interface so for example here just close this activity and a minute



22

00:01:16,500 --> 00:01:22,630

example by just clicking on this little X here and doubleclick on this content underline minute examine.



23

00:01:23,040 --> 00:01:26,780

And now that's actually the ability to have in order to make this area wider.



24

00:01:26,790 --> 00:01:32,110

So here we have this pallet section and if you actually select this handler you can actually make this



25

00:01:32,300 --> 00:01:34,260

as you do a little bit bigger or smaller.



26

00:01:34,320 --> 00:01:35,010

Right.



27

00:01:35,130 --> 00:01:41,730

So here we have all here all means that all the user interface components that we can actually use here.



28

00:01:42,120 --> 00:01:44,560

If you select widgets you can only see widgets here.



29

00:01:44,610 --> 00:01:48,740

For example take the view button Tugela button checkbox radio button.



30

00:01:48,750 --> 00:01:54,690

You're going to actually use all of these inside that application later inside the applications that



31

00:01:54,690 --> 00:01:56,500

you're going to use for router discourse.



32

00:01:56,520 --> 00:02:00,380

You have progress bar you have progress bar horizontal search bar.



33

00:02:00,380 --> 00:02:05,330

Quick contact patch rating bar so each space we have takes.



34

00:02:05,340 --> 00:02:07,340

If you select text we have plain text.



35

00:02:07,440 --> 00:02:10,770

So these are actually so-called Eadie texts.



36

00:02:10,830 --> 00:02:15,380

We have a plain text we have a password and the text that actually accepts a password.



37

00:02:15,390 --> 00:02:20,640

If I sell it and track it here you can see that this is actually an added text yet that can actually



38

00:02:20,640 --> 00:02:23,990

accept a passport as an input.



39

00:02:24,000 --> 00:02:25,450

So when you select this editor.



40

00:02:25,470 --> 00:02:29,400

You're going to see the properties here on the right hand side of the address would you.



41

00:02:29,400 --> 00:02:33,670

So for example I can change the layout of each Feli and height input type.



42

00:02:33,690 --> 00:02:39,840

You can see that the input type is takes passport because I obviously selected this pass for added text



43

00:02:39,840 --> 00:02:40,370

here.



44

00:02:40,410 --> 00:02:42,830

I can actually provide a hint here.



45

00:02:43,050 --> 00:02:47,140

For example hint dot dot dot right or.



46

00:02:47,160 --> 00:02:53,100

I can't for example specify this style so so not notice that when you provide a hint when to use it



47

00:02:53,100 --> 00:02:59,680

actually starts typing something here inside the set it takes this hint is going to be actually disappeared.



48

00:02:59,700 --> 00:03:04,770

So that's why it is called ahint you can actually specify the text you can I should provide a text for



49

00:03:04,770 --> 00:03:10,170

this text and if you want to you can see all the properties of this component so if you click on this



50

00:03:10,170 --> 00:03:14,370

view all properties is going to show us all the properties of this component.



51

00:03:14,670 --> 00:03:20,580

And in order to search for a specific property I can select one of these properties and I can search



52

00:03:20,610 --> 00:03:25,660

for my specific for example property I can search for lay out underline for example gravity.



53

00:03:26,050 --> 00:03:29,390

So lay out on the line grab it.



54

00:03:29,670 --> 00:03:35,520

And now let's actually see so as you can see we have not lay out gravity here.



55

00:03:35,520 --> 00:03:36,000

Right.



56

00:03:36,210 --> 00:03:39,260

So I can say for for example lay out.



57

00:03:39,370 --> 00:03:40,430

I can't find out.



58

00:03:40,430 --> 00:03:46,440

We play and height lay out Margene they are edited and they are actually added here and other options.



59

00:03:46,430 --> 00:03:50,050

So let me try to make this bigger so that we can see these values.



60

00:03:50,430 --> 00:03:57,000

And let me tell you that why we don't have to lay out gravity because here we are inside the constrained



61

00:03:57,000 --> 00:03:58,550

to lay out right.



62

00:03:58,920 --> 00:04:04,540

So I actually created a tutorial about constraints to lay out so you can actually see that and then



63

00:04:04,550 --> 00:04:05,860

learn about constraints.



64

00:04:05,880 --> 00:04:12,150

But if you have our relet are actually linearly out you're going to see the lay out gravity property



65

00:04:12,150 --> 00:04:12,950

here.



66

00:04:13,380 --> 00:04:15,390

So we have the past for what it takes.



67

00:04:15,390 --> 00:04:16,250

We have e-mail.



68

00:04:16,320 --> 00:04:24,490

We have forne postal address multi-line text type date number number assigned number decimal.



69

00:04:24,570 --> 00:04:31,410

So what is number assigned number assigned means that we can actually have for example negative numbers



70

00:04:31,500 --> 00:04:32,770

and positive numbers.



71

00:04:32,790 --> 00:04:38,580

Right Tools are NUMP signed numbers but when you have unsigned numbers that means that you can only



72

00:04:38,580 --> 00:04:40,710

have positive numbers.



73

00:04:40,710 --> 00:04:46,230

So if you have the small numbers for example an editor's 10 can actually accept our small numbers we



74

00:04:46,230 --> 00:04:52,740

have auto company takes you up you are going to use this component in later applications of course.



75

00:04:52,800 --> 00:04:55,150

We have multihull to complete text view.



76

00:04:55,200 --> 00:04:58,230

So if you select layouts we can see all the layouts here.



77

00:04:58,230 --> 00:05:02,390

For example constraints lay out which is actually a new feature in Android.



78

00:05:02,730 --> 00:05:10,320

We have greatly out we have frameless out linearly out relatively out table layout table row and we



79

00:05:10,320 --> 00:05:12,240

have fragments here.



80

00:05:12,300 --> 00:05:18,540

If I select containers you can see all the containers are radio group list view view expandable view



81

00:05:18,720 --> 00:05:19,460

scroll view.



82

00:05:19,470 --> 00:05:25,640

Actually this is our vertical scroll view and we have this one horizontal scroll view tab.



83

00:05:25,640 --> 00:05:29,580

Host web view search you.



84

00:05:29,830 --> 00:05:33,920

So there isn't between these two schools is that this one is actually a vertical scroll.



85

00:05:33,940 --> 00:05:38,130

So if you actually like it and put it here this is our school year right.



86

00:05:38,200 --> 00:05:43,750

But with a difference and that difference is that if you actually look at the orientation attribute



87

00:05:43,750 --> 00:05:50,920

of this scroll you solicit this scroll view and let's search for orientation and now you can see that



88

00:05:50,920 --> 00:05:53,260

we have this orientation property.



89

00:05:53,470 --> 00:05:58,950

So if I selected if I click on this a drop down here you can see that you have two attributes here two



90

00:05:59,050 --> 00:06:00,720

values horizontal Westacott.



91

00:06:00,880 --> 00:06:02,270

If I select where is the call.



92

00:06:02,320 --> 00:06:06,970

Now we can see that we have actually a vertical scroll view items are going to be placed below each



93

00:06:06,970 --> 00:06:07,550

other.



94

00:06:07,690 --> 00:06:12,220

If you set it horizontal you're going to have a horizontal scroll view and items are going to be placed



95

00:06:12,490 --> 00:06:15,150

placed actually beside each other.



96

00:06:15,220 --> 00:06:20,050

We have Paphos we are going to use this one in later applications of this course with view we are going



97

00:06:20,050 --> 00:06:27,150

to also use word view search view we have images you can see image button image view video view.



98

00:06:27,460 --> 00:06:31,960

OK we are going to use all these components inside our coats.



99

00:06:32,140 --> 00:06:37,940

We have date time picture the typical calendar view chronometer takes the clock.



100

00:06:38,080 --> 00:06:40,380

We have transitions here.



101

00:06:40,440 --> 00:06:44,770

So each of you are going to use Actually these components fill out our application.



102

00:06:44,800 --> 00:06:50,450

You're going to use future of your per view animator text each image.



103

00:06:50,470 --> 00:06:53,080

And after you flipper stacked view.



104

00:06:53,260 --> 00:06:56,120

We have advanced here.



105

00:06:56,230 --> 00:07:00,190

We have actually Google at view map view design.



106

00:07:00,190 --> 00:07:07,060

We have calk coordinates really out absolutely out tabouli out tap him floating an action button text



107

00:07:07,090 --> 00:07:14,770

input lay out and we have a compact which we can actually use card view greatly out recycle of you here



108

00:07:15,010 --> 00:07:16,000

and toolbar.



109

00:07:16,060 --> 00:07:20,860

So I'll talk all about these concert components later in discourse not the here.



110

00:07:20,860 --> 00:07:25,240

I just wanted to actually introduce you with these components with the properties how we can actually



111

00:07:25,240 --> 00:07:27,510

change these properties in Android.



112

00:07:27,670 --> 00:07:28,730

Thank you very much for watching.



113

00:07:28,750 --> 00:07:34,240

And if you have any questions about these concepts that I touched in this doesn't please post a discussion



114

00:07:34,240 --> 00:07:37,300

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



115

00:07:37,300 --> 00:07:40,000

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