1
00:00:01,850 --> 00:00:02,890
So will it come again.

2
00:00:02,900 --> 00:00:09,170
This lesson is actually an assignment I will show you on up that I would like you to try on your own.

3
00:00:09,170 --> 00:00:10,690
And then once you succeeded.

4
00:00:10,700 --> 00:00:16,040
Please submit the code or the app that you have up in the in the forms.

5
00:00:16,040 --> 00:00:18,260
So here is what I want you to do.

6
00:00:18,260 --> 00:00:19,470
I want you to make an hour.

7
00:00:19,550 --> 00:00:22,520
Dad has an interface similar to this.

8
00:00:22,580 --> 00:00:26,030
It has a number of labels that they all are.

9
00:00:26,030 --> 00:00:28,060
Forty four point height.

10
00:00:28,190 --> 00:00:34,160
They have a height of 44 points and there is sixteen point gaps in every direction.

11
00:00:34,160 --> 00:00:41,260
So the gap on the top here is 16 pixels on the left 16 at the bottom is 16 on the right is 16.

12
00:00:41,270 --> 00:00:47,570
Now if you're wondering where all these things whenever you select any outlet in X code you can actually

13
00:00:47,570 --> 00:00:53,270
use the size in a sector which is right here next to the attributes and inspector and you can see the

14
00:00:53,270 --> 00:00:55,130
size of that element.

15
00:00:55,130 --> 00:01:01,720
Now later on we be using auto layout and constraint will come here a little bit less than now.

16
00:01:01,730 --> 00:01:06,600
But for now it's quite important that you get to learn this interface quite well.

17
00:01:06,770 --> 00:01:13,110
So when I select the actual background view it tells me that my view is three hundred seventy five point

18
00:01:13,300 --> 00:01:15,290
six hundred sixty seven.

19
00:01:15,380 --> 00:01:21,530
And at some point I will discuss this in far more details than these on the actual pixels because the

20
00:01:21,530 --> 00:01:28,070
actual pixels on one device especially with the Retina display is a lot higher than that but these numbers

21
00:01:28,070 --> 00:01:32,270
are some sort of a proportional values that represents them.

22
00:01:32,450 --> 00:01:38,770
But for now only 10 imagine that you have 375 points on the beat and six hundred sixty seven points

23
00:01:38,780 --> 00:01:39,660
on the highest.

24
00:01:39,860 --> 00:01:47,340
And if I select one of my outlets for instance it says its top left its position at 16 and 16.

25
00:01:47,420 --> 00:01:53,690
So 16 pixels from the top 16 pixels from the left and the width of three hundred forty three and the

26
00:01:53,690 --> 00:01:55,270
height of 44.

27
00:01:55,430 --> 00:02:04,520
For instance if I go ahead and say please see 50 and then also the white 50 the top left corner against

28
00:02:04,520 --> 00:02:09,020
the top left corner of the view gets to be 50 and 50.

29
00:02:09,030 --> 00:02:15,710
We have a lesson in the future where I break down everything about the views and view controllers on

30
00:02:15,710 --> 00:02:21,080
the sizes on everything and you get a better sense of what these different things are and how do they

31
00:02:21,080 --> 00:02:24,590
correlate to the actual sizes on an actual device.

32
00:02:24,620 --> 00:02:30,230
But for now just so that you get a sense of how you would sound and different elements based on their

33
00:02:30,230 --> 00:02:31,030
size.

34
00:02:31,040 --> 00:02:34,500
I want to go ahead and do an exercise similar to this.

35
00:02:34,550 --> 00:02:39,980
Try to arrange as many laborers as you can within your iPhone interface.

36
00:02:40,160 --> 00:02:42,970
Were all the jobs all left at 16.

37
00:02:43,190 --> 00:02:48,460
Once you are done with that submitted in the forums and I see you guys in the next section.