表情面板的显示方法、装置、电子设备及可读存储介质制造方法及图纸

本公开提供了一种表情面板的显示方法、装置、电子设备及可读存储介质。该方法包括：确定文字键盘的第一高度，并将文字键盘的第一高度确定为表情面板的测量高度，随后根据测量高度来绘制并显示表情面板，由于将表情面板的高度显示为与文字键盘的高度相同，随着文件键盘与表情面板的切换，应用程序页面上滑的距离会保持一致，即能够在任何用户终端上实现文字键盘与表情面板之间的平滑切换，避免应用程序页面忽高忽低的现象，有效提升用户体验。

Display method, device, electronic equipment and readable storage medium of facial expression panel

The present disclosure provides a display method, device, electronic device and readable storage medium of an expression panel. The method includes: determining the first height of the text keyboard, and determining the first height of the text keyboard as the measured height of the expression panel, then drawing and displaying the expression panel according to the measured height. Because the height of the expression panel is shown to be the same as the height of the text keyboard, with the switch between the document keyboard and the expression panel, the sliding distance of the application page will remain the same. That is to say, it can realize smooth switching between the text keyboard and the facial expression panel on any user terminal, avoid the phenomenon of application page overshoot and undershoot, and effectively enhance the user experience.

【技术实现步骤摘要】
表情面板的显示方法、装置、电子设备及可读存储介质
本公开涉及互联网
，具体而言，本公开涉及一种表情面板的显示方法、装置、电子设备及可读存储介质。
技术介绍
互联网技术的高速发展改变了大众的沟通和交流方式，即时通讯(InstantMessaging)工具已逐渐成为在线通讯的主要应用之一，并仍在不断地改进和完善其多样化的通讯形式。即时通讯允许两人或多人使用网络实时传递文字、图片、语音、视频、文件等消息，实现沟通和交流的无缝连接。同时，为弥补即时通讯中缺少的面部表情、肢体语言等直观的情绪表达，辅助人们更好地意会在文字交流中的态度和情感，丰富多彩的聊天表情被创造了出来。现如今，聊天表情作为即时通讯中广泛使用的语言符号，越来越展现出其强大的传播力和影响力。当前很多应用软件都具备了即时通讯功能，并设计有独特的聊天表情，实时通讯过程中通过切换文字键盘和表情面板，就可实现文本及表情的输入功能。通常情况下，用户使用的文字键盘都是操作系统自带的或者是第三方的输入法软件，然而对于不同用户终端上的不同的操作系统或不同的输入法软件，所呈现出的文字键盘的高度并不相同，难以规范表情面板的高度标准。这就导致一个应用软件自主设计的表情面板在大部分用户的使用中，会出现切换文字键盘和表情面板时应用程序页面忽高忽低的现象，严重影响用户的使用感受。
技术实现思路
为克服上述技术问题或者至少部分地解决上述技术问题，特提出以下技术方案：第一方面，本公开提供了一种表情面板的显示方法，该方法包括：确定文字键盘的第一高度；将所述文字键盘的第一高度确定为表情面板的测量高度；基于所述测量高度，绘制并显示所述表情面板。在一种可选的实现方式中，所述确定文字键盘的第一高度，包括：获取显示屏幕的第二高度；当所述文字键盘弹出使得应用程序页面在所述显示屏幕中上滑时，确定所述应用程序页面的底部到所述显示屏幕顶部的距离；根据所述第二高度及所述距离，确定文字键盘的第一高度。在一种可选的实现方式中，所述根据所述第二高度及所述距离，确定文字键盘的第一高度，包括：若检测到在所述显示屏幕中除所述应用程序页面外存在系统导航栏，则获取所述系统导航栏的第三高度；根据所述第二高度、所述距离及所述第三高度，确定文字键盘的第一高度。在一种可选的实现方式中，所述基于所述测量高度，绘制并显示所述表情面板，包括：在检测到所述文字键盘的隐藏指令时，基于所述测量高度，绘制并显示所述表情面板。在一种可选的实现方式中，在以下任一情形下，确定文字键盘的第一高度：首次进入应用程序的目标页面时，确定所述目标页面中文字键盘的第一高度；每次进入应用程序的目标页面时，确定所述目标页面中文字键盘的第一高度。在一种可选的实现方式中，所述首次进入应用程序的目标页面时，确定所述目标页面中文字键盘的第一高度之后，还包括：将所述目标页面与所述目标页面中文字键盘的第一高度进行关联，得到关联结果；后续每次进入应用程序的目标页面时，根据所述关联结果确定所述目标页面中文字键盘的第一高度。在一种可选的实现方式中，所述基于所述测量高度，绘制并显示所述表情面板，包括：基于所述测量高度，确定所述表情面板中各个表情的位置信息；基于所述各个表情的位置信息，绘制并显示所述表情面板。第二方面，本公开提供了一种表情面板的显示装置，该装置包括：确定模块，用于确定文字键盘的第一高度；测量模块，用于将所述文字键盘的第一高度确定为表情面板的测量高度；绘制及显示模块，用于基于所述测量高度，绘制并显示所述表情面板。在一种可选的实现方式中，所述确定模块具体用于获取显示屏幕的第二高度；当所述文字键盘弹出使得应用程序页面在所述显示屏幕中上滑时，确定所述应用程序页面的底部到所述显示屏幕顶部的距离；根据所述第二高度及所述距离，确定文字键盘的第一高度。在一种可选的实现方式中，所述确定模块具体用于若检测到在所述显示屏幕中除所述应用程序页面外存在系统导航栏，则获取所述系统导航栏的第三高度；根据所述第二高度、所述距离及所述第三高度，确定文字键盘的第一高度。在一种可选的实现方式中，所述绘制及显示模块具体用于在检测到所述文字键盘的隐藏指令时，基于所述测量高度，绘制并显示所述表情面板。在一种可选的实现方式中，所述确定模块具体用于在以下任一情形下，确定文字键盘的第一高度：首次进入应用程序的目标页面时，确定所述目标页面中文字键盘的第一高度；每次进入应用程序的目标页面时，确定所述目标页面中文字键盘的第一高度。在一种可选的实现方式中，所述确定模块具体用于将所述目标页面与所述目标页面中文字键盘的第一高度进行关联，得到关联结果；后续每次进入应用程序的目标页面时，根据所述关联结果确定所述目标页面中文字键盘的第一高度。在一种可选的实现方式中，所述绘制及显示模块具体用于基于所述测量高度，确定所述表情面板中各个表情的位置信息；基于所述各个表情的位置信息，绘制并显示所述表情面板。第三方面，本公开提供了一种电子设备，该电子设备包括：处理器和存储器，存储器存储有至少一条指令、至少一段程序、代码集或指令集，至少一条指令、至少一段程序、代码集或指令集由处理器加载并执行以实现如本公开的第一方面或第一方面的任一可选的实现方式中所示的方法。第四方面，本公开提供了一种计算机可读存储介质，计算机存储介质用于存储计算机指令、程序、代码集或指令集，当其在计算机上运行时，使得计算机执行如本公开的第一方面或第一方面的任一可选的实现方式中所示的方法。本公开提供的表情面板的显示方法、装置、电子设备及可读存储介质，通过确定文字键盘的第一高度，并将文字键盘的第一高度确定为表情面板的测量高度，随后根据测量高度来绘制并显示表情面板，由于将表情面板的高度显示为与文字键盘的高度相同，随着文件键盘与表情面板的切换，应用程序页面上滑的距离会保持一致，即能够在任何用户终端上实现文字键盘与表情面板之间的平滑切换，避免应用程序页面忽高忽低的现象，有效提升用户体验。附图说明为了更清楚地说明本公开实施例中的技术方案，下面将对本公开实施例描述中所需要使用的附图做简单的介绍。图1为本公开实施例提供的一种表情面板的显示方法的流程示意图；图2为本公开实施例提供的一种文字键盘的示例图一；图3为本公开实施例提供的一种应用程序页面的示例图；图4为本公开实施例提供的一种文字键盘的示例图二；图5为本公开实施例提供的一种文字键盘的示例图三；图6为本公开实施例提供的一种表情面板的显示装置的结构示意图；图7为本公开实施例提供的一种电子设备的结构示意图。具体实施方式下面详细描述本公开的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本公开，而不能解释为对本公开的限制。本
技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本公开的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解，当我们称元件被“连接”或“耦接”到另一元件时，它可以直接连接或耦接到其他元件，或者也可以存本文档来自技高网...

【技术保护点】
1.一种表情面板的显示方法，其特征在于，包括：确定文字键盘的第一高度；将所述文字键盘的第一高度确定为表情面板的测量高度；基于所述测量高度，绘制并显示所述表情面板。

【技术特征摘要】
1.一种表情面板的显示方法，其特征在于，包括：确定文字键盘的第一高度；将所述文字键盘的第一高度确定为表情面板的测量高度；基于所述测量高度，绘制并显示所述表情面板。2.根据权利要求1所述的显示方法，其特征在于，所述确定文字键盘的第一高度，包括：获取显示屏幕的第二高度；当所述文字键盘弹出使得应用程序页面在所述显示屏幕中上滑时，确定所述应用程序页面的底部到所述显示屏幕顶部的距离；根据所述第二高度及所述距离，确定文字键盘的第一高度。3.根据权利要求1所述的显示方法，其特征在于，所述根据所述第二高度及所述距离，确定文字键盘的第一高度，包括：若检测到在所述显示屏幕中除所述应用程序页面外存在系统导航栏，则获取所述系统导航栏的第三高度；根据所述第二高度、所述距离及所述第三高度，确定文字键盘的第一高度。4.根据权利要求1-3任一项所述的显示方法，其特征在于，所述基于所述测量高度，绘制并显示所述表情面板，包括：在检测到所述文字键盘的隐藏指令时，基于所述测量高度，绘制并显示所述表情面板。5.根据权利要求1-3任一项所述的显示方法，其特征在于，在以下任一情形下，确定文字键盘的第一高度：首次进入应用程序的目标页面时，确定所述目标页面中文字键盘的第一高度；每次进入应用程序的目标页面时，确定所述目标页面中文字键盘的第一高度。6...

【专利技术属性】
技术研发人员：王帅，
申请(专利权)人：北京微播视界科技有限公司，
类型：发明
国别省市：北京,11