CN116719459A - 批注框的显示方法、电子设备及可读存储介质 - Google Patents

Abstract

本申请公开了一种批注框的显示方法、电子设备及可读存储介质，属于终端技术领域。应用于电子设备中，该方法包括：在笔记界面处于第一显示状态的情况下，响应于在笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在第一位置处显示批注框；响应于对批注框的输入操作，在批注框中显示输入操作输入的批注信息；响应于对笔记界面的显示状态的切换操作，将笔记界面的显示状态切换为切换操作对应的第二显示状态，并将带有批注信息的批注框显示在第二位置处，以使笔记界面处于第二显示状态的情况下目标笔记信息与批注框的相对位置不改变。从而用户还是能够获知批注框中的批注信息是针对哪一部分笔记信息的，提高了对笔记信息进行批注的准确性。

Description

批注框的显示方法、电子设备及可读存储介质

技术领域

本申请涉及终端技术领域，特别涉及一种批注框的显示方法、电子设备及可读存储介质。

背景技术

随着终端技术的发展，电子设备的笔记功能越来越丰富，用户可以通过笔记功能记录各类笔记信息，比如，会议记录、读书笔记、课堂笔记等。且在记录过程中还能够根据需求对笔记界面中任意的笔记信息进行批注，通常情况下，批注是以批注框的形式显示在对应的笔记信息的附近位置处。

目前，笔记界面的显示状态可能会发生变化，比如，笔记界面可能由全屏显示状态切换为分屏显示状态，或者，笔记界面由竖屏显示状态切换为横屏显示状态等。在笔记界面的显示状态发生变化的情况下，针对手写的笔记信息或者图片类的笔记信息的批注框的位置将随之发生变化，这样将导致批注框与所批注的笔记信息之间发生错位，用户将不清楚进行批注的批注框中的批注信息是针对哪一部分的笔记信息的，从而降低了对笔记信息进行批注的准确性。

发明内容

本申请提供了一种批注框的显示方法、电子设备及可读存储介，可以用于改善相关技术中对笔记信息进行批注的准确性较低的问题。所述技术方案如下：

第一方面，提供了一种批注框的显示方法，应用于电子设备中，所述方法包括：

在笔记界面处于第一显示状态的情况下，响应于在所述笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在所述第一位置处显示批注框，所述目标笔记信息为所述笔记界面包括的手写的笔记信息或者图片类的笔记信息中的任意笔记信息；

响应于对所述批注框的输入操作，在所述批注框中显示所述输入操作输入的批注信息；

响应于对所述笔记界面的显示状态的切换操作，将所述笔记界面的显示状态切换为所述切换操作对应的第二显示状态，并将带有所述批注信息的所述批注框显示在第二位置处，以使所述笔记界面处于所述第二显示状态的情况下所述目标笔记信息与所述批注框的相对位置不改变。

如此，用户在对任意一个手写的笔记信息或者图片类的笔记信息进行批注后，若笔记界面的显示状态发生变化，那么携带有批注信息的批注框与所针对的笔记信息之间的相对位置并不会发生变化，从而即便是笔记界面的显示状态发生变化，用户还是能够获知批注框中的批注信息是针对哪一部分笔记信息的，提高了对笔记信息进行批注的准确性。

作为本申请的一个示例，所述在笔记界面处于第一显示状态的情况下，响应于在所述笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在所述第一位置处显示批注框，包括：

在笔记界面处于第一显示状态的情况下，响应于在所述笔记界面中的第一位置处针对所述目标笔记信息的批注框绘制操作，按照所述批注框绘制操作的操作轨迹在所述第一位置处显示对应的四边形；

根据构成所述四边形的多个坐标点的第一坐标点集，确定所述四边形的面积；

在所述四边形的面积大于或等于面积阈值的情况下，基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框；

删除所述四边形；

在所述第一位置处显示所述批注框。

如此，通过绘制四边形的方式生成批注框，从而提高了在记录笔记信息过程中显示批注框的便利性。

作为本申请的一个示例，所述在所述四边形的面积大于或等于面积阈值的情况下，基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框，包括：

在所述四边形的面积大于或等于所述面积阈值的情况下，根据所述四边形的位置信息和所述第一坐标点集，对所述四边形进行拟合处理，得到与所述四边形相关的矩形的位置信息和构成所述矩形的多个坐标点的第二坐标点集；

根据所述矩形的位置信息和所述第二坐标点集，生成所述批注框。

如此，通过在面积大于或等于面积阈值的情况下，生成批注框，从而避免了基于每一个四边形都生成批注框的误操作，提高了生成批注框的准确性。

作为本申请的一个示例，所述电子设备包括笔记模块和算法模块；

所述在所述四边形的面积大于或等于所述面积阈值的情况下，根据所述四边形的位置信息和所述第一坐标点集，对所述四边形进行拟合处理，得到与所述四边形相关的矩形的位置信息和构成所述矩形的多个坐标点的第二坐标点集，包括：

在所述四边形的面积大于或等于所述面积阈值的情况下，所述笔记模块向所述算法模块发送矩形识别消息，所述矩形识别消息中携带所述四边形的位置信息和所述第一坐标点集；

所述算法模块根据所述四边形的位置信息，对所述四边形进行轮廓识别操作；

所述算法模块根据所述第一坐标点集和所述轮廓识别操作的识别结果对所述四边形进行边界拟合操作，得到所述矩形的位置信息和所述第二坐标点集；

所述算法模块向所述笔记模块发送所述矩形的位置信息和所述第二坐标点集。

如此，通过轮廓识别操作和边界拟合操作，使得显示的批注框的形状为规范的矩形，提高了显示批注框的美观性，同时也使得用户可以获知后续显示的批注框的大小。

作为本申请的一个示例，所述电子设备中还包括图文画布模块；

所述删除所述四边形，包括：

所述笔记模块向所述图文画布模块发送删除手写矩形消息；

所述图文画布模块删除所述四边形。

如此，通过删除四边形，可以使得显示矩形的位置处不存在其他影响批注信息显示的内容，提高了笔记界面的美观性。

作为本申请的一个示例，所述电子设备中还包括批注框绘制模块；

所述根据所述矩形的位置信息和所述第二坐标点集，生成所述批注框，包括：

所述笔记模块向所述批注框绘制模块发送绘制消息，所述绘制消息中携带所述矩形的位置信息、所述第二坐标点集和所述第一位置的位置信息；

所述批注框绘制模块根据所述矩形的位置信息和所述第二坐标点集，生成所述批注框；

所述在所述第一位置处显示所述批注框，包括：

所述批注框绘制模块根据所述第一位置的位置信息，在所述第一位置处显示所述批注框。

如此，通过根据第一位置的位置信息在第一位置处显示批注框，从而使得批注框的位置更准确。

作为本申请的一个示例，所述响应于对所述批注框的输入操作，在所述批注框中显示所述输入操作输入的批注信息，包括：

所述笔记模块响应于对所述批注框的输入操作，将所述输入操作输入的所述批注信息发送给所述批注框绘制模块；

所述批注绘制模块将所述批注信息按照所述批注框的第一尺寸信息进行缩放，并将缩放后的所述批注信息显示在位于批注图层中的批注框中，所述第一尺寸信息为所述笔记界面处于所述第一显示状态时所述批注框的尺寸信息；

所述笔记模块响应于对所述批注框的退出编辑操作，向所述图文画布模块发送所述批注框的第一尺寸信息和所述批注信息；

所述图文画布模块在图文画布图层上按照所述第一尺寸信息绘制所述批注框，并在所述批注框中显示所述批注信息。

如此，通过按照批注框的第一尺寸信息对批注信息进行缩放，从而使得批注信息适应于批注框的大小，保证了批注信息能够完整的显示在批注框中，提高了信息显示完整性。

作为本申请的一个示例，所述响应于对所述笔记界面的显示状态的切换操作，将所述笔记界面的显示状态切换为所述切换操作对应的第二显示状态之前，还包括：

存储所述笔记界面处于所述第一显示状态时的第一界面尺寸、所述第一位置的位置信息、所述批注框的第一尺寸信息以及所述批注框中显示的批注信息。

如此，通过获取并存储第一界面尺寸、第一位置的位置信息、第一尺寸信息和批注信息，使得后续笔记界面的显示状态发生变化的情况下，可以通过具体的数据来确定批注框在第二显示状态的笔记界面中的位置。

作为本申请的一个示例，所述将所述批注框显示在第二位置处，包括：

获取所述笔记界面处于所述第二显示状态时的第二界面尺寸；

根据所述第一界面尺寸和第二界面尺寸确定界面缩放比例；

根据所述界面缩放比例、所述第一位置的位置信息和所述第一尺寸信息，确定所述批注框的第二尺寸信息和所述第二位置的位置信息；

根据所述第二尺寸信息和所述第二位置的位置信息，在所述第二位置处显示带有所述批注信息的所述批注框。

如此，通过确定界面缩放比例，在笔记界面的显示状态发生变化后，可以准确地确定批注框的大小和位置，从而提高了批注框显示的准确性。

作为本申请的一个示例，所述电子设备包括笔记模块和图文画布模块；

所述获取所述笔记界面处于所述第二显示状态时的第二界面尺寸之前，还包括：

所述笔记模块监听所述笔记界面的显示状态；

所述获取所述笔记界面处于所述第二显示状态时的第二界面尺寸，包括：

所述笔记模块在监听到所述笔记界面处于所述第二显示状态的情况下，获取所述笔记界面处于所述第二显示状态时的第二界面尺寸；

所述根据所述第二尺寸信息和所述第二位置的位置信息，在所述第二位置处显示带有所述批注信息的所述批注框，包括：

所述笔记模块将所述第二尺寸信息、所述第二位置的位置信息和所述批注信息发送至所述图文画布模块；

所述图文画布模块根据所述第二尺寸信息和所述第二位置的位置信息，在所述第二位置处显示带有所述批注信息的批注框。

如此，通过笔记模块对笔记界面的显示状态进行监听，从而在笔记界面的显示状态发生变化的情况，能够快速且及时地确定第二尺寸信息和第二位置的位置信息，提高了批注框在笔记界面的显示状态发生变化时的显示可靠性。

作为本申请的一个示例，所述基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框之前，还包括：

在所述四边形的面积大于或等于面积阈值的情况下，在所述笔记界面中显示提示窗，所述提示窗用于指示用户确认所述四边形是否用于绘制批注框；

所述基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框，包括：

响应于对所述提示窗中确认选项的触发操作，基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框。

如此，通过提示窗来提示用户确认四边形是否用于绘制批注框，进一步避免了在用户不需要显示批注框的情况下，基于四边形绘制批注框，从而提高了显示批注框的准确性和可靠性。

第二方面，提供了一种电子设备，电子设备的结构中包括处理器和存储器，其中，存储器用于存储支持电子设备执行上述第一方面所提供的批注框的显示方法的程序，以及存储用于实现上述第一方面所述的批注框的显示方法所涉及的数据。处理器被配置为用于执行存储器中存储的程序。另外，电子设备还可以包括通信总线，通信总线用于在处理器与存储器之间建立连接。

其中，该处理器被配置为：

在笔记界面处于第一显示状态的情况下，响应于在所述笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在所述第一位置处显示批注框，所述目标笔记信息为所述笔记界面包括的手写的笔记信息或者图片类的笔记信息中的任意笔记信息；

响应于对所述批注框的输入操作，在所述批注框中显示所述输入操作输入的批注信息；

响应于对所述笔记界面的显示状态的切换操作，将所述笔记界面的显示状态切换为所述切换操作对应的第二显示状态，并将带有所述批注信息的所述批注框显示在第二位置处，以使所述笔记界面处于所述第二显示状态的情况下所述目标笔记信息与所述批注框的相对位置不改变。

作为本申请的一个示例，所述处理器被配置为：

在笔记界面处于第一显示状态的情况下，响应于在所述笔记界面中的第一位置处针对所述目标笔记信息的批注框绘制操作，按照所述批注框绘制操作的操作轨迹在所述第一位置处显示对应的四边形；

根据构成所述四边形的多个坐标点的第一坐标点集，确定所述四边形的面积；

在所述四边形的面积大于或等于面积阈值的情况下，基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框；

删除所述四边形；

在所述第一位置处显示所述批注框。

作为本申请的一个示例，所述处理器被配置为：

在所述四边形的面积大于或等于所述面积阈值的情况下，根据所述四边形的位置信息和所述第一坐标点集，对所述四边形进行拟合处理，得到与所述四边形相关的矩形的位置信息和构成所述矩形的多个坐标点的第二坐标点集；

根据所述矩形的位置信息和所述第二坐标点集，生成所述批注框。

作为本申请的一个示例，所述电子设备包括笔记模块和算法模块；

所述处理器被配置为：

在所述四边形的面积大于或等于所述面积阈值的情况下，所述笔记模块向所述算法模块发送矩形识别消息，所述矩形识别消息中携带所述四边形的位置信息和所述第一坐标点集；

所述算法模块根据所述四边形的位置信息，对所述四边形进行轮廓识别操作；

所述算法模块根据所述第一坐标点集和所述轮廓识别操作的识别结果对所述四边形进行边界拟合操作，得到所述矩形的位置信息和所述第二坐标点集；

所述算法模块向所述笔记模块发送所述矩形的位置信息和所述第二坐标点集。

作为本申请的一个示例，所述电子设备中还包括图文画布模块；

所述处理器被配置为：

所述笔记模块向所述图文画布模块发送删除手写矩形消息；

所述图文画布模块删除所述四边形。

作为本申请的一个示例，所述电子设备中还包括批注框绘制模块；

所述处理器被配置为：

所述笔记模块向所述批注框绘制模块发送绘制消息，所述绘制消息中携带所述矩形的位置信息、所述第二坐标点集和所述第一位置的位置信息；

所述批注框绘制模块根据所述矩形的位置信息和所述第二坐标点集，生成所述批注框；

所述处理器被配置为：

所述批注框绘制模块根据所述第一位置的位置信息，在所述第一位置处显示所述批注框。

作为本申请的一个示例，所述处理器被配置为：

所述笔记模块响应于对所述批注框的输入操作，将所述输入操作输入的所述批注信息发送给所述批注框绘制模块；

所述批注绘制模块将所述批注信息按照所述批注框的第一尺寸信息进行缩放，并将缩放后的所述批注信息显示在位于批注图层中的批注框中，所述第一尺寸信息为所述笔记界面处于所述第一显示状态时所述批注框的尺寸信息；

所述笔记模块响应于对所述批注框的退出编辑操作，向所述图文画布模块发送所述批注框的第一尺寸信息和所述批注信息；

所述图文画布模块在图文画布图层上按照所述第一尺寸信息绘制所述批注框，并在所述批注框中显示所述批注信息。

作为本申请的一个示例，所述处理器还被配置为：

存储所述笔记界面处于所述第一显示状态时的第一界面尺寸、所述第一位置的位置信息、所述批注框的第一尺寸信息以及所述批注框中显示的批注信息。

作为本申请的一个示例，所述处理器被配置为：

获取所述笔记界面处于所述第二显示状态时的第二界面尺寸；

根据所述第一界面尺寸和第二界面尺寸确定界面缩放比例；

根据所述界面缩放比例、所述第一位置的位置信息和所述第一尺寸信息，确定所述批注框的第二尺寸信息和所述第二位置的位置信息；

根据所述第二尺寸信息和所述第二位置的位置信息，在所述第二位置处显示带有所述批注信息的所述批注框。

作为本申请的一个示例，所述电子设备包括笔记模块和图文画布模块；

所述处理器还被配置为：

所述笔记模块监听所述笔记界面的显示状态；

所述处理器被配置为：

所述笔记模块在监听到所述笔记界面处于所述第二显示状态的情况下，获取所述笔记界面处于所述第二显示状态时的第二界面尺寸；

所述处理器被配置为：

所述笔记模块将所述第二尺寸信息、所述第二位置的位置信息和所述批注信息发送至所述图文画布模块；

所述图文画布模块根据所述第二尺寸信息和所述第二位置的位置信息，在所述第二位置处显示带有所述批注信息的批注框。

作为本申请的一个示例，所述处理器还被配置为：

在所述四边形的面积大于或等于面积阈值的情况下，在所述笔记界面中显示提示窗，所述提示窗用于指示用户确认所述四边形是否用于绘制批注框；

所述基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框，包括：

响应于对所述提示窗中确认选项的触发操作，基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框。

第三方面，提供了一种计算机可读存储介质，用于存储一个或多个程序，其中一个或多个程序被配置为被一个或多个处理器执行，一个或多个程序包括指令，当其在计算机上运行时，使得计算机执行上述第一方面的批注框的显示方法。

第四方面，提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述第一方面的批注框的显示方法。

上述第二方面、第三方面和第四方面所获得的技术效果与上述第一方面中对应的技术手段获得的技术效果近似，在这里不再赘述。

附图说明

图1是根据一示例性实施例示出的一种应用场景的示意图；

图2是根据另一示例性实施例示出的一种应用场景的示意图；

图3是根据另一示例性实施例示出的一种应用场景的示意图；

图4是根据另一示例性实施例示出的一种应用场景的示意图；

图5是根据另一示例性实施例示出的一种应用场景的示意图；

图6是根据另一示例性实施例示出的一种应用场景的示意图；

图7是根据另一示例性实施例示出的一种应用场景的示意图；

图8是根据另一示例性实施例示出的一种应用场景的示意图；

图9是根据一示例性实施例示出的一种电子设备的软件架构示意图；

图10是根据一示例性实施例示出的一种批注框的显示方法流程示意图；

图11是根据一示例性实施例示出的一种图层的位置示意图；

图12是根据另一示例性实施例示出的一种批注框的显示方法流程示意图；

图13是根据另一示例性实施例示出的一种批注框的显示方法流程示意图；

图14是根据另一示例性实施例示出的一种电子设备的结构示意图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请的实施方式作进一步地详细描述。

应当理解的是，本申请提及的“多个”是指两个或两个以上。在本申请的描述中，除非另有说明，“/”表示或的意思，比如，A/B可以表示A或B；本文中的“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，比如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，为了便于清楚描述本申请的技术方案，采用了“第一”、“第二”等字样对功能和作用基本相同的相同项或相似项进行区分。本领域技术人员可以理解“第一”、“第二”等字样并不对数量和执行次序进行限定，并且“第一”、“第二”等字样也并不限定一定不同。

在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。

随着终端技术的发展，无纸化办公及无纸化学习已渐渐渗透在人们的生活中。其中，无纸化办公或无纸化学习的实现方式可以依赖于电子设备的笔记功能，用户可以在笔记界面通过打字输入、插入图片、手写文字和手动绘图等方式记录笔记信息。示例性地，参见图1中的(a)图，在电子设备为平板电脑，且平板电脑为横屏显示状态的情况下，用户可以在平板电脑显示的笔记界面中记录一些信息，比如，输入文字和插入第一图片1等，且在记录的过程中，用户也可以针对第一图片1进行批注，此时，用户可以在笔记界面中点击需要显示批注框的第一位置，比如，点击第一图片中的一个位置，然后再点击“编辑”选项2，平板电脑响应于对“编辑”选项2的点击操作，参见图1中的(b)图，平板电脑可以显示编辑界面3；用户可以点击编辑界面中的“插入批注”选项；平板电脑响应于对“插入批注”选项的点击操作，参见图1中(c)图，可以在第一位置处显示批注框4，也即是可以在第一图片1中显示批注框4，该批注框4即为对第一图片进行批注的批注框；参见图1中的(d)图，用户可以在批注框4中输入批注信息。之后，用户可能会切换笔记界面的显示状态，比如，参见图1中的(e)图，用户将平板电脑由横屏显示状态切换为竖屏显示状态；在平板电脑的显示状态变为竖屏显示状态的情况下，笔记界面的显示状态也将由横屏显示状态切换为竖屏显示状态，且切换为竖屏显示状态的笔记界面中除了手写的笔记信息和图片类的笔记信息，剩余笔记内容将重新排版，因此，原本显示在第一图片1中的批注框4的位置也将发生变化，参见图1中的(f)图，该批注框4将显示在其他位置上，导致用户不清楚该批注框4中的批注信息是针对笔记界面中哪一部分笔记信息所做的批注，从而降低了对笔记信息进行批注的准确性。

为了提高对笔记信息进行批注的准确性，本申请实施例提供了一种批注框的显示方法，用户在对任意一个手写的笔记信息或者图片类的笔记信息进行批注后，若笔记界面的显示状态发生变化，那么携带有批注信息的批注框与所针对的笔记信息之间的相对位置并不会发生变化，从而即便是笔记界面的显示状态发生变化，用户还是能够获知批注框中的批注信息是针对哪一部分笔记信息的，提高了对笔记信息进行批注的准确性。

为了便于理解，在对本申请实施例提供的方法进行详细介绍之前，接下来以电子设备是平板电脑，且平板电脑具有笔记功能为例，对本申请实施例涉及的应用场景进行介绍。

请参考图2，图2是根据一示例性实施例示出的一种应用场景的示意图。在一种可能的场景中，在平板电脑处于横屏显示状态的情况下，用户在笔记界面中记录笔记信息的过程中，若需要对笔记信息中的第一图片1进行批注，则参见图2中的(a)图，用户可以点击第一图片1中的一个位置，然后再点击“编辑”选项2；平板电脑响应于对“编辑”选项2的点击操作，参见图2中的(b)图，平板电脑可以显示编辑界面3；用户可以点击编辑界面3中的“插入批注”选项；响应于对“插入批注”选项的点击操作，参见图2中(c)图，平板电脑可以在第一图片1中用户之前点击的位置处显示批注框4；参见图2中的(d)图，用户可以在批注框4中输入批注信息。之后，用户可能会切换笔记界面的状态，比如，参见图2中的(e)图，用户将平板电脑由横屏显示状态切换为竖屏显示状态；参见图2中的(f)图，在平板电脑的显示状态变为竖屏显示状态的情况下，笔记界面的显示状态也将由横屏显示状态切换为竖屏显示状态，且切换为竖屏显示状态的笔记界面中的批注框4与第一图片1之间的相对位置不发生变化。

需要说明的是，图2中的(c)图显示的批注框可以处于可编辑状态，且平板电脑可以在显示该批注框的同时可以显示输入键盘，也可以在显示批注框之后再显示输入键盘，本申请实施例对此不作具体限制。

作为本申请的一个示例，参见图3中的(a)图，在平板电脑处于横屏显示状态的情况下，若用户在笔记界面中记录笔记信息的过程中需要对第一图片1进行批注，则用户可以在第一图片1上的一个位置上绘制一个四边形5；平板电脑响应于用户绘制四边形的绘制操作，可以在第一图片1上按照绘制操作的操作轨迹显示用户绘制的四边形，并检测四边形的面积。在四边形的面积大于或等于面积阈值的情况下，参见图3中的(b)图，平板电脑可以删除四边形，并在四边形所在位置处显示批注框4；参见图3中的(c)图，用户可以在批注框4中输入批注信息；用户在输入完毕后，可以退出对批注框的编辑操作；参见图3中的(d)图，平板电脑响应于用户对批注框4的退出编辑操作，可以使批注框4处于不可编辑状态，且该批注框中可以显示用户输入的批注信息。之后，用户可能会切换笔记界面的状态，比如，参见图3中的(e)图，用户将平板电脑由横屏显示状态切换为竖屏显示状态；参见图3中的(f)图，在平板电脑的显示状态变为竖屏显示状态的情况下，笔记界面的显示状态也将由横屏显示状态切换为竖屏显示状态，且切换为竖屏显示状态的笔记界面中的批注框4与第一图片1之间的相对位置不发生变化。

需要说明的是，面积阈值为根据需求预先设置的阈值，比如，该面积阈值可以为小四字体所占面积的2倍、四号字体所占面积的2倍或四号字体所占面积的3倍等。

作为一个示例，平板电脑不仅可以由横屏显示状态切换为竖屏显示状态，还可以从竖屏显示状态切换为横屏显示状态，在该种情况下，第一图片与带有批注信息的批注框之间的相对位置也不会发生变化。

作为本申请的一个示例，在平板电脑处于横屏显示状态的情况下，若用户需要基于四边形绘制批注框，则参见图4中的(a)图，用户可以在第一图片1上绘制一个四边形5，平板电脑响应于用户绘制四边形的绘制操作，可以在第一图片1上按照绘制操作的操作轨迹显示四边形5，并检测四边形的面积。在四边形的面积大于或等于面积阈值的情况下，参见图4中的(b)图，平板电脑可以在笔记界面中显示提示窗6，该提示窗6用于指示用户确认四边形是否用于绘制批注框，且该提示窗中显示有提示信息“是否绘制批注框”、“确认”选项和“取消”选项；若用于点击“确认”选项，则平板电脑响应于对“确认”选项的点击操作，参见图4中的(c)图，可以删除四边形，并在四边形所在位置处显示批注框。之后，用户可以在显示的批注框中输入批注信息，以实现对第一图片的批注。

作为一个示例，若用户点击“取消”选项，则说明用户绘制的四边形为笔记信息的一部分，用户并不是要基于四边形绘制批注框，因此，响应于对“取消”选项的点击操作，平板电脑继续显示该四边形。

作为本申请的一个示例，在平板电脑处于横屏显示状态的情况下，参见图5中的(a)图，在用户的操作下，平板电脑在第一图片1上显示批注框4后，若用户想要对笔记界面进行分屏操作，则用户可以从屏幕左边或者右边向内滑动一定距离后停顿(图示中以从屏幕左边向内滑动为例进行说明)；响应于用户触发的分屏操作，参见图5中的(b)图，平板电脑将笔记界面与平板电脑的桌面分屏显示，且笔记界面显示在屏幕的右边，桌面显示在屏幕的左边；在笔记界面分屏显示后，笔记界面中的第一图片1和对应的批注框4之间的相对位置不发生改变，即该批注框4依旧显示在第一图片1中。

需要说明的是，笔记界面由分屏显示状态切换为全屏显示状态的情况下，第一图片1和带有批注信息的批注框4之间的相对位置同样不会发生变化。

作为一个示例，对笔记界面的分屏显示可以包括上下分屏显示和左右分屏显示，本申请实施例的附图仅以平板电脑为横屏显示状态下，以左右分屏显示的方式显示笔记界面为例进行说明，并不对本申请实施例构成限定。

作为本申请的一个示例，在平板电脑处于横屏显示状态的情况下，参见图6中的(a)图，在用户的操作下，平板电脑在第一图片1中显示批注框4后，若笔记界面中显示有悬浮窗按钮，则在用户希望将笔记界面显示在悬浮窗中的情况下，用户可以点击该悬浮窗按钮7；响应于用户对悬浮窗按钮7的点击操作，参见图6中的(b)图，平板电脑可以将笔记界面显示在悬浮窗中，该悬浮窗显示在平板电脑的桌面上；在笔记界面显示在悬浮窗中后，笔记界面中的第一图片1和批注框4之间的相对位置不发生改变，即该批注框4依旧显示在第一图片1中。

需要说明的是，笔记界面由悬浮窗中切换为全屏显示状态后，第一图片1和批注框4之间的相对位置同样不会发生变化。

作为本申请的一个示例，电子设备的笔记功能可能是由安装的笔记应用程序实现的，为了更方便管理笔记信息，用户可以通过不同的设备打开笔记应用程序，并在笔记应用程序中登录同一账号，从而实现不同设备之间的笔记信息共享。示例性地，在平板电脑处于横屏显示状态的情况下，参见图7中的(a)图，用户可以在笔记应用程序的笔记界面中记录笔记信息，该笔记信息中包括第一图片1，且第一图片1上显示有批注框4，其中，用户可以通过第一登录信息登录至笔记应用程序的后台服务器8中，在用户触发对笔记信息的存储操作后，平板电脑可以将笔记信息和该笔记信息的笔记标题“未来一周天气预报”上传至后台服务器8中，以使后台服务器8将该笔记标题与笔记信息对应存储。之后，若用户存在通过手机显示笔记信息的需求，则用户可以通过手机打开笔记应用程序，并通过第一登录信息登录至笔记应用程序的后台服务器8，从而手机可以从后台服务器中获取该第一登录信息对应的至少一个笔记，并在该笔记应用的应用界面中显示该第一登录信息对应的至少一个笔记的笔记标题，用户可以点击笔记标题“未来一周天气预报”；手机响应于用户对笔记标题“未来一周天气预报”的点击操作，显示如图7中的(b)图所示的笔记界面，该笔记界面中显示有笔记信息，该笔记信息中包括第一图片1和批注框4，第一图片1和批注框4之间的相对位置不发生变化。

作为本申请的一个示例，在平板电脑处于横屏显示状态的情况下，参见图8中的(a)图，在用户的操作下，平板电脑在第一图片1中显示批注框4后，用户可以对笔记界面所在窗口的大小进行调节，示例性地，用户可以调节窗口的宽度；响应于用户对笔记界面所在窗口的宽度的调节操作，按照用户的调节操作的移动方向，缩小笔记界面的宽度，并显示如图8中的(b)图所示的笔记界面，该笔记界面中第一图片1与批注框4之间的相对位置不发生变化。

需要说明的是，本申请实施例仅以上述图2-图8所示的应用场景为例进行说明，并不对本申请实施例构成限定。

接下来对电子设备100的软件系统予以说明。

电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的安卓(Android)系统为例，对电子设备100的软件系统进行示例性说明。

图9是本申请实施例提供的一种电子设备100的软件系统的框图。参见图9，分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统层，以及内核层。

应用程序层可以包括一系列应用程序包。如图9所示，应用程序包可以包括笔记应用程序等，且该笔记应用程序为具有笔记功能的应用程序，示例性地，该笔记应用程序可以为备忘录等。

在一些实施例中，应用程序层中还可以包括笔记模块和算法模块，且笔记模块和算法模块均用于实现笔记应用程序的笔记功能的模块。

作为一个示例，笔记模块用于接收用户记录的笔记信息和批注信息，同时还可以监听笔记界面的显示状态。

作为一个示例，算法模块用于对用户绘制的四边形进行轮廓识别操作和边界拟合操作。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。如图9所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问，这些数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。视图系统包括可视控件，比如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序的显示界面，显示界面可以由一个或多个视图组成，比如，包括显示短信通知图标的视图，包括显示文字的视图，以及包括显示图片的视图。电话管理器用于提供电子设备100的通信功能，比如通话状态的管理(包括接通，挂断等)。资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等。通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如，通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或滚动条文本形式出现在系统顶部状态栏的通知，比如后台运行的应用程序的通知。通知管理器还可以是以对话窗口形式出现在屏幕上的通知，比如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。

在一些实施例中，该应用程序框架层还可以包括图文画布模块和批注框绘制模块。

作为一个示例，图文画布模块用于显示用户记录的笔记信息和批注信息。批注框绘制模块用于绘制批注框。

Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。

系统库可以包括多个功能模块，比如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(比如：OpenGL ES)，2D图形引擎(比如：SGL)等。表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，比如：MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。2D图形引擎是2D绘图的绘图引擎。

内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。

下面结合捕获拍照场景，示例性说明电子设备100软件以及硬件的工作流程。

当触摸传感器180K接收到触摸操作，相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标，触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件，识别原始输入事件所对应的控件。以该触摸操作是单击操作，该单击操作所对应的控件为相机应用图标的控件为例，相机应用调用应用程序框架层的接口，启动相机应用，再调用内核层启动摄像头驱动，通过摄像头193捕获静态图像或视频。

基于上述实施例提供的执行主体和应用场景，接下来对本申请实施例提供的批注框的显示方法进行介绍。请参考图10，图10是根据一示例性实施例示出的一种批注框的显示方法流程示意图。作为示例而非限定，这里以该方法应用于安装有笔记应用程序的电子设备中，电子设备通过图9所示的多个模块交互实现为例进行说明，该方法可以包括如下部分或者全部内容：

步骤1001：笔记应用程序接收启动操作。

由于电子设备在安装有笔记应用程序的情况下，若用户需要记录笔记信息，则用户可以随时打开笔记应用程序，相应地，笔记应用程序检测到启动操作。

步骤1002：笔记应用程序显示应用界面，并启动笔记模块和算法模块。

笔记应用程序接收到启动操作的情况下，可以显示应用界面，且由上述可知，笔记模块和算法模块为实现笔记应用程序的笔记功能的模块，笔记模块可以用于接收用户记录的笔记信息和批注信息，因此，笔记应用程序启动笔记模块。另外，由于用户在记录笔记的过程中很可能随时会通过绘制四边形的方式对记录的笔记信息进行批注，而算法模块能够对用户绘制的四边形进行轮廓识别操作和边界拟合操作，因此，为了基于四边形绘制批注框，笔记应用程序还可以启动算法模块。

需要说明的是，该应用界面中可以显示至少一个历史笔记标题，该至少一个历史笔记标题为在当前时间之前通过笔记应用程序记录的至少一个笔记信息对应的标题。

步骤1003：笔记应用程序在接收到应用界面中的笔记显示操作的情况下，显示笔记界面。

需要说明的是，用户触发笔记显示操作可以包括多种方式，比如，用户可以点击应用界面中的“创建”选项，从而笔记应用程序可以接收到笔记显示操作。其中，通过响应对“创建”选项显示的笔记界面为笔记应用程序创建并显示的一个空白的笔记界面。或者，用户在笔记应用程序中已经创建有笔记，对于有些笔记，用户可能会需要进行编辑，此时用户可以点击需要编辑的笔记标题，电子设备响应于用户对选中的笔记标题的点击操作，可以显示该笔记标题对应的携带有笔记信息的笔记界面。

需要说明的是，本申请实施例仅以上述两种显示笔记界面的方式为例进行说明，并不对本申请实施例构成限定。

步骤1004：笔记模块接收记录操作记录的笔记信息。

用户在笔记界面中可以记录需要记录的笔记信息，在记录过程中，笔记模块能够接收到用户通过记录操作记录的笔记信息。

作为一个示例，在笔记界面中存在笔记信息的情况下，若用户并没有重新记录笔记信息，而是在已有的笔记信息的基础上对目标笔记信息进行批注，则可以直接执行下述步骤1007的操作。若用户需要编辑笔记信息，或者，电子设备显示的是一个空白的笔记界面，那么用户是在空白的笔记界面中记录笔记信息，从而笔记模块可以接收用户的记录操作所记录的笔记信息，并在接收到笔记信息的情况下，执行下述步骤后1005和步骤1006的操作。

需要说明的是，该目标笔记信息为笔记界面包括的手写的笔记信息或者图片类的笔记信息中的任意笔记信息。

步骤1005：在笔记信息包括手写的笔记信息和图片类笔记信息的情况下，笔记模块将手写的笔记信息和图片类的笔记信息发送至图文画布模块。

步骤1006：图文画布模块在图文画布图层上显示手写的笔记信息和图片类的笔记信息。

由于图文画布模块用于显示用户记录的笔记信息和批注信息，因此，图文画布模块在接收到笔记模块发送的笔记信息的情况下，可以在图文画布图层上显示笔记信息。

需要说明的是，图文画布图层为图文画布模块实现信息显示功能所绘制的图层。示例性地，参见图11中的(a)图，该图文画布模块包括图文画布图层和手写图层，且手写图层位于图文画布图层之上，图文画布模块可以通过图文画布图层显示输入的文本信息、图片类的笔记信息和绘制的图像等信息，手写图层用于显示用户手写的文字类信息。另外，图文画布图层和手写图层分别与笔记界面的尺寸相同，且图文画布图层和手写图层在笔记界面上不可见。为了区分手写图层和图文画布图层，本申请实施例的附图中以对图文画布添加背景图案为例进行说明。

步骤1007：在笔记界面处于第一显示状态的情况下，笔记模块在笔记界面中的第一位置处接收针对目标笔记信息的批注框绘制操作。

需要说明的是，第一显示状态可以是上述步骤1103-步骤1106记录笔记信息过程中笔记界面所处的状态，该第一显示状态可以为横屏显示状态、全屏显示状态或分屏显示状态等。

由于用户在记录笔记信息的过程中，为了更完善笔记信息，用户可能会对一些笔记信息进行批注，比如，用户对目标笔记信息进行批注，该种情况下，用户可以在笔记界面中的第一位置处针对目标笔记信息进行批注绘制操作，从而笔记模块可以在笔记界面中的第一位置处接收到针对目标笔记信息的批注框绘制操作。示例性地，该过程可以参考上述图2或图3所示的应用场景。

需要说明的是，第一位置为能够指示批注框为针对目标笔记信息所做的批注的位置。

步骤1008：笔记模块向图文画布模块发送显示消息，该显示消息中携带批注框绘制操作的操作轨迹。

步骤1009：图文画布模块按照批注框绘制操作的操作轨迹在第一位置处显示对应的四边形。

作为一个示例，参见图11中的(a)图，图文画布模块可以将四边形显示在图文画布图层上。

示例性地，图文画布模块显示四边形的场景可以参考上述图3中的(a)图所示的应用场景。

步骤1010：图文画布模块向笔记模块发送构成四边形的多个坐标点的第一坐标点集。

需要说明的是，该四边形显示在图文画布图层的第一位置处。

作为一个示例，图文画布模块可以在笔记界面上构建坐标系，从而在图文画布图层上显示有四边形的情况下，图文画布图层可以获取到构成四边形的多个坐标点的第一坐标点集。

示例性地，图文画布模块可以以笔记界面的左下端点为坐标圆心，笔记界面的下边界所在直线为横坐标，笔记界面的左边界所在直线为纵坐标建立直接坐标系。当然，本申请实施例中仅以构建直接坐标系为例进行说明，图文画布模块还可以构建其他的坐标系，且以上述图文画布模块构建直角坐标系的方式为例进行说明，并不对本申请实施例构成限定。

需要说明的是，在图文画布模块构建的坐标系为直角坐标系的情况下，该第一坐标点集中每个坐标点的坐标可以通过(x，y)表示。

步骤1011：笔记模块根据第一坐标点集，确定四边形的面积。

由于用户在记录笔记信息的过程中，用户可能会为了进行批注而绘制四边形，也可能是用户在手写笔记信息的过程中书写出形状与四边形相似的文字，譬如书写“口”字，在该种情况下，四边形并不是用来生成批注框的，且由于用户书写文字的大小有限，因此，笔记模块可以根据第一坐标点集，确定四边形的面积。

作为一个示例，笔记模块可以根据第一坐标点集，确定四边形的各个边长，然后通过四边形的各个边长，确定四边形的面积。或者，笔记模块可以根据第一坐标点集，确定四边形所占像素数量，然后将每个像素对应的面积大小乘以四边形所占像素数量，得到四边形的面积。

需要说明的是，每个像素对应的面积大小可以预先进行设置，本申请实施例对此不作具体限定。

步骤1012：在四边形的面积大于或等于面积阈值的情况下，笔记模块向算法模块发送矩形识别消息。

需要说明的是，该矩形识别消息中携带四边形的位置信息和第一坐标点集。且由于用户是在第一位置处绘制四边形，因此，该四边形的位置信息可以为第一位置的位置信息，当然，该四边形的位置信息可以根据第一坐标点集确定，且该四边形的位置信息可以为该四边形任意一个端点的坐标，或者，为该四边形的中心点坐标等。

由于在四边形的面积大于或等于面积阈值的情况下，说明很大可能是用户想要通过四边形绘制批注框，因此，笔记模块可以向算法模块发送矩形识别消息。

在一些实施例中，在四边形的面积小于面积阈值的情况下，说明该四边形为用户手写文字的一部分，并不是用来绘制批注框的，该种情况下，图文绘制模块可以将四边形转移至手写图层中显示。

步骤1013：算法模块根据四边形的位置信息，对四边形进行轮廓识别操作。

由于矩形识别消息中携带四边形的位置信息，且通常情况下，四边形具有较为清晰的轮廓，因此，算法模块可以根据四边形的位置信息从图文画布图层上确定四边形所在位置，然后在四边形的位置处，对四边形进行轮廓识别操作。

在一些实施例中，算法模块在接收到矩形识别消息的情况下，可以将图文画图图层作为图像进行图像二值化处理，然后，根据四边形的位置信息从二值化处理后的图像中确定四边形所在位置，并在四边形的位置处，对四边形进行轮廓识别操作。

步骤1014：算法模块根据第一坐标点集和轮廓识别操作的识别结果对四边形进行边界拟合操作，得到矩形的位置信息和第二坐标点集。

由于算法模块是根据第一坐标点集和轮廓识别操作的识别结果对四边形进行边界拟合操作，因此，得到的边界拟合结果为4条线段，且4条线段可以构成一个矩形，同时，由于是根据第一坐标点集拟合得到四条线段，从而算法模块可以确定四条线段在以图文画布模块建立的坐标中对应的拟合公式，通过拟合公式可以确定矩形的位置信息和第二坐标点集。

步骤1015：算法模块向笔记模块发送矩形的位置信息和第二坐标点集。

步骤1016：笔记模块接收矩形的位置信息和第二坐标点集。

步骤1017：笔记模块向图文画布模块发送删除手写矩形消息。

由于后续需要在第一位置处显示批注框，因此，笔记模块在接收到矩形的位置信息和第二坐标点集的情况下，需要向图文画布模块发送删除手写矩形消息。

步骤1018：图文画布模块接收删除手写矩形消息。

步骤1019：图文画布模块删除四边形。

由于四边形显示在图文画布模块绘制的图文画布图层上，因此，图文画布模块在接收到删除手写矩形消息的情况下，可以将图文画布图层上显示的四边形删除。

步骤1020：笔记模块在检测到四边形已删除的情况下，向批注框绘制模块发送绘制消息。

在一种可能的情况下，该绘制消息中携带矩形的位置信息、第二坐标点集和第一位置的位置信息。

虽然四边形是在第一位置处绘制，但是由于进行边界拟合操作后，得到的矩形的位置可能会发生偏移，即矩形的位置可能不在第一位置处，因此，该绘制消息中需要携带第一位置的位置信息。

在另一种可能的情况下，由于矩形是用于生成批注框，且矩形的大小与批注框的大小相同，矩形的位置与批注框的位置相同，通过矩形的四个端点所在位置也可以绘制批注框，因此，笔记模块可以从第二坐标点集中获取矩形四个端点的坐标信息，然后向图文画布模块发送绘制消息，该绘制消息中携带矩形的位置信息、矩形四个端点的坐标信息和第一位置的位置信息。

在又一种可能的情况下，笔记模块可以从第二坐标点集中获取至少2个端点的坐标，然后向图文画布模块发送绘制消息，该绘制消息中携带矩形的位置信息、至少2个端点的坐标信息、第一位置的位置信息和矩形的面积信息。本申请实施例对此不作具体限制。

步骤1021：批注框绘制模块接收绘制消息。

步骤1022：批注框绘制模块根据绘制消息中携带的矩形的位置信息和第二坐标点集，生成批注框。

在一种可能的情况下，若绘制消息中携带矩形的位置信息、第二坐标点集和第一位置的位置信息，那么批注框绘制模块在接收到绘制消息的情况下，可以按照步骤1022的操作根据矩形的位置信息和第二坐标点集，生成批注框。

在一些实施例中，批注框绘制模块在接收到绘制消息的情况下，可以在手写图层上覆盖批注框图层，然后，根据矩形的位置信息和第二坐标点集，生成批注框。

示例性地，批注框图层如图11中的(b)图所示，该批注框图层的大小可以为矩形的大小，或略大于矩形的大小，且批注框图层的位置信息与矩形的位置信息相同。或者，该批注框图层的大小也可以为图文画布图层大小相同，本申请实施例对此不作具体限制。另外，为了区分批注框图层和其他图层，本申请实施例的附图中以涂黑批注框图层为例进行说明。

在一些实施例中，由于绘制消息携带的信息还包括其他可能性，因此，批注框绘制模块生成批注框的方式还包括其他可能性，比如，在绘制消息中携带矩形的位置信息、矩形四个端点的坐标信息和第一位置的位置信息的情况下，批注框绘制模块根据矩形的位置信息、矩形四个端点的坐标信息，生成批注信息。在绘制消息中携带矩形的位置信息、至少2个端点的坐标信息、第一位置的位置信息和矩形的面积信息的情况下，批注框绘制模块根据矩形的位置信息、至少2个端点的坐标信息和矩形的面积信息，生成批注框。

步骤1023：批注框绘制模块根据第一位置的位置信息，在第一位置处显示批注框。

需要说明的是，由于需要在第一位置处显示对目标笔记信息的批注框，因此，批注框绘制模块需要在第一位置处显示批注框。

在一些示例中，批注框绘制模块在第一位置处显示的批注框处于可编辑状态。示例性地，在第一位置处显示批注框的场景可以参考上述图3中的(b)图所示的应用场景。

步骤1024：笔记模块接收对批注框的输入操作。

由于批注框绘制模块显示的批注框处于可编辑状态，因此，用户可以在批注框中输入批注信息，从而笔记模块可以接收到用户对批注框的输入操作。示例性地，该过程可以参考上述图3中的(c)图所示的应用场景。

步骤1025：笔记模块将输入操作输入的批注信息发送给批注框绘制模块。

由于批注框显示在批注框图层上，对批注框输入的批注信息需要显示在批注框图层上，因此，笔记模块需要将输入操作输入的批注信息发送给批注框绘制模块。

步骤1026：批注绘制模块接收批注信息。

步骤1027：批注框绘制模块将批注信息按照批注框的第一尺寸信息进行缩放，并将缩放后的批注信息显示在位于批注图层中的批注框中。

由于批注框大小有限，为了保证能够将批注信息完整的显示在批注框中，批注绘制模块在需要将批注信息按照批注框的第一尺寸信息进行缩放，并将缩放后的批注信息显示在位于批注图层中的批注框中。示例性地，该过程可以参考上述图3中的(d)图所示的应用场景。

在一些实施例中，由于输入操作是一个动态的操作，因此，批注绘制模块对批注信息按照批注框的第一尺寸信息进行缩放的操作同样是一个动态的操作，且批注信息中的文字量越大，批注框中显示的批注信息的字体越小。

步骤1028：笔记模块接收对批注框的退出编辑操作。

作为一个示例，退出编辑操作可以是用户点击批注框之外的位置时所触发的操作，也可以是其他操作，比如，笔记界面中显示有退出编辑选项，用户可以点击退出编辑选项，从而触发退出编辑操作。本申请实施例对此不作具体限制。

步骤1029：笔记模块向图文画布模块发送批注框的第一尺寸信息和批注信息。

由于批注框显示在批注图层中的情况下，该批注框处于编辑状态，在批注框退出编辑状态后，为了便于管理，批注框及批注框中的批注信息需要显示在图文画布图层上，因此，笔记模块需要向图文画布模块发送批注框的第一尺寸信息和批注信息。

步骤1030：图文画布模块接收批注框的第一尺寸信息和批注信息。

步骤1031：图文画布模块在图文画布图层上按照第一尺寸信息绘制批注框，并在批注框中显示批注信息。

示例性，参见图11中的(b)图，批注信息和批注框可以显示在图文画布图层上。

步骤1032：笔记模块存储笔记界面处于第一显示状态时的第一界面尺寸、第一位置的位置信息、批注框的第一尺寸信息以及批注框中显示的批注信息。

由于用户在记录笔记信息的过程中，很可能会因为各种各样的原因切换笔记界面的显示状态，而为了避免在笔记界面的显示状态发生切换后，笔记界面中批注框与对应的目标笔记信息之间的相对位置发生错位，笔记模块可以存储第一界面尺寸、第一位置的位置信息、第一尺寸信息和批注信息。

步骤1033：笔记模块监听笔记界面的显示状态。

作为本申请的一个示例，笔记模块可以实时监听笔记界面的显示状态。或者，按照指定时间间隔监听笔记界面的显示状态，该指定时间间隔可以根据需求预先进行设置，比如，该指定时间间隔可以为10秒、30秒或60秒等。或者，在用户暂停在笔记界面中进行笔记信息的记录操作的情况下，监听笔记界面的显示状态，本申请实施例对此不作具体限制。

由于笔记界面的显示状态可能随时会发生变化，因此，为了避免错过笔记界面的显示状态的变化，通常情况下，笔记模块可以实时监听笔记界面的显示状态。

步骤1034：笔记模块在监听到笔记界面的显示状态切换为第二显示状态的情况下，获取笔记界面处于第二显示状态时的第二界面尺寸。

由于用户在使用笔记界面记录笔记信息的过程中，可能会将笔记界面由横屏显示状态切换为竖屏显示状态，或者，将笔记界面由竖屏显示状态切换为横屏显示状态，或者，将笔记界面由全屏显示状态切换为分屏显示状态，或者，将笔记界面由分屏显示状态切换为全屏显示状态，或者，将笔记界面由全屏显示状态切换为在悬浮窗中显示的状态等，因此，第二显示状态存在多种可能性。且第二显示状态与第一显示状态不同，其中，笔记界面由第一显示状态切换为第二显示状态可以是指笔记界面的尺寸发生变化，即笔记界面处于第一显示状态时的尺寸与笔记界面处于第二显示状态时的尺寸不相同。

由于在笔记界面的显示状态发生变化的情况下，笔记界面的界面尺寸也将发生变化，且笔记界面的尺寸将影响笔记界面中笔记信息的排版。因此，笔记模块在监听到笔记界面的显示状态切换为第二显示状态的情况下，需要获取笔记界面处于第二显示状态时的第二界面尺寸。

步骤1035：笔记模块根据第一界面尺寸和第二界面尺寸确定界面缩放比例。

需要说明的是，第一界面尺寸包括笔记界面处于第一显示状态的第一长边和第一宽边，第二界面尺寸包括笔记界面处于第二显示状态时的第二长边和第二宽边。且笔记界面发生缩放的情况下，宽边缩放和长边缩放可能是不相同的，因此，该界面缩放比例包括宽边缩放比例和长边缩放比例。

作为一个示例，在笔记界面的显示状态发生变化的情况下，笔记界面的长边和宽边中的至少一个会发生变化。其中，在笔记界面的长边未发生变化，而笔记界面的宽边发生变化的情况下，可以确定笔记界面的第一宽边与第二宽边之间的宽边缩放比例，并确定长缩放比例为1：1。在笔记界面的宽边未发生变化，而笔记界面的长边发生变化的情况下，可以确定笔记界面的第一长边与第二长边之间的长边缩放比例，并确定宽边缩放比例为1:1。在笔记界面的宽边和长边均发生变化的情况下，可以确定笔记界面的第一长边与第二长边之间的长边缩放比例，以及确定笔记界面的第一宽边与第二宽边之间的宽比缩放比例。

需要说明的是，本申请实施例中以上述确定界面缩放比例的操作为例进行说明，并不对本申请实施例构成限定。

示例性地，在第一长边为2000设备独立像素(device independent pixels，dp)，第一宽边为1000dp的情况下，若笔记界面由全屏显示状态切换为按照左右方式显示的分屏显示状态，如图5中的(b)图所示的应用场景，则笔记界面的宽边未发生变化，但是长边发生了变化，因此，处于分屏显示状态的笔记界面的第二长边为1000dp，第二宽边为1000dp。那么宽边缩放比例为2:1，长边缩放比例为1:1。

示例性地，在第一长边为2000dp，第一宽边为1000dp的情况下，若笔记界面由横屏显示状态切换为竖屏显示状态，如图3中的(e)图和(f)图所示的应用场景，则笔记界面的宽边和长边均发生了变化，处于竖屏显示状态的笔记界面的第二长边为1000dp，第二宽边为2000dp。那么宽边缩放比例为1:2，长边缩放比例为2:1。

步骤1036：笔记模块根据界面缩放比例、第一位置的位置信息和第一尺寸信息，确定批注框的第二尺寸信息和第二位置的位置信息。

由上述可知，界面缩放比例包括宽边缩放比例和长边缩放比例，因此，笔记模块可以根据宽边缩放比例和长边缩放比例，确定批注框的第二尺寸信息和第二位置的位置信息。

在一种情况下，在长边缩放比例为1:1，且宽边缩放比例不为1:1的情况下，笔记模块可以将第一尺寸信息中的宽边信息除以宽边缩放比例，得到第二尺寸信息中的宽边信息，并将第一尺寸信息的长边信息确定为第二尺寸信息中的长边信息。

示例性地，在长边缩放比例为1:1，宽边缩放比例为2:1的情况下，若第一尺寸信息中的长边信息为200dp，宽边信息为100dp，那么第二尺寸信息中的长边信息为200dp，宽边信息为50dp。

在另一种情况下，在长边缩放比例不为1:1，且宽边缩放比例为1:1的情况下，笔记模块可以将第一尺寸信息中的长边信息除以长边缩放比例，得到第二尺寸信息中的长边信息，并将第一尺寸信息的宽边信息确定为第二尺寸信息中的宽边信息。

示例性地，在长边缩放比例为2:1，宽边缩放比例为1:1的情况下，若第一尺寸信息中的长边信息为200dp，宽边信息为100dp，那么第二尺寸信息中的长边信息为100dp，宽边信息为100dp。

在又一种情况下，在长边缩放比例不为1:1，且宽边缩放比例也不为1:1的情况下，笔记模块可以将第一尺寸信息中的长边信息除以长边缩放比例，得到第二尺寸信息中的长边信息，并将第一尺寸信息中的宽边信息处于宽边缩放比例，得到第二尺寸信息中的宽边信息。

示例性地，在长边缩放比例为1:2，宽边缩放比例为2:1的情况下，若第一尺寸信息中的长边信息为200dp，宽边信息为100dp，那么第二尺寸信息中的长边信息为400dp，宽边信息为50dp。

在一些实施例中，第一位置的位置信息可以通过坐标表示，因此，笔记模块可以根据第一位置的坐标和界面缩放比例，确定第二位置的位置信息。

在一种情况下，在长边缩放比例不为1:1，且宽边缩放比例为1:1的情况下，笔记模块可以将第一位置的横坐标除以长边缩放比例，得到第二位置的横坐标，并将第一位置的纵坐标确定为第二位置的纵坐标。

示例性地，在第一位置的坐标为(1500,500)，且长边缩放比例为2:1，宽边缩放比例为1:1的情况下，第二位置的坐标为(750，500)。

在另一种情况下，在长边缩放比例为1:1，且宽边缩放比例不为1:1的情况下，笔记模块可以将第一位置的纵坐标除以宽边缩放比例，得到第二位置的纵坐标，并将第一位置的横坐标确定为第二位置的横坐标。

示例性地，在第一位置的坐标为(1500,500)，且长边缩放比例为1:1，宽边缩放比例为2:1的情况下，第二位置的坐标为(1500，250)。

在又一种情况下，在长边缩放比例不为1:1，且宽边缩放比例不为1:1的情况下，笔记模块可以将第一位置的纵坐标除以宽边缩放比例，得到第二位置的纵坐标，并将第一位置的横坐标除以长边缩放比例，得到第二位置的横坐标。

示例性地，在第一位置的坐标为(1500,500)，且长边缩放比例为1:2，宽边缩放比例为2:1的情况下，第二位置的坐标为(750，250)。

步骤1037：笔记模块将第二尺寸信息、第二位置的位置信息和批注信息发送至图文画布模块。

由于批注框需要显示在图文画布图层上，因此，笔记模块需要将第二尺寸信息、第二位置的位置信息和批注信息发送至图文画布模块。

步骤1038：图文画布模块接收第二尺寸信息、第二位置的位置信息和批注信息。

步骤1039：图文画布模块根据第二尺寸信息和第二位置的位置信息，在第二位置处显示带有批注信息的批注框。

图文画布模块可以根据第二尺寸信息和第二位置的位置信息，在图文画布图层的第二位置处显示批注框，然后在批注框中显示批注信息，或者，图文画布模块同时在图文画布图层的第二位置处显示批注框和批注信息，本申请实施例对此不作具体限制。

在本申请实施例中，用户在对任意一个手写的笔记信息或者图片类的笔记信息进行批注后，若笔记界面的显示状态发生变化，那么携带有批注信息的批注框与所针对的笔记信息之间的相对位置并不会发生变化，从而即便是笔记界面的显示状态发生变化，用户还是能够获知批注框中的批注信息是针对哪一部分笔记信息的，提高了对笔记信息进行批注的准确性。

基于上述实施例提供的执行主体和应用场景，接下来对本申请实施例提供的批注框的显示方法进行介绍。请参考图12，图12是根据一示例性实施例示出的另一种批注框的显示方法流程示意图。作为示例而非限定，这里以该方法应用于安装有笔记应用程序的电子设备中，电子设备通过图9所示的多个模块交互实现为例进行说明，该方法可以包括如下部分或者全部内容：

步骤1201-步骤1211可以参考上述步骤1001-1011，本申请实施例对此不再进行一一赘述。

步骤1212：在四边形的面积大于或等于面积阈值的情况下，笔记模块在笔记界面中显示提示窗。

需要说明的是，提示窗用于指示用户确认四边形是否用于绘制批注框。示例性的，显示提示窗的场景可以参考上述图4所示的应用场景。

由于四边形的面积大于或等于面积阈值的情况下，说明该四边形可以用于绘制批注框，但是，用户也可能单纯是需要在笔记信息中记录一个四边形，并不是需要进行批注，因此，为了避免出现误操作，在四边形的面积大于或等于面积阈值的情况下，笔记模块可以在笔记界面中显示提示窗。

在一些示例中，在四边形的面积大于或等于面积阈值的情况下，笔记模块也可以按照上述步骤1012的操作直接向法模块发送矩形识别消息，并在下述步骤1217所描述的笔记模块在接收到矩形的位置信息和第二坐标点集的情况下，显示提示窗，也即是，本申请实施例中，提示窗可以在识别四边形的面积大于或等于面积阈值的情况下显示，也可以在进行矩形识别操作后显示，本申请实施例对此不作具体限制。

步骤1213：笔记模块响应于对提示窗中确认选项的触发操作，向算法模块发送矩形识别消息。

由于笔记模块接收到用户对提示窗中确认选项的触发操作的情况下，说明用户希望绘制四边形用于生成批注框，因此，笔记模块可以向算法模块发送矩形识别消息。

步骤1214-1240的步骤可以参考上述步骤1013-步骤1239的操作，本申请实施例对此不作具体限制。

在本申请实施例中，用户在对任意一个手写的笔记信息或者图片类的笔记信息进行批注后，若笔记界面的显示状态发生变化，那么携带有批注信息的批注框与所针对的笔记信息之间的相对位置并不会发生变化，从而即便是笔记界面的显示状态发生变化，用户还是能够获知批注框中的批注信息是针对哪一部分笔记信息的，提高了对笔记信息进行批注的准确性。

需要说明的是，上述是以电子设备通过图9所示的多个模块交互实现批注框的显示方法为例进行说明，接下来，为了进一步理解本申请实施例，以该方法由具有笔记功能的电子设备执行为例进行说明，请参考图13，图13是根据一示例性实施例示出的另一种批注框的显示方法流程示意图。作为示例而非限定，该方法可以包括如下部分或者全部内容：

步骤1301：在笔记界面处于第一显示状态的情况下，响应于在笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在第一位置处显示批注框。

需要说明的是，目标笔记信息为笔记界面包括的手写的笔记信息或者图片类的笔记信息中的任意笔记信息。该第一位置为与目标笔记信息相邻的位置，或者，为目标笔记信息所在位置的任意一个位置等。

用户在笔记界面记录笔记信息的过程中，为了完善笔记信息，很可能会对目标笔记信息进行批注，此时，用户可以在笔记界面中的第一位置处针对目标笔记信息进行批注框插入操作，如此，电子设备想用于笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在第一位置处显示批注框。

作为一个示例，该批注框插入操作可以包括多种触发方式，根据批注框操作触发方式的不同，电子设备在第一位置处显示批注框的方式也不同。

在一种可能的实现方式中，在笔记界面处于第一显示状态的情况下，电子设备响应于在笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在第一位置处显示批注框的操作包括：在笔记界面处于第一显示状态的情况下，响应于在笔记界面中的第一位置处针对目标笔记信息的批注框绘制操作，按照批注框绘制操作的操作轨迹在第一位置处显示对应的四边形；根据构成四边形的多个坐标点的第一坐标点集，确定四边形的面积；在四边形的面积大于或等于面积阈值的情况下，基于四边形的位置信息和第一坐标点集，生成批注框；删除四边形；在第一位置处显示批注框。

由于用户在记录笔记信息的过程中，用户可能会为了进行批注而绘制四边形，但是用户很可能也会手写笔记信息，而手写笔记信息的过程中免不了书写出形状与四边形相似的文字，在该种情况下，四边形并不是用来生成批注框的，且由于用户书写文字的大小有限，因此，电子设备根据构成四边形的多个坐标点的第一坐标点集，确定四边形的面积，并在四边形的面积大于或等于面积阈值的情况下，基于四边形的位置信息和第一坐标点集，生成批注框。

作为一个示例，电子设备可以根据第一坐标点集，确定四边形的各个边长，然后通过四边形的各个边长，确定四边形的面积。或者，电子设备可以根据第一坐标点集，确定四边形所占像素数量，然后将每个像素对应的面积大小乘以四边形所占像素数量，得到四边形的面积。

需要说明的是，每个像素对应的面积大小可以预先进行设置，本申请实施例对此不作具体限定。该面积阈值同样可以预先根据需求进行设置，比如，该面积阈值可以为小四字体面积的2倍、四号字体面积的2倍或四号字体面积的3倍等。

值得说明的是，通过绘制四边形的方式生成批注框，从而提高了在记录笔记信息过程中显示批注框的便利性。

由上述可知，电子设备中包括笔记模块，电子设备根据构成四边形的多个坐标点的第一坐标点集，确定四边形的面积的操作可以由笔记模块实现，该过程可以参考上述步骤1011的操作，本申请实施例对此不再进行一一赘述。

在一些实施例中，在四边形的面积小于面积阈值的情况下，说明该四边形为用户手写文字的一部分，并不是用来进行批注的，电子设备显示四边形即可。

在一些实施例中，在四边形的面积大于或等于面积阈值的情况下，电子设备基于四边形的位置信息和第一坐标点集，生成批注框的操作包括：在四边形的面积大于或等于面积阈值的情况下，根据四边形的位置信息和第一坐标点集，对四边形进行拟合处理，得到与四边形相关的矩形的位置信息和构成矩形的多个坐标点的第二坐标点集；根据矩形的位置信息和第二坐标点集，生成批注框。

值得说明的是，通过在面积大于或等于面积阈值的情况下，生成批注框，从而避免了基于每一个四边形都生成批注框的误操作，提高了生成批注框的准确性。

由上述可知，电子设备中不仅包括笔记模块，还可以包括算法模块，因此，在四边形的面积大于或等于面积阈值的情况下，笔记模块可以向算法模块发送矩形识别消息，矩形识别消息中携带四边形的位置信息和第一坐标点集；算法模块根据四边形的位置信息，对四边形进行轮廓识别操作；算法模块根据第一坐标点集和轮廓识别操作的识别结果对四边形进行边界拟合操作，得到矩形的位置信息和第二坐标点集；算法模块向笔记模块发送矩形的位置信息和第二坐标点集。

需要说明的是，电子设备通过笔记模块和算法模块根据四边形的位置信息和第一坐标点集，对四边形进行拟合处理，得到与四边形相关的矩形的位置信息和构成矩形的多个坐标点的第二坐标点集的操作可以参考上述步骤1012-步骤1015的操作，本申请实施例对此不再一一赘述。

值得说明的是，通过轮廓识别操作和边界拟合操作，使得显示的批注框的形状为规范的矩形，提高了显示批注框的美观性，同时也使得用户可以获知后续显示的批注框的大小。

在一些实施例中，由于后续需要在第一位置处显示批注框，因此，电子设备需要先删除四边形，然后根据矩形的位置信息和第二坐标点集，生成批注框。

作为一个示例，电子设备中还可以包括图文画布模块，如此，电子设备删除四边形的操作包括：笔记模块向图文画布模块发送删除手写矩形消息；图文画布模块删除四边形。

由于四边形显示在图文画布模块绘制的图文画布图层上，因此，图文画布模块在接收到删除手写矩形消息的情况下，可以将图文画布图层上显示的四边形删除。

值得说明的是，通过删除四边形，可以使得显示矩形的位置处不存在其他影响批注信息显示的内容，提高了笔记界面的美观性。

作为一个示例，电子设备中还包括批注框绘制模块，如此，笔记模块可以向批注框绘制模块发送绘制消息，绘制消息中携带矩形的位置信息、第二坐标点集和第一位置的位置信息；批注框绘制模块根据矩形的位置信息和第二坐标点集，生成批注框；批注框绘制模块根据第一位置的位置信息，在第一位置处显示批注框。

需要说明的是，电子设备通过批注绘制模块和笔记模块在第一位置处显示批注框的操作可以参考上述步骤1020-步骤1023的操作，本申请实施例对此不再进行一一赘述。

值得说明的是，通过根据第一位置的位置信息在第一位置处显示批注框，从而使得批注框的位置更准确。

在另一种可能的实现方式中，电子设备响应于对笔记界面中插入批注选项的触发操作，在第一位置处显示批注框。

在一种实施例中，电子设备基于四边形的位置信息和第一坐标点集，生成批注框之前，在四边形的面积大于或等于面积阈值的情况下，电子设备还可以在笔记界面中显示提示窗，该提示窗用于指示用户确认四边形是否用于绘制批注框。如此，电子设备基于四边形的位置信息和第一坐标点集，生成批注框的操作包括：响应于对提示窗中确认选项的触发操作，基于四边形的位置信息和第一坐标点集，生成批注框。

由于四边形的面积大于或等于面积阈值的情况下，说明该四边形可以用作绘制批注框，但是，用户也可能单纯是需要在笔记信息中记录一个四边形，并不是需要进行批注，因此，为了避免出现误操作，在四边形的面积大于或等于面积阈值的情况下，笔记模块可以在笔记界面中显示提示窗。

作为一个示例，用户也可能会触发提示窗中的取消选项，那么电子设备响应于对提示窗中取消选项的提示窗，不再对四边形进行处理。

值得说明的是，通过提示窗来提示用户确认四边形是否用于绘制批注框，进一步避免了在用户不需要显示批注框的情况下，基于四边形绘制批注框，从而提高了显示批注框的准确性和可靠性。

步骤1302：响应于对批注框的输入操作，在批注框中显示输入操作输入的批注信息。

通常情况下，批注框在显示后的状态为待编辑状态，即为未输入文字的文本框，且有时批注框中不存在批注信息的情况下，该批注框在退出编辑状态后可能不再显示，因此，为了达到批注目的，用户需要在批注框中输入批注信息，从而电子设备响应于对批注框的输入操作，可以在批注框中显示输入操作输入的批注信息。

在一些实施例中，电子设备响应于对批注框的输入操作，在批注框中显示输入操作输入的批注信息的操作包括：笔记模块响应于对批注框的输入操作，将输入操作输入的批注信息发送给批注框绘制模块；批注绘制模块将批注信息按照批注框的第一尺寸信息进行缩放，并将缩放后的批注信息显示在位于批注图层中的批注框中；笔记模块响应于对批注框的退出编辑操作，向图文画布模块发送批注框的第一尺寸信息和批注信息；图文画布模块在图文画布图层上按照第一尺寸信息绘制批注框，并在批注框中显示批注信息。

值得说明的是，通过按照批注框的第一尺寸信息对批注信息进行缩放，从而使得批注信息适应于批注框的大小，保证了批注信息能够完整的显示在批注框中，提高了信息显示完整性。

步骤1303：存储笔记界面处于第一显示状态时的第一界面尺寸、第一位置的位置信息、批注框的第一尺寸信息以及批注框中显示的批注信息。

由于用户在记录笔记信息的过程中，很可能会因为各种各样的原因切换笔记界面的显示状态，而为了避免在笔记界面的显示状态发生切换后，笔记界面中批注框与对应的目标笔记信息之间的位置发生错位，电子设备可以存储笔记界面处于第一显示状态时的第一界面尺寸、第一位置的位置信息、第一尺寸信息和批注信息。

值得说明的是，通过获取并存储第一界面尺寸、第一位置的位置信息、第一尺寸信息和批注信息，使得后续笔记界面的显示状态发生变化的情况下，可以通过具体的数据来确定批注框在第二显示状态的笔记界面中的位置。

步骤1304：响应于对笔记界面的显示状态的切换操作，将笔记界面的显示状态切换为切换操作对应的第二显示状态，并将带有批注信息的批注框显示在第二位置处，以使笔记界面处于第二显示状态的情况下目标笔记信息与批注框的相对位置不改变。

需要说明的是，第二显示状态与第一显示状态不同，且第二显示状态可以为全屏显示状态、上下分屏显示状态、左右分屏显示状态或悬浮窗中显示的状态等中的任意一种状态。

在一些实施例中，电子设备将批注框显示在第二位置处的操作包括：获取笔记界面处于第二显示状态时的第二界面尺寸；根据第一界面尺寸和第二界面尺寸确定界面缩放比例；根据界面缩放比例、第一位置的位置信息和第一尺寸信息，确定批注框的第二尺寸信息和第二位置的位置信息；根据第二尺寸信息和第二位置的位置信息，在第二位置处显示带有批注信息的批注框。

值得说明的是，通过确定界面缩放比例，在笔记界面的显示状态发生变化后，可以准确地确定批注框的大小和位置，从而提高了批注框显示的准确性。

在一些实施例中，电子设备可以包括笔记模块和图文画布模块；笔记模块可以监听笔记界面的显示状态；笔记模块在监听到笔记界面处于第二显示状态的情况下，可以获取笔记界面处于第二显示状态时的第二界面尺寸。如此，电子设备根据第二尺寸信息和第二位置的位置信息，在第二位置处显示带有批注信息的批注框的操作包括：笔记模块将第二尺寸信息、第二位置的位置信息和批注信息发送至图文画布模块；图文画布模块根据第二尺寸信息和第二位置的位置信息，在第二位置处显示带有批注信息的批注框。

值得说明的是，通过笔记模块对笔记界面的显示状态进行监听，从而在笔记界面的显示状态发生变化的情况，能够快速且及时地确定第二尺寸信息和第二位置的位置信息，提高了批注框在笔记界面的显示状态发生变化时的显示可靠性。

在本申请实施例中，用户在对任意一个手写的笔记信息或者图片类的笔记信息进行批注后，若笔记界面的显示状态发生变化，那么携带有批注信息的批注框与所针对的笔记信息之间的相对位置并不会发生变化，从而即便是笔记界面的显示状态发生变化，用户还是能够获知批注框中的批注信息是针对哪一部分笔记信息的，提高了对笔记信息进行批注的准确性。

接下来，对本申请实施例涉及的电子设备予以说明。

本申请实施例提供的方法可以由电子设备执行，电子设备可以具有笔记功能。进一步地，该电子设备中可以安装有诸如备忘录、云记等能够实现笔记功能的应用程序。作为示例而非限定，电子设备可以是但不限于平板电脑、桌面型、膝上型、手持计算机、笔记本电脑、车载设备、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、蜂窝电话、个人数字助理(personal digital assistant，PDA)、增强现实(augmentedreality，AR)\虚拟现实(virtual reality，VR)设备、手机、智能电器等，本申请实施例对此不作限定。

图14是本申请实施例提供的一种电子设备的结构示意图。参见图14，电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universalserial bus，USB)接口130，传感器模块180以及显示屏194等。其中，传感器模块180可以包括压力传感器180A，加速度传感器180E，触摸传感器180K等。

可以理解的是，本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。

处理器110可以包括一个或多个处理单元，比如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processingunit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。

其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。

处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从该存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。

在一些实施例中，处理器110可以包括一个或多个接口，如可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuitsound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purposeinput/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。

可以理解的是，本申请实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。

电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。

显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emittingdiode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的整数。

外部存储器接口120可以用于连接外部存储卡，比如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。比如将音乐，视频等文件保存在外部存储卡中。

内部存储器121可以用于存储计算机可执行程序代码，计算机可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，来执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100在使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，比如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。

压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器180A检测触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。比如：当有触摸操作强度小于压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。

加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。加速度传感器180E还可以用于识别电子设备100的姿态，应用于横竖屏切换，计步器等应用。

触摸传感器180K，也称“触控面板”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器180K可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。

在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意结合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络或其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，比如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(比如：同轴电缆、光纤、数据用户线(Digital Subscriber Line，DSL))或无线(比如：红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质，或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质(比如：软盘、硬盘、磁带)、光介质(比如：数字通用光盘(Digital Versatile Disc，DVD))或半导体介质(比如：固态硬盘(Solid State Disk，SSD))等。

以上所述为本申请提供的可选实施例，并不用以限制本申请，凡在本申请的揭露的技术范围之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (13)

1.一种批注框的显示方法，其特征在于，应用于电子设备中，所述方法包括：

在笔记界面处于第一显示状态的情况下，响应于在所述笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在所述第一位置处显示批注框，所述目标笔记信息为所述笔记界面包括的手写的笔记信息或者图片类的笔记信息中的任意笔记信息；

响应于对所述批注框的输入操作，在所述批注框中显示所述输入操作输入的批注信息；

响应于对所述笔记界面的显示状态的切换操作，将所述笔记界面的显示状态切换为所述切换操作对应的第二显示状态，并将带有所述批注信息的所述批注框显示在第二位置处，以使所述笔记界面处于所述第二显示状态的情况下所述目标笔记信息与所述批注框的相对位置不改变。

2.如权利要求1所述的方法，其特征在于，所述在笔记界面处于第一显示状态的情况下，响应于在所述笔记界面中的第一位置处针对目标笔记信息的批注框插入操作，在所述第一位置处显示批注框，包括：

在笔记界面处于第一显示状态的情况下，响应于在所述笔记界面中的第一位置处针对所述目标笔记信息的批注框绘制操作，按照所述批注框绘制操作的操作轨迹在所述第一位置处显示对应的四边形；

根据构成所述四边形的多个坐标点的第一坐标点集，确定所述四边形的面积；

在所述四边形的面积大于或等于面积阈值的情况下，基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框；

删除所述四边形；

在所述第一位置处显示所述批注框。

3.如权利要求2所述的方法，其特征在于，所述在所述四边形的面积大于或等于面积阈值的情况下，基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框，包括：

在所述四边形的面积大于或等于所述面积阈值的情况下，根据所述四边形的位置信息和所述第一坐标点集，对所述四边形进行拟合处理，得到与所述四边形相关的矩形的位置信息和构成所述矩形的多个坐标点的第二坐标点集；

根据所述矩形的位置信息和所述第二坐标点集，生成所述批注框。

4.如权利要求3所述的方法，其特征在于，所述电子设备包括笔记模块和算法模块；

所述在所述四边形的面积大于或等于所述面积阈值的情况下，根据所述四边形的位置信息和所述第一坐标点集，对所述四边形进行拟合处理，得到与所述四边形相关的矩形的位置信息和构成所述矩形的多个坐标点的第二坐标点集，包括：

在所述四边形的面积大于或等于所述面积阈值的情况下，所述笔记模块向所述算法模块发送矩形识别消息，所述矩形识别消息中携带所述四边形的位置信息和所述第一坐标点集；

所述算法模块根据所述四边形的位置信息，对所述四边形进行轮廓识别操作；

所述算法模块根据所述第一坐标点集和所述轮廓识别操作的识别结果对所述四边形进行边界拟合操作，得到所述矩形的位置信息和所述第二坐标点集；

所述算法模块向所述笔记模块发送所述矩形的位置信息和所述第二坐标点集。

5.如权利要求4所述的方法，其特征在于，所述电子设备中还包括图文画布模块；

所述删除所述四边形，包括：

所述笔记模块向所述图文画布模块发送删除手写矩形消息；

所述图文画布模块删除所述四边形。

6.如权利要求4或5所述的方法，其特征在于，所述电子设备中还包括批注框绘制模块；

所述根据所述矩形的位置信息和所述第二坐标点集，生成所述批注框，包括：

所述笔记模块向所述批注框绘制模块发送绘制消息，所述绘制消息中携带所述矩形的位置信息、所述第二坐标点集和所述第一位置的位置信息；

所述批注框绘制模块根据所述矩形的位置信息和所述第二坐标点集，生成所述批注框；

所述在所述第一位置处显示所述批注框，包括：

所述批注框绘制模块根据所述第一位置的位置信息，在所述第一位置处显示所述批注框。

7.如权利要求6所述的方法，其特征在于，所述响应于对所述批注框的输入操作，在所述批注框中显示所述输入操作输入的批注信息，包括：

所述笔记模块响应于对所述批注框的输入操作，将所述输入操作输入的所述批注信息发送给所述批注框绘制模块；

所述批注绘制模块将所述批注信息按照所述批注框的第一尺寸信息进行缩放，并将缩放后的所述批注信息显示在位于批注图层中的批注框中，所述第一尺寸信息为所述笔记界面处于所述第一显示状态时所述批注框的尺寸信息；

所述笔记模块响应于对所述批注框的退出编辑操作，向所述图文画布模块发送所述批注框的第一尺寸信息和所述批注信息；

所述图文画布模块在图文画布图层上按照所述第一尺寸信息绘制所述批注框，并在所述批注框中显示所述批注信息。

8.如权利要求1-7中任一项所述的方法，其特征在于，所述响应于对所述笔记界面的显示状态的切换操作，将所述笔记界面的显示状态切换为所述切换操作对应的第二显示状态之前，还包括：

存储所述笔记界面处于所述第一显示状态时的第一界面尺寸、所述第一位置的位置信息、所述批注框的第一尺寸信息以及所述批注框中显示的批注信息。

9.如权利要求8所述的方法，其特征在于，所述将所述批注框显示在第二位置处，包括：

获取所述笔记界面处于所述第二显示状态时的第二界面尺寸；

根据所述第一界面尺寸和第二界面尺寸确定界面缩放比例；

根据所述界面缩放比例、所述第一位置的位置信息和所述第一尺寸信息，确定所述批注框的第二尺寸信息和所述第二位置的位置信息；

根据所述第二尺寸信息和所述第二位置的位置信息，在所述第二位置处显示带有所述批注信息的所述批注框。

10.如权利要求9所述的方法，其特征在于，所述电子设备包括笔记模块和图文画布模块；

所述获取所述笔记界面处于所述第二显示状态时的第二界面尺寸之前，还包括：

所述笔记模块监听所述笔记界面的显示状态；

所述获取所述笔记界面处于所述第二显示状态时的第二界面尺寸，包括：

所述笔记模块在监听到所述笔记界面处于所述第二显示状态的情况下，获取所述笔记界面处于所述第二显示状态时的第二界面尺寸；

所述根据所述第二尺寸信息和所述第二位置的位置信息，在所述第二位置处显示带有所述批注信息的所述批注框，包括：

所述笔记模块将所述第二尺寸信息、所述第二位置的位置信息和所述批注信息发送至所述图文画布模块；

所述图文画布模块根据所述第二尺寸信息和所述第二位置的位置信息，在所述第二位置处显示带有所述批注信息的批注框。

11.如权利要求2-10中任一项所述的方法，其特征在于，所述基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框之前，还包括：

在所述四边形的面积大于或等于面积阈值的情况下，在所述笔记界面中显示提示窗，所述提示窗用于指示用户确认所述四边形是否用于绘制批注框；

所述基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框，包括：

响应于对所述提示窗中确认选项的触发操作，基于所述四边形的位置信息和所述第一坐标点集，生成所述批注框。

12.一种电子设备，其特征在于，所述电子设备包括：处理器和存储器，所述存储器用于存储一个或多个程序，所述一个或多个程序包括指令，当所述处理器执行所述指令时，所述电子设备用于执行如权利要求1-11中任一项所述的批注框的显示方法。

13.一种计算机可读存储介质，用于存储一个或多个程序，其中所述一个或多个程序被配置为被一个或多个处理器执行，所述一个或多个程序包括指令，所述指令使得电子设备执行如权利要求1-11任一所述的批注框的显示方法。