[发明专利]一种数字化美妆场景下的界面自适应方法及界面显示方法

说明书

本申请公开了一种数字化美妆场景下的界面自适应方法及界面显示方法，该方法包括：划分界面层级，确定各个组件位于所述界面的第一层，确定人脸图像位于所述界面的第二层；确定所述组件在所述第一层内第一网格坐标，和所述人脸图像在所述第二层的第二网格坐标；确定所述第一网格坐标和所述第二网格坐标中重合的部分占所述第一网格坐标的第一比例，判断所述第一比例超出第一预设阈值，则对所述组件执行相应操作。

技术领域

本申请涉及界面自适应领域，尤其涉及一种数字化美妆场景下的界面自适应方法及界面显示方法。

背景技术

随着计算机广泛进入人们的工作生活领域，人机交互界面也由此产生，但随着人们的需求不再局限于传统的图形界面，越来越便捷、更符合用户使用习惯的自适应界面由此产生。

目前，很多项目都需要做响应式或者自适应的形式来适应我们不同屏幕尺寸的手机，电脑等设备，但一般的自适应界面都是基于界面外边缘的响应。

在用户进行拍照或摄像时，一般的自适应界面只能够根据窗口的变化去调整界面中的组件位置，这很容易将用户的拍摄目标遮挡住，使用户不能清晰的观察摄像目标，给用户带来不好的体验。

发明内容

本申请提供了一种数字化美妆场景下的界面自适应方法及界面显示方法，解决了产品界面显示以及在拍照难以根据人像进行组件自适应调整的问题。

一种数字化美妆场景下的界面自适应方法，包括：

划分界面层级，确定各个组件位于所述界面的第一层，确定人脸图像位于所述界面的第二层；

确定所述组件在所述第一层内第一网格坐标，和所述人脸图像在所述第二层的第二网格坐标；

确定所述第一网格坐标和所述第二网格坐标中重合的部分占所述第一网格坐标的第一比例，判断所述第一比例超出第一预设阈值，则对所述组件执行相应操作。

在本申请的一种实施例中，确定所述组件在所述第一层内第一网格坐标，和所述人脸图像在所述第二层的第二网格坐标之后，所述方法还包括：根据所述第一网格坐标与所述第二网格坐标确定所述组件和所述人脸图像之间的最近距离；判断所述最近距离小于第二预设阈值，则对所述组件执行相应操作。

在本申请的一种实施例中，所述对所述组件执行相应操作，具体包括：减少所述组件在界面中所占的比例；确定所述组件当前占界面的第二比例，判断所述第二比例小于第三预设阈值，则将所述组件隐藏；或更改所述组件的透明度参数。

在本申请的一种实施例中，所述第一层为界面顶层，所述第二层为界面底层；所述方法还包括：在所述界面顶层与所述界面底层建立相同的网格坐标系；确定所述界面顶层中显示的组件区域，以及所述组件区域在所述网格坐标系中的坐标。

在本申请的一种实施例中，所述方法还包括：根据所述人脸图像的第二网格坐标变化确定所述人脸图像的移动方向；根据所述移动方向调整所述组件的位置和大小。

在本申请的一种实施例中，所述方法还包括：确定界面宽度和界面高度；当所述界面宽度和所述界面高度变化时，确定所述界面中显示的栅格数量，当所述栅格数量未在预设范围内时，调整所述组件位置；或根据所述组件与所述界面预设的固定比例，将所述组件进行同比例变化。

在本申请的一种实施例中，所述方法还包括：获取界面的第二层颜色数据，根据所述第二层颜色数据匹配组件显示数据；根据所述组件显示数据调整组件显示。

在本申请的一种实施例中，获取所述界面的第一层的颜色数据，根据所述第一层的颜色数据确定第二层的颜色数据。

一种数字化美妆场景下的界面自适应系统，包括：

分层单元，用于划分界面层级，确定各个组件位于所述界面的第一层，确定人脸图像位于所述界面的第二层；