0:00
[MUSIC]
Okay, so we've created a new blank project, and
we have added the face tracker library framework to our project as well.
So the next step is to add it into the user interface.
The framework itself provides a special view
controller called the face tracker view controller.
It doesn't really provide any instructions on subclassing it or
customizing it via code.
So it's kind of a black box.
So what we'll do is we'll have to kind of wrap it with another view controller so
that we can communicate with it and control it on the screen.
And that way we'll be able to instantiate this view controller and
can control it and customize what's going on with this view controller.
So, what we'll do is use the container view object in the interface builder and
use that to actually add our face tracker view controller as a sort
of sub-view controller of our main custom view controller.
So I'm just going to go in here, into the Object Library, and search for
container view.
So what this does is if I drag it into,
this is just my basic, blank View Controller that comes with the project, so
if I drag it in there and drop it.
What it does is it creates a sort of place holder container within my view
controller that has a link, or a segue to another view controller.
So this is special kind of segue called an embed segue.
And what it does is that when it loads this initial view controller,
it's also going to use this segue to load this other view controller and
embed it within the original view controller.
So this view controller here is just my sort of custom view control class.
It's automatically generated and the other view controller is going to be.
2:00
This is going to be the face tracker view controller.
That's going to be the embedded view controller.
So the first thing we have to do is just resize this container view so
that it takes up the entire view of the main view controller.
So I'm just going to drag it till I get all of those guidelines that pop up so
it is taking up the entire view.
And we'll just quickly add some constraints to make it full
screens by adding missing constraints for that.
So that adds the constraints that will make sure that this container view is
always full screen to the edge of all parts of this window here, or
this view controller.
So the next step is to actually tell this system that it's going to be loading
a face tracker view controller, not just a generic object here.
So I'm going to click on my embedded view controller and
go in here and go into the Class and make sure it says FaceTracker.
Even if I just type the first couple letters, FaceTracker,
it automatically auto-completes it to FaceTrackerViewController.
But I also have to make sure I include a module name this time.
So this is a little bit different than you might normally do because
the FaceTrackerViewController is part of a separate module.
It's part of that face tracker module that we've imported so
I'm just going to make sure that I put in FaceTracker as the actual module.
Okay, there was one last thing we have to do and
that's give an identifier to this embed segue so we can identify it later in code
when we want to actually access this view controller and call some methods on it.
So I'm just going to give this a name here.
It's an identifier here just call it FaceTrackerEmbed so
that we know how to find this segue here when we need to.
Parham AarabiProfessor
