美文网首页iOS开发中的神兵利器
1.20 使用FaceAware在图像视图中自动聚焦面部位置 [

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

作者: 互动教程网 | 来源:发表于2018-04-11 20:55 被阅读16次

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

相关文章

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

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

  • 2019-03-26

    驾驶员疲劳监测(一)面部检测与图像批量裁剪 主题目标 图像读取和二值化 使用开源分类器识别面部图像,获取面部坐标 ...

  • Core Image编程指南翻译四(自动增强图像)

    示例代码下载 自动增强图像 Core Image的自动增强功能可分析图像的直方图,面部区域内容和元数据属性。然后它...

  • Word技巧:轻松处理自动编号中的文本对齐问题

    在使用了自动编号的段落中调整格式时,有时会遇到下图中的情况:编号10以上的段落和10以下的段落文字缩进位置不同。 ...

  • HTML 图像

    通过使用 HTML,可以在文档中显示图像。 实例 插入图像 本例演示如何在网页中显示图像。 从不同的位置插入图片 ...

  • HTML图像

    通过使用 HTML,可以在文档中显示图像。 实例 插入图像本例演示如何在网页中显示图像。从不同的位置插入图片本例演...

  • 使用 React 自动聚焦字段

    自动对焦可以让你的应用程序更方便用户使用,有几种方法可以自动聚焦 React 输入框。 要让输入框自动聚焦,最简单...

  • 3. 检测评价函数IOU

    Region Proposal(候选区域),就是预先找出图中目标可能出现的位置,通过利用图像中的纹理、边缘、颜色等...

  • 教程7:图片教程

    图片教程 教程数据 该图像控制用于插入的图像,其位置在指定源使用属性URI: 与其余控件一样,将对图像进行测量和排...

  • 用xib设置自定义UIView,frame失效问题

    自定义了一个UIView,在设置frame的时候 没有作用 解决办法 : 根据图中的位置取消自动布局高

网友评论

本文标题:1.20 使用FaceAware在图像视图中自动聚焦面部位置 [

本文链接:https://www.haomeiwen.com/subject/uvazhftx.html