使用FaceAware在图像视图中自动聚焦面部位置

1. 本节课将为您演示,如何使图片的头像,自动位于图像视图的焦点位置。首先确保在您的项目中,已经安装了所需的第三方库。在此双击查看安装配置文件。

image

2. 根据配置文件中的相关设置,安装第三方库。安装完成之后,双击打开此处的项目文件。

image

3. 我们已经在项目中导入了包含人像的一张图片,点击此处的资源文件夹,查看已经导入的图片。

image

4. 在资源文件夹中打开该图片。

image

5. 然后在左侧的项目导航区,打开视图控制器的代码文件。

image

6. 现在开始编写代码,使用图像视图加载已经导入的人物图片。

image

7. 首先在当前的类文件中,引入已经安装的第三方类库。

image

8. 然后通过图片的名称,从项目中加载该图片。

image

9. 初始化一个图像视图,并设置图像视图的显示区域。

image

10. 将图像视图放置在屏幕的中心位置。

image

11. 然后设置图像视图需要显示的图片内容。

image

12. 设置图像视图的层的圆角半径为100.由于图像视图的宽度和高度都是200.所以这里创建了一个圆形的图像视图。

image

13. 接着设置图像视图的层的遮罩属性,裁剪在圆形之外的图像。

image

14. 最后将图像视图添加到根视图中。点击左上角的[编译并运行]按钮,启动模拟器预览项目。

image

15. 在弹出的模拟器中,人物的面部区域并没有位于图像的焦点位置,并且人物在垂直方向上被挤压变形。点击此处的[停止]按钮,关闭模拟器。

image

16. 现在添加一行代码,增加图像视图的面部检测功能。

image

17. 该属性是对图像视图的扩展,使图像视图可以自动识别面部区域,从而将面部区域,显示在图像视图的焦点位置。然后再次启动模拟器预览项目。

image

18. 此时人物的面部区域,已经自动位于图像视图的焦点位置,并且在垂直方向上也没有被挤压变形。最后点击[停止]按钮,关闭模拟器,并结束本节课程。

image

image

本文整理自:《app开发中的神兵利器》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1209739676.或扫描本页底部的二维码。课程配套素材下载地址:资料下载

apps8 2.png

未经允许不得转载:吸脂手术网 » 使用FaceAware在图像视图中自动聚焦面部位置

赞 (0)