一种实现头像编辑界面的方法和系统技术方案

本发明专利技术公开了一种实现头像编辑界面的方法和系统，该方法包括：对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将待编辑图片加载到第一内存位图中；生成与编辑视图尺寸相同，并且对应于编辑视图中裁剪区的部分被镂空的半透明的遮罩层，创建第二内存位图，将遮罩层加载到第二内存位图中；将第二内存位图叠加到第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在边框上绘制编辑锚点；将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。本发明专利技术提供的技术方案能够解决实现头像编辑界面的过程效率低的技术问题。

【技术实现步骤摘要】
一种实现头像编辑界面的方法和系统
本专利技术涉及计算机领域，特别是涉及一种实现头像编辑界面的方法和系统。
技术介绍
在目前大部分即时通讯IM应用中都提供了自定义头像的功能，现有的头像编辑方法通常是在本地图片中选取一张图片，对所选中的图片进行裁剪，裁剪出所选取的图片的一部分作为IM应用程序的用户头像。由于在裁剪过程中，需要生成一个对所选取的图片进行裁剪的编辑视图，现有技术中实现包括该编辑视图的头像编辑界面的方案中存在实现头像编辑界面的过程效率低、操作不流畅的问题。
技术实现思路
本专利技术提供了一种实现头像编辑界面的方法和系统，本专利技术提供的技术方案能够解决现有的头像编辑方法存在编辑视图的运行效率低、操作不流畅的问题。为达到上述目的，本专利技术的技术方案是这样实现的：本专利技术公开了一种实现头像编辑界面的方法，一种实现头像编辑界面的方法，其特征在于，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区，该方法包括：对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中；生成半透明的遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且所述遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将所述遮罩层加载到所述第二内存位图中；将所述第二内存位图叠加到所述第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点；将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。其中，所述生成半透明的遮罩层具体包括：创建与编辑视图尺寸相同的区域对象，在所述区域对象中将与所述编辑视图中裁剪区对应的部分镂空；在所述区域对象中添加半透明遮罩，生成半透明的遮罩层。其中，所述生成待编辑图片后还包括：复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对所述裁剪图片进行图像处理，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中；所述将所述第二内存位图叠加到所述第一内存位图后还包括：将所述第三内存位图叠加到第一内存位图中对应于裁剪区的位置；所述将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中具体包括：将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。其中，所述图像处理包括如下图像处理中的一种或多种：黑白化滤镜处理、光晕化滤镜处理、水滴滤镜处理和色调调整处理。其中，所述在将所述待编辑图片加载到所述第一内存位图中之后还包括：在第一内存位图中绘制指定的文字和/或线形图；所述将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中具体包括：通过溶合算法将绘制的文字和/或线形图绘制到待编辑图片中；将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。其中，该方法还包括：在接收到编辑裁剪区指令后，根据所述编辑裁剪区指令设置新的裁剪区，以该新的裁剪区作为所述编辑视图中裁剪区，执行所述创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中的步骤和后续步骤。本专利技术还公开了一种实现头像编辑界面的系统，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区，该系统包括：原图层生成模块、遮罩层生成模块、叠加模块、显示模块和头像展示模块；所述原图层生成模块，用于对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中，将所述第一内存位图传送给所述叠加模块；所述遮罩层生成模块，用于生成半透明的遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且所述遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将所述遮罩层加载到所述第二内存位图中，将所述第二内存位图传送给所述叠加模块；所述叠加模块，用于将所述第二内存位图叠加到所述第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点，将绘制有边框和编辑锚点的该第一内存位图传送给所述显示模块；所述显示模块，用于将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；所述头像展示模块，用于将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。其中，所述遮罩层生成模块，用于创建与编辑视图尺寸相同的区域对象，在所述区域对象中将与所述编辑视图中裁剪区对应的部分镂空；在所述区域对象中添加半透明遮罩，生成半透明的遮罩层。其中，该系统还包括：裁剪图片生成模块，所述裁剪图片生成模块，用于复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对所述裁剪图片进行图像处理，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中，将所述第三内存位图传送给所述叠加模块，将所述经图像处理后的裁剪图片传送给所述头像展示模块；所述叠加模块，还用于将所述第三内存位图叠加到第一内存位图中对应于裁剪区的位置；所述头像展示模块，还用于将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。其中，所述原图层生成模块，还用于在第一内存位图中绘制指定的文字和/或线形图；所述显示模块，用于通过溶合算法将绘制的文字和/或线形图绘制到待编辑图片中；将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。综上所述，本专利技术提供了一种实现头像编辑界面的方法和系统，本专利技术提供的技术方案通过在内存中创建多个内存位图，在创建的多个内存位图中分别处理待编辑图片、遮罩层、裁剪区的边框和锚点。由于对于待编辑图片和遮罩层在不同内存位图中进行处理，因此在实现头像编辑界面时，通过在内存中预处理来实现头像编辑界面，从而使得整个头像编辑界面的实现过程平滑，解决了现有技术中实现头像编辑界面的过程效率低、操作不流畅的问题。附图说明图1是本专利技术中一种实现头像编辑界面的方法流程图；图2是本专利技术的一实施例的实现头像编辑界面的方法的流程图；图3是本专利技术的一具体实施例的实现头像编辑界面的方法的流程图；图4是本专利技术中一种头像编辑界面的各个图层的示意图；图5是本专利技术中一种头像编辑界面中编辑视图的示意图；图6是本专利技术的一实施例的头像编辑界面系统的结构图；图7是本专利技术的另一实施例的头像编辑界面系统的结构图；图8是本专利技术的又一实施例的头像编辑界面系统的结构图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术实施方式作进一步地详细描述。为达到上述目的本技术的技术方案是这样实现的：在本专利技术提供的实现头像编辑界面的方法中，头像编辑界面中包括编辑视图和头像展示区，编辑视图中包括裁剪区；图1是本专利技术中一种实现头像编辑界面的方法流程图；如图1所示，该方法具体包括：步骤101，对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中。步骤102，生成半透明的遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将遮罩层加载到第二内存位图中。步骤103，将第二内存位图叠加到第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点。步骤104本文档来自技高网...

【技术保护点】
一种实现头像编辑界面的方法，其特征在于，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区，该方法包括：对于选择的图片，按编辑视图尺寸缩放该图片，生成待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中；生成半透明的遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且所述遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将所述遮罩层加载到所述第二内存位图中；将所述第二内存位图叠加到所述第一内存位图，在该第一内存位图中绘制裁剪区的边框，并在该裁剪区的边框上绘制编辑锚点；将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。

【技术特征摘要】
1.一种实现头像编辑界面的方法，其特征在于，所述头像编辑界面中包括编辑视图和头像展示区，所述编辑视图中包括裁剪区；将待编辑图片、遮罩层、裁剪区的边框和编辑锚点在内存中分层加载、计算处理，然后再一次性的绘制到所述编辑视图；该方法包括：步骤1、对于选择的图片，按编辑视图尺寸缩放该图片，生成所述待编辑图片，创建第一内存位图，将所述待编辑图片加载到所述第一内存位图中；步骤2、生成半透明的所述遮罩层，所述遮罩层尺寸与编辑视图尺寸相同，并且所述遮罩层中对应于编辑视图中裁剪区的部分被镂空，创建第二内存位图，将所述遮罩层加载到所述第二内存位图中；步骤3、将所述第二内存位图叠加到所述第一内存位图，在该第一内存位图中绘制所述裁剪区的边框，并在该裁剪区的边框上绘制所述编辑锚点；步骤4、将绘制有边框和编辑锚点的该第一内存位图绘制到编辑视图中并显示；步骤5、将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。2.根据权利要求1所述的方法，其特征在于，所述生成半透明的遮罩层具体包括：创建与编辑视图尺寸相同的区域对象，在所述区域对象中将与所述编辑视图中裁剪区对应的部分镂空；在所述区域对象中添加半透明遮罩，生成半透明的遮罩层。3.根据权利要求1所述的方法，其特征在于，所述生成待编辑图片后还包括：复制待编辑图片中对应于裁剪区的部分，获得裁剪图片，对所述裁剪图片进行图像处理，创建第三内存位图，将经图像处理后的裁剪图片加载到第三内存位图中；所述将所述第二内存位图叠加到所述第一内存位图后还包括：将所述第三内存位图叠加到第一内存位图中对应于裁剪区的位置；所述将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中具体包括：将经图像处理后的裁剪图片按头像展示区尺寸缩放后添加到头像展示区中。4.根据权利要求3所述的方法，其特征在于，所述图像处理包括如下图像处理中的一种或多种：黑白化滤镜处理、光晕化滤镜处理、水滴滤镜处理和色调调整处理。5.根据权利要求1所述的方法，其特征在于，所述在将所述待编辑图片加载到所述第一内存位图中之后还包括：在第一内存位图中绘制指定的文字和/或线形图；所述将待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中具体包括：通过溶合算法将绘制的文字和/或线形图绘制到待编辑图片中；将该待编辑图片中对应于裁剪区的部分按头像展示区尺寸缩放后添加到头像展示区中。6.根据权利要求1至5中任意一项所述的方法，其特征在于，该方法还包括：在接收到编辑裁剪区指令后，根据所述编辑裁剪区指令设置新的裁剪区，以该新的裁剪区作...

【专利技术属性】
技术研发人员：王志权，
申请(专利权)人：北京新媒传信科技有限公司，
类型：发明
国别省市：北京;11