CN114329273B - 气泡宽度的确定方法、装置、电子设备及计算机存储介质 - Google Patents
气泡宽度的确定方法、装置、电子设备及计算机存储介质 Download PDFInfo
- Publication number
- CN114329273B CN114329273B CN202111643033.4A CN202111643033A CN114329273B CN 114329273 B CN114329273 B CN 114329273B CN 202111643033 A CN202111643033 A CN 202111643033A CN 114329273 B CN114329273 B CN 114329273B
- Authority
- CN
- China
- Prior art keywords
- bubble
- bytes
- width
- determining
- text content
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供了一种气泡宽度的确定方法、装置、电子设备及计算机存储介质,涉及计算机技术领域。其中,所述方法包括:确定终端设备的页面内的气泡中的待展示的文本内容的字节数量;根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则;根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度。本发明能够自动确定终端设备的页面内的气泡中的宽度,进而提升用户的阅读体验。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种气泡宽度的确定方法、装置、电子设备及计算机存储介质。
背景技术
根据终端设备的浏览需求,终端设备进行页面的展示。在用户浏览页面的过程中,用户鼠标的指针移动到页面的某个热区或者页面图标并悬停时,会触发对应的段落内容的展示浮层,该浮层称为气泡。终端设备的页面存在一定数量的单段落内容的气泡。这些气泡以固定宽度展示。当气泡内的段落内容更新时,会导致出现段落内容的最后一行的文本不符合展示要求。例如,最后一行的文本是一个汉字的情况、一个汉字加上句号的情况、两个汉字的情况,或者两个汉字加上句号的情况等。这样,在视觉上不符合用户的阅读习惯,影响了用户的阅读体验。因此,需要前端工程师对终端设备的页面内的气泡的宽度进行逐个调整,相当耗费时间和精力,成本很高。
由此可见,如何自动调整终端设备的页面内的气泡的宽度,进而提升用户的阅读体验成为当前亟待解决的技术问题。
发明内容
有鉴于此,本发明实施例所解决的技术问题之一在于提供一种气泡宽度的确定方法、装置、电子设备及计算机存储介质,用以解决现有技术中存在的如何自动调整终端设备的页面内的气泡的宽度,进而提升用户的阅读体验的技术问题。
根据本发明实施例的第一方面,提供了一种气泡宽度的确定方法,所述方法包括:确定终端设备的页面内的气泡中的待展示的文本内容的字节数量;根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则;根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度。
根据本发明实施例的第二方面,提供了一种气泡宽度的确定装置,所述装置包括:第一确定模块,用于确定终端设备的页面内的气泡中的待展示的文本内容的字节数量;第二确定模块,用于根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则;第三确定模块,用于根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度。
根据本发明实施例的第三方面,提供了一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如第一方面所述的气泡宽度的确定方法对应的操作。
根据本发明实施例的第四方面,提供了一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时实现如第一方面所述的气泡宽度的确定方法。
根据本发明实施例提供的气泡宽度的确定方案,确定终端设备的页面内的气泡中的待展示的文本内容的字节数量,并根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则,再根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度,与现有的其它方式相比,通过所述待展示的文本内容的字节数量,能够准确地确定所述终端设备的页面内的所述气泡的宽度计算规则,此外,通过所述终端设备的页面内的所述气泡的宽度计算规则,能够自动确定终端设备的页面内的气泡的宽度,进而自动调整终端设备的页面内的气泡的宽度,减少了前端工程师的开发后期工作量和单独维护成本,提高了整体的工作效率,同时又能保证气泡在页面内的展示效果,给用户带来更好的视觉体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明实施例中记载的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1A为本实施例一中气泡宽度的确定方法的步骤流程图;
图1B为根据本实施例一提供的页面内的气泡的展示效果的示意图;
图1C为根据本实施例一提供的页面内的气泡的展示效果的示意图;
图1D为根据本实施例一提供的页面内的气泡的展示效果的示意图;
图1E为根据本实施例一提供的页面内的气泡的展示效果的示意图;
图1F为根据本实施例一提供的页面内的气泡的展示效果的示意图;
图1G为根据本实施例一提供的页面内的气泡的展示效果的示意图;
图1H为根据本实施例一提供的气泡宽度的计算过程的示意图;
图1I为根据本实施例一提供的页面内的气泡的展示效果的示意图;
图2为本实施例二中气泡宽度的确定装置的结构示意图;
图3为本实施例三中电子设备的结构示意图。
具体实施方式
为了使本领域的人员更好地理解本发明实施例中的技术方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅是本发明实施例一部分实施例,而不是全部的实施例。基于本发明实施例中的实施例,本领域普通技术人员所获得的所有其他实施例,都应当属于本发明实施例保护的范围。
下面结合本发明实施例附图进一步说明本发明实施例具体实现。
参照图1A,示出了本实施例一中气泡宽度的确定方法的步骤流程图。
具体地,本实施例提供的气泡宽度的确定方法包括以下步骤:
在步骤S101中,确定终端设备的页面内的气泡中的待展示的文本内容的字节数量。
在本实施例中,所述待展示的文本内容可包括中文字符、英文字符、标点符号、数字或者表情符号等。一个中文字符的字节数量为两个,一个中文标点符号的字节数量为两个,一个英文字符的字节数量为一个,一个英文标点符号的字节数量为一个,一个数字的字节数量为一个,一个表情符号的字节数量为四个。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一些可选实施例中,在确定终端设备的页面内的气泡中的待展示的文本内容的字节数量时,通过调用所述页面的字节数量确定接口,确定所述终端设备的页面内的气泡中的待展示的文本内容的字节数量。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,所述字节数量确定接口可理解为具有字节数量确定功能的应用程序接口,所述字节数量确定接口可采用Java语言、C语言、C++、C#、PHP、Python、VB等编程语言编写。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在步骤S102中,根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则。
在一些可选实施例中,在根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则时,响应于确定所述待展示的文本内容的字节数量处于预设的第一字节数量范围内,确定预设的第一宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第一宽度计算规则为根据所述待展示的文本内容的字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度的规则。籍此,能够准确地确定预设的第一宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,所述第一字节数量范围可由本领域技术人员根据实际需要进行设定,本实施例对此不做任何限定。所述第一字节数量范围可为[0,50]。所述文本内容距离所述气泡左右两侧的间距可为24个像素,也即是24px。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一些可选实施例中,在根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则时,响应于确定所述待展示的文本内容的字节数量处于预设的第二字节数量范围内,确定预设的第二宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第二宽度计算规则为根据预设的用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度的规则。籍此,能够准确地确定预设的第二宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,所述第二字节数量范围可由本领域技术人员根据实际需要进行设定,本实施例对此不做任何限定。所述第二字节数量范围可为[50,84]。所述文本内容距离所述气泡左右两侧的间距可为24个像素,也即是24px。所述预设的用于计算所述气泡的宽度的单行文本字节数量可由本领域技术人员根据实际需要进行设定,本实施例对此不做任何限定。所述预设的用于计算所述气泡的宽度的单行文本字节数量可为42个字节。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一些可选实施例中,在根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则时,响应于确定所述待展示的文本内容的字节数量处于预设的第三字节数量范围内,确定预设的第三宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第三宽度计算规则为通过确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量是否超过预设的第一字节数量来确定所述气泡的宽度的规则。
在一个具体的例子中,所述第三字节数量范围可由本领域技术人员根据实际需要进行设定,本实施例对此不做任何限定。所述第三字节数量范围可为大于84个字节。所述预设的第一字节数量可由本领域技术人员根据实际需要进行设定,本实施例对此不做任何限定。所述预设的第一字节数量可为4个字节。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在步骤S103中,根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度。
在一些可选实施例中,当所述终端设备的页面内的所述气泡的宽度计算规则为所述第一宽度计算规则时,所述根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度,包括:根据所述待展示的文本内容的字节数量和预设的字节宽度,计算所述待展示的文本内容的宽度;根据所述待展示的文本内容的宽度和所述文本内容距离所述气泡左右两侧的间距,计算所述气泡的宽度。籍此,通过所述待展示的文本内容的宽度和所述文本内容距离所述气泡左右两侧的间距,能够准确地计算所述气泡的宽度。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,在计算所述待展示的文本内容的宽度时,将所述待展示的文本内容的字节数量与所述预设的字节宽度进行相乘,以获得相乘结果;确定所述相乘结果为所述待展示的文本内容的宽度。其中,所述预设的字节宽度可由本领域技术人员根据实际需要进行设定,本实施例对此不做任何限定。所述预设的字节宽度可为7个像素,也即是7px。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,在计算所述气泡的宽度时,将所述待展示的文本内容的宽度与所述文本内容距离所述气泡左右两侧的间距进行相加,以获得相加结果;确定所述相加结果为所述气泡的宽度。其中,所述文本内容距离所述气泡左右两侧的间距可为24个像素,也即是24px。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,当文本内容的总字节数量小于50个字节时,可以进行单行展示,气泡宽度按文本内容的宽度加24个像素(文本内容距离气泡左右两侧间距之和)计算。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,如图1B所示,文本内容的汉字数量为21个,相应的文本内容的字节数量为42个字节,文本内容在页面的气泡中进行单行展示。如果文本内容的最后一个中文字符“手”后面紧跟着微笑表情符号(图中未示出),可以计算得到相应的文本内容的字节数量为46个字节,文本内容在页面的气泡中进行单行展示。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,如图1C所示,文本内容的汉字数量为22个,相应的文本内容的字节数量为44个字节,文本内容在页面的气泡中进行单行展示。如果文本内容的最后一个中文字符“段”后面紧跟着惊讶表情符号(图中未示出),可以计算得到相应的文本内容的字节数量为48个字节,文本内容在页面的气泡中进行单行展示。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,如图1D所示,文本内容的汉字数量为23个,相应的文本内容的字节数量为46个字节,文本内容在页面的气泡中进行单行展示。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,如图1E所示,文本内容的汉字数量为24个,相应的文本内容的字节数量为48个字节,文本内容在页面的气泡中进行单行展示。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一些可选实施例中,当所述终端设备的页面内的所述气泡的宽度计算规则为所述第二宽度计算规则时,所述根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度,包括:根据预设的用于计算所述气泡的宽度的单行文本字节数量和预设的字节宽度,计算用于计算所述气泡的宽度的单行文本宽度;根据所述单行文本宽度和所述文本内容距离所述气泡左右两侧的间距,计算所述气泡的宽度。籍此,通过所述单行文本宽度和所述文本内容距离所述气泡左右两侧的间距,能够准确地计算所述气泡的宽度。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,在计算用于计算所述气泡的宽度的单行文本宽度时,将所述预设的用于计算所述气泡的宽度的单行文本字节数量与所述预设的字节宽度进行相乘,以获得相乘结果;确定所述相乘结果为所述单行文本宽度。其中,所述预设的字节宽度可由本领域技术人员根据实际需要进行设定,本实施例对此不做任何限定。所述预设的字节宽度可为7个像素,也即是7px。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,在计算所述气泡的宽度时,将所述单行文本宽度与所述文本内容距离所述气泡左右两侧的间距进行相加,以获得相加结果;确定所述相加结果为所述气泡的宽度。其中,所述文本内容距离所述气泡左右两侧的间距可为24个像素,也即是24px。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,当文本内容的总字节数量处于[50,84]时,气泡宽度按预设的用于计算所述气泡的宽度的单行文本宽度加24个像素(文本距离气泡左右两侧间距之和)计算。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,如图1F所示,文本内容的汉字数量为25个,相应的文本内容的字节数量为50个字节,文本内容在页面的气泡中进行两行展示。第一行展示的汉字数量为21个,第二行展示的汉字数量为4个。如果文本内容的最后一个中文字符“识”后面紧跟着微笑表情符号(图中未示出),可以计算得到相应的文本内容的字节数量为54字节,文本内容在页面的气泡中进行两行展示。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,如图1G所示,文本内容的汉字数量为32个,相应的文本内容的字节数量为64个字节,文本内容在页面的气泡中进行两行展示。第一行展示的汉字数量为21个,第二行展示的汉字数量为11个。如果文本内容的最后一个中文字符“件”后面紧跟着惊讶表情符号(图中未示出),可以计算得到相应的文本内容的字节数量为68个字节,文本内容在页面的气泡中进行两行展示。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一些可选实施例中,当所述终端设备的页面内的所述气泡的宽度计算规则为所述第三宽度计算规则时,所述根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度,包括:
字节数量计算步骤:响应于确定用于计算所述气泡的宽度的单行文本字节数量不超过预设的第二字节数量,根据所述待展示的文本内容的字节数量和所述用于计算所述气泡的宽度的单行文本字节数量,计算所述待展示的文本内容在所述气泡中展示的最后一行的字节数量;
字节数量增大步骤:响应于确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量不超过所述第一字节数量,增大所述用于计算所述气泡的宽度的单行文本字节数量;
迭代地执行所述字节数量计算步骤和所述字节数量增大步骤,直到确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量;
响应于确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量,根据所述用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度。
籍此,通过所述用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距,能够准确地计算所述气泡的宽度。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,所述第二字节数量可由本领域技术人员根据实际需要进行设定,本实施例对此不做任何限定。所述第二字节数量可为50个字节。在根据所述待展示的文本内容的字节数量和所述用于计算所述气泡的宽度的单行文本字节数量,计算所述待展示的文本内容在所述气泡中展示的最后一行的字节数量时,将所述待展示的文本内容的字节数量(S)除以所述用于计算所述气泡的宽度的单行文本字节数量(R),获得所述待展示的文本内容的行数(N);计算所述用于计算所述气泡的宽度的单行文本字节数量(R)与所述待展示的文本内容在所述气泡中展示的前N-1行的乘积,获得所述待展示的文本内容在所述气泡中展示的前N-1行文本的字节数量;将所述待展示的文本内容的字节数量减去所述待展示的文本内容在所述气泡中展示的前N-1行文本的字节数量,获得所述待展示的文本内容在所述气泡中展示的最后一行的字节数量。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,在增大所述用于计算所述气泡的宽度的单行文本字节数量时,可将所述用于计算所述气泡的宽度的原始单行文本字节数量进行加一,以获得所述用于计算所述气泡的宽度的目标单行文本字节数量。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,在根据所述用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度时,根据所述用于计算所述气泡的宽度的单行文本字节数量和所述字节宽度,计算用于计算所述气泡的宽度的单行文本宽度;根据所述单行文本宽度和所述文本内容距离所述气泡左右两侧的间距,计算所述气泡的宽度。其中,所述计算用于计算所述气泡的宽度的单行文本宽度的具体实施方式与上述计算用于计算所述气泡的宽度的单行文本宽度的具体实施方式类似,在此不再赘述,所述计算所述气泡的宽度的具体实施方式与上述计算所述气泡的宽度的具体实施方式类似,在此不再赘述。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,如图1H所示,初始化所述用于计算所述气泡的宽度的单行文本字节数量为42个字节,也即是汉字字数为21个。然后,判断所述用于计算所述气泡的宽度的单行文本字节数量(R)是否小于所述预设的第二字节数量(50个字节)。如果大于或等于,则根据所述用于计算所述气泡的宽度的单行文本字节数量(R)和所述字节宽度(7px),计算用于计算所述气泡的宽度的单行文本宽度,并根据所述单行文本宽度和所述文本内容距离所述气泡左右两侧的间距(24px),计算所述气泡的宽度。如果小于,则将所述待展示的文本内容的字节数量(S)除以所述用于计算所述气泡的宽度的单行文本字节数量(R),获得所述待展示的文本内容的行数(N),并计算所述用于计算所述气泡的宽度的单行文本字节数量(R)与所述待展示的文本内容在所述气泡中展示的前N-1行的乘积,获得所述待展示的文本内容在所述气泡中展示的前N-1行文本的字节数量,再将所述待展示的文本内容的字节数量(S)减去所述待展示的文本内容在所述气泡中展示的前N-1行文本的字节数量,获得所述待展示的文本内容在所述气泡中展示的最后一行的字节数量(M)。再判断所述待展示的文本内容在所述气泡中展示的最后一行的字节数量是否大于所述第一字节数量(4个字节)。如果大于,则根据所述用于计算所述气泡的宽度的单行文本字节数量(R)和所述字节宽度(7px),计算用于计算所述气泡的宽度的单行文本宽度,并根据所述单行文本宽度和所述文本内容距离所述气泡左右两侧的间距(24px),计算所述气泡的宽度。如果小于或等于,则将所述用于计算所述气泡的宽度的原始单行文本字节数量(R)进行加一,以获得所述用于计算所述气泡的宽度的目标单行文本字节数量,并进行迭代处理。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一个具体的例子中,如图1I所示,文本内容的汉字数量为85个,相应的文本内容的字节数量为170个字节。在第一次运算时,气泡默认21个汉字(42个字节)的宽度,末尾一行字数(字节数)不符合条件,进行第二次迭代运算。在第二次迭代运算时,气泡宽度更新为22个汉字(44个字节)的宽度,末尾一行字数(字节数)符合条件,运算结束。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在一些可选实施例中,所述确定所述气泡的宽度之后,所述方法还包括:响应于鼠标指针悬停于所述页面的页面提示图标的操作,根据所述气泡的宽度,展示所述气泡和所述气泡中的待展示的文本内容。籍此,通过所述气泡的宽度,展示所述气泡和所述气泡中的待展示的文本内容,能够有效确保所述待展示的文本内容在所述气泡中展示的最后一行的字节数量不超过所述第一字节数量,从而有效提升用户的阅读体验。可以理解的是,以上描述仅为示例性的,本实施例对此不做任何限定。
在具体的实际应用中,通过判断文本内容的字节数量,计算单行文本字节数量来设定要生成的气泡的宽度,自动生成提示气泡,无需前端工程师单独设定气泡的宽度,文本内容修改后,也能最大限度保证最后一行文字的字节数量大于4个字节。
通过本发明实施例提供的气泡宽度的确定方法,确定终端设备的页面内的气泡中的待展示的文本内容的字节数量,并根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则,再根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度,与现有的其它方式相比,通过所述待展示的文本内容的字节数量,能够准确地确定所述终端设备的页面内的所述气泡的宽度计算规则,此外,通过所述终端设备的页面内的所述气泡的宽度计算规则,能够自动确定终端设备的页面内的气泡的宽度,减少了前端工程师的开发后期工作量和单独维护成本,提高了整体的工作效率,同时又能保证气泡在页面内的展示效果,给用户带来更好的视觉体验。
本实施例提供的气泡宽度的确定方法可以由任意适当的具有数据处理能力的设备执行,包括但不限于:摄像头、终端、移动终端、PC机、服务器、车载设备、娱乐设备、广告设备、个人数码助理(PDA)、平板电脑、笔记本电脑、掌上游戏机、智能眼镜、智能手表、可穿戴设备、虚拟显示设备或显示增强设备等。
参照图2,示出了本实施例二中气泡宽度的确定装置的结构示意图。
本实施例提供的气泡宽度的确定装置包括:第一确定模块201,用于确定终端设备的页面内的气泡中的待展示的文本内容的字节数量;第二确定模块202,用于根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则;第三确定模块203,用于根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度。
可选地,所述第二确定模块202,具体用于:响应于确定所述待展示的文本内容的字节数量处于预设的第一字节数量范围内,确定预设的第一宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第一宽度计算规则为根据所述待展示的文本内容的字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度的规则。
可选地,所述第三确定模块203,具体用于:根据所述待展示的文本内容的字节数量和预设的字节宽度,计算所述待展示的文本内容的宽度;根据所述待展示的文本内容的宽度和所述文本内容距离所述气泡左右两侧的间距,计算所述气泡的宽度。
可选地,所述第二确定模块202,具体用于:响应于确定所述待展示的文本内容的字节数量处于预设的第二字节数量范围内,确定预设的第二宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第二宽度计算规则为根据预设的用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度的规则。
可选地,所述第二确定模块202,具体用于:响应于确定所述待展示的文本内容的字节数量处于预设的第三字节数量范围内,确定预设的第三宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第三宽度计算规则为通过确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量是否超过预设的第一字节数量来确定所述气泡的宽度的规则。
可选地,所述第三确定模块203,具体用于:执行字节数量计算步骤,也即是响应于确定用于计算所述气泡的宽度的单行文本字节数量不超过预设的第二字节数量,根据所述待展示的文本内容的字节数量和所述用于计算所述气泡的宽度的单行文本字节数量,计算所述待展示的文本内容在所述气泡中展示的最后一行的字节数量;执行字节数量增大步骤,也即是响应于确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量不超过所述第一字节数量,增大所述用于计算所述气泡的宽度的单行文本字节数量;迭代地执行所述字节数量计算步骤和所述字节数量增大步骤,直到确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量;响应于确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量,根据所述用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度。
可选地,所述第三确定模块203之后,所述装置还包括:展示模块,用于响应于鼠标指针悬停于所述页面的页面提示图标的操作,根据所述气泡的宽度,展示所述气泡和所述气泡中的待展示的文本内容。
本实施例提供的气泡宽度的确定装置用于实现前述多个方法实施例中相应的气泡宽度的确定方法,并具有相应的方法实施例的有益效果,在此不再赘述。
参照图3,示出了根据本发明实施例三的一种电子设备的结构示意图,本发明具体实施例并不对电子设备的具体实现做限定。
如图3所示,该电子设备可以包括:处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。
其中:
处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。
通信接口304,用于与其它电子设备或服务器进行通信。
处理器302,用于执行程序310,具体可以执行上述气泡宽度的确定方法实施例中的相关步骤。
具体地,程序310可以包括程序代码,该程序代码包括计算机操作指令。
处理器302可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。智能设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器306,用于存放程序310。存储器306可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序310具体可以用于使得处理器302执行以下操作:确定终端设备的页面内的气泡中的待展示的文本内容的字节数量;根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则;根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度。
在一种可选的实施方式中,程序310还用于使得处理器302在根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则时,响应于确定所述待展示的文本内容的字节数量处于预设的第一字节数量范围内,确定预设的第一宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第一宽度计算规则为根据所述待展示的文本内容的字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度的规则。
在一种可选的实施方式中,程序310还用于使得处理器302在根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度时,根据所述待展示的文本内容的字节数量和预设的字节宽度,计算所述待展示的文本内容的宽度;根据所述待展示的文本内容的宽度和所述文本内容距离所述气泡左右两侧的间距,计算所述气泡的宽度。
在一种可选的实施方式中,程序310还用于使得处理器302在根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则时,响应于确定所述待展示的文本内容的字节数量处于预设的第二字节数量范围内,确定预设的第二宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第二宽度计算规则为根据预设的用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度的规则。
在一种可选的实施方式中,程序310还用于使得处理器302在根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则时,响应于确定所述待展示的文本内容的字节数量处于预设的第三字节数量范围内,确定预设的第三宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第三宽度计算规则为通过确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量是否超过预设的第一字节数量来确定所述气泡的宽度的规则。
在一种可选的实施方式中,程序310还用于使得处理器302在根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度时,字节数量计算步骤:响应于确定用于计算所述气泡的宽度的单行文本字节数量不超过预设的第二字节数量,根据所述待展示的文本内容的字节数量和所述用于计算所述气泡的宽度的单行文本字节数量,计算所述待展示的文本内容在所述气泡中展示的最后一行的字节数量;字节数量增大步骤:响应于确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量不超过所述第一字节数量,增大所述用于计算所述气泡的宽度的单行文本字节数量;迭代地执行所述字节数量计算步骤和所述字节数量增大步骤,直到确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量;响应于确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量,根据所述用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度。
在一种可选的实施方式中,程序310还用于使得处理器302在确定所述气泡的宽度之后,响应于鼠标指针悬停于所述页面的页面提示图标的操作,根据所述气泡的宽度,展示所述气泡和所述气泡中的待展示的文本内容。
程序310中各步骤的具体实现可以参见上述气泡宽度的确定方法实施例中的相应步骤和单元中对应的描述,在此不赘述。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的设备和模块的具体工作过程,可以参考前述方法实施例中的对应过程描述,在此不再赘述。
通过本实施例的电子设备,确定终端设备的页面内的气泡中的待展示的文本内容的字节数量,并根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则,再根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度,与现有的其它方式相比,通过所述待展示的文本内容的字节数量,能够准确地确定所述终端设备的页面内的所述气泡的宽度计算规则,此外,通过所述终端设备的页面内的所述气泡的宽度计算规则,能够自动确定终端设备的页面内的气泡的宽度,减少了前端工程师的开发后期工作量和单独维护成本,提高了整体的工作效率,同时又能保证气泡在页面内的展示效果,给用户带来更好的视觉体验。
需要指出,根据实施的需要,可将本发明实施例中描述的各个部件/步骤拆分为更多部件/步骤,也可将两个或多个部件/步骤或者部件/步骤的部分操作组合成新的部件/步骤,以实现本发明实施例的目的。
上述根据本发明实施例的方法可在硬件、固件中实现,或者被实现为可存储在记录介质(诸如CD ROM、RAM、软盘、硬盘或磁光盘)中的软件或计算机代码,或者被实现通过网络下载的原始存储在远程记录介质或非暂时机器可读介质中并将被存储在本地记录介质中的计算机代码,从而在此描述的方法可被存储在使用通用计算机、专用处理器或者可编程或专用硬件(诸如ASIC或FPGA)的记录介质上的这样的软件处理。可以理解,计算机、处理器、微处理器控制器或可编程硬件包括可存储或接收软件或计算机代码的存储组件(例如,RAM、ROM、闪存等),当所述软件或计算机代码被计算机、处理器或硬件访问且执行时,实现在此描述的气泡宽度的确定方法。此外,当通用计算机访问用于实现在此示出的气泡宽度的确定方法的代码时,代码的执行将通用计算机转换为用于执行在此示出的气泡宽度的确定方法的专用计算机。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及方法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明实施例的范围。
以上实施方式仅用于说明本发明实施例,而并非对本发明实施例的限制,有关技术领域的普通技术人员,在不脱离本发明实施例的精神和范围的情况下,还可以做出各种变化和变型,因此所有等同的技术方案也属于本发明实施例的范畴,本发明实施例的专利保护范围应由权利要求限定。
Claims (5)
1.一种气泡宽度的确定方法,其特征在于,所述方法包括:
确定终端设备的页面内的气泡中的待展示的文本内容的字节数量;
根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则;
根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度;
其中,所述根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则,包括:
响应于确定所述待展示的文本内容的字节数量处于预设的第三字节数量范围内,确定预设的第三宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第三宽度计算规则为通过确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量是否超过预设的第一字节数量来确定所述气泡的宽度的规则;
其中,所述根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度,包括:
字节数量计算步骤:响应于确定用于计算所述气泡的宽度的单行文本字节数量不超过预设的第二字节数量,根据所述待展示的文本内容的字节数量和所述用于计算所述气泡的宽度的单行文本字节数量,计算所述待展示的文本内容在所述气泡中展示的最后一行的字节数量;
字节数量增大步骤:响应于确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量不超过所述第一字节数量,增大所述用于计算所述气泡的宽度的单行文本字节数量;
迭代地执行所述字节数量计算步骤和所述字节数量增大步骤,直到确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量;
响应于确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量,根据所述用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度。
2.根据权利要求1所述的气泡宽度的确定方法,其特征在于,所述确定所述气泡的宽度之后,所述方法还包括:
响应于鼠标指针悬停于所述页面的页面提示图标的操作,根据所述气泡的宽度,展示所述气泡和所述气泡中的待展示的文本内容。
3.一种气泡宽度的确定装置,其特征在于,所述装置包括:
第一确定模块,用于确定终端设备的页面内的气泡中的待展示的文本内容的字节数量;
第二确定模块,用于根据所述待展示的文本内容的字节数量,确定所述终端设备的页面内的所述气泡的宽度计算规则;
第三确定模块,用于根据所述终端设备的页面内的所述气泡的宽度计算规则,确定所述气泡的宽度;
其中,所述第二确定模块具体用于:响应于确定所述待展示的文本内容的字节数量处于预设的第三字节数量范围内,确定预设的第三宽度计算规则为所述终端设备的页面内的所述气泡的宽度计算规则,其中,所述第三宽度计算规则为通过确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量是否超过预设的第一字节数量来确定所述气泡的宽度的规则;
其中,所述第三确定模块具体用于:执行字节数量计算步骤,也即是响应于确定用于计算所述气泡的宽度的单行文本字节数量不超过预设的第二字节数量,根据所述待展示的文本内容的字节数量和所述用于计算所述气泡的宽度的单行文本字节数量,计算所述待展示的文本内容在所述气泡中展示的最后一行的字节数量;执行字节数量增大步骤,响应于确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量不超过所述第一字节数量,增大所述用于计算所述气泡的宽度的单行文本字节数量;迭代地执行所述字节数量计算步骤和所述字节数量增大步骤,直到确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量;响应于确定所述用于计算所述气泡的宽度的单行文本字节数量超过所述第二字节数量,或者确定所述待展示的文本内容在所述气泡中展示的最后一行的字节数量超过所述第一字节数量,根据所述用于计算所述气泡的宽度的单行文本字节数量和所述文本内容距离所述气泡左右两侧的间距计算所述气泡的宽度。
4.一种电子设备,其特征在于,所述设备包括:
处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1-2中任意一项权利要求所述的气泡宽度的确定方法对应的操作。
5.一种计算机存储介质,其特征在于,其上存储有计算机程序,该程序被处理器执行时实现如权利要求1-2中任意一项权利要求所述的气泡宽度的确定方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111643033.4A CN114329273B (zh) | 2021-12-29 | 2021-12-29 | 气泡宽度的确定方法、装置、电子设备及计算机存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111643033.4A CN114329273B (zh) | 2021-12-29 | 2021-12-29 | 气泡宽度的确定方法、装置、电子设备及计算机存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114329273A CN114329273A (zh) | 2022-04-12 |
CN114329273B true CN114329273B (zh) | 2023-04-14 |
Family
ID=81016747
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111643033.4A Active CN114329273B (zh) | 2021-12-29 | 2021-12-29 | 气泡宽度的确定方法、装置、电子设备及计算机存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114329273B (zh) |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107945248A (zh) * | 2016-10-13 | 2018-04-20 | 北京国双科技有限公司 | 一种气泡图文字展示方法及装置 |
Family Cites Families (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20170345192A1 (en) * | 2015-09-10 | 2017-11-30 | Apple Inc. | Systems and methods for displaying content of digital media |
CN106873925A (zh) * | 2015-12-10 | 2017-06-20 | 北京国双科技有限公司 | 标签文本的显示方法及装置 |
CN109582939B (zh) * | 2017-09-29 | 2023-05-26 | 北京国双科技有限公司 | 一种气泡图展示方法和装置 |
CN111399950B (zh) * | 2018-12-28 | 2024-06-11 | 北京搜狗科技发展有限公司 | 语音输入界面管理方法及装置、语音输入设备 |
CN111934975A (zh) * | 2019-05-13 | 2020-11-13 | 阿里巴巴集团控股有限公司 | 一种对话信息的展示方法及装置 |
CN111596988B (zh) * | 2020-04-27 | 2022-01-25 | 五八有限公司 | 一种终端页面的图文展示方法及装置 |
-
2021
- 2021-12-29 CN CN202111643033.4A patent/CN114329273B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107945248A (zh) * | 2016-10-13 | 2018-04-20 | 北京国双科技有限公司 | 一种气泡图文字展示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN114329273A (zh) | 2022-04-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR101994499B1 (ko) | 하이퍼링크 목적지의 가시화 기법 | |
US9772861B2 (en) | Accessing operating system elements via a tag cloud | |
CN111124564A (zh) | 显示用户界面的方法及装置 | |
CN113282214A (zh) | 笔画渲染方法、装置、存储介质以及终端 | |
CN105278751A (zh) | 一种实现人机交互的方法、装置及保护壳 | |
US8645820B2 (en) | Method and apparatus for providing comb text field inputs on a mobile device | |
CN107835305B (zh) | 用于具有屏幕的终端设备的信息输入方法和装置 | |
CN114329273B (zh) | 气泡宽度的确定方法、装置、电子设备及计算机存储介质 | |
CN113836462A (zh) | 页面描述文件的生成方法、装置、设备及存储介质 | |
CN111522610A (zh) | 信息显示方法、装置及设备 | |
CN112052647B (zh) | 一种文档编辑方法、装置、电子设备和可读存储介质 | |
CN112800373A (zh) | 网页资源数据生成方法、装置、计算机设备及存储介质 | |
EP3118731A1 (en) | Method and electronic device for inputting character | |
CN109976855A (zh) | 信息显示方法及设备 | |
US9128613B2 (en) | Positioning clickable hotspots on a touchscreen display | |
CN112861504A (zh) | 文本交互方法、装置、设备、存储介质及程序产品 | |
CN115421691A (zh) | 一种基于虚拟列表的数据滚动方法、装置及计算机设备 | |
CN110187881B (zh) | 一种异形窗口创建方法、系统、装置及计算机存储介质 | |
CN111832270B (zh) | 一种非表格文档中的表格的行号和列标的显示方法、装置及电子设备 | |
CN113515210A (zh) | 一种显示方法、装置、电子设备以及存储介质 | |
CN112732100A (zh) | 信息处理方法、装置和电子设备 | |
JP7294484B2 (ja) | プログラム、情報処理方法及び情報端末 | |
CN111506185A (zh) | 对文档进行操作的方法、装置、电子设备及存储介质 | |
CN112926419B (zh) | 字符判定结果处理方法、装置、电子设备 | |
CN114327059B (zh) | 手势处理方法、装置、设备以及存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |