CN112988032B - 控件展示方法、装置和电子设备 - Google Patents

控件展示方法、装置和电子设备 Download PDF

Info

Publication number
CN112988032B
CN112988032B CN202110374497.3A CN202110374497A CN112988032B CN 112988032 B CN112988032 B CN 112988032B CN 202110374497 A CN202110374497 A CN 202110374497A CN 112988032 B CN112988032 B CN 112988032B
Authority
CN
China
Prior art keywords
height
target
page
current page
keyboard interface
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
Application number
CN202110374497.3A
Other languages
English (en)
Other versions
CN112988032A (zh
Inventor
夏侯嘉曦
齐紫云
张升辉
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202110374497.3A priority Critical patent/CN112988032B/zh
Publication of CN112988032A publication Critical patent/CN112988032A/zh
Application granted granted Critical
Publication of CN112988032B publication Critical patent/CN112988032B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本公开的实施例公开了控件展示方法、装置和电子设备。该方法的一具体实施方式包括:响应于输入控件的触发操作,弹出键盘界面,其中,当前页面的打开浏览器基于键盘界面的弹出,减小当前页面的展示页面高度;确定当前页面的展示页面高度所减小的目标高度;根据目标高度,确定键盘界面的界面高度;根据上述界面高度,将输入控件展示于不被键盘界面遮挡的位置。该实施方式提供了一种实现键盘界面不遮挡输入控件的新方法。

Description

控件展示方法、装置和电子设备
技术领域
本公开的实施例涉及计算机技术领域,尤其涉及一种控件展示方法、装置和电子设备。
背景技术
实践中,终端可以展示输入框和用于在输入框中输入信息的软键盘。由此,用户可以通过操作软键盘,在输入框中输入信息。
应该理解,为了实现在输入框中正常输入信息,软键盘不能遮挡输入框。
发明内容
提供该公开内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该公开内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的实施例提供了一种控件展示方法、装置和电子设备,提供了一种实现键盘界面不遮挡输入控件的新方法。。
第一方面,本公开的实施例提供了一种控件展示方法,该方法包括:响应于输入控件的触发操作,弹出键盘界面,其中,当前页面的打开浏览器基于键盘界面的弹出,减小当前页面的展示页面高度;确定当前页面的展示页面高度所减小的目标高度;根据目标高度,确定键盘界面的界面高度;根据上述界面高度,将输入控件展示于不被键盘界面遮挡的位置。
第二方面,本公开的实施例提供了一种控件展示装置,该装置包括:弹出单元,用于响应于输入控件的触发操作,弹出键盘界面,其中,当前页面的打开浏览器基于键盘界面的弹出,减小当前页面的展示页面高度;第一确定单元,用于确定当前页面的展示页面高度所减小的目标高度;第二确定单元,用于根据目标高度,确定键盘界面的界面高度;展示单元,用于根据上述界面高度,将输入控件展示于不被上述键盘界面遮挡的位置。
第三方面,本公开的实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如第一方面所述的控件展示方法。
第四方面,本公开的实施例提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理器执行时实现如第一方面所述的控件展示方法的步骤。
本公开的实施例提供的控件展示方法、装置和电子设备,响应于输入控件的触发操作,可以弹出键盘界面。实践中,当前页面的打开浏览器基于键盘界面的弹出,减小当前页面的展示页面高度。进一步,在当前页面的展示页面高度减小后,可以确定当前页面的展示页面高度所减小的目标高度。再进一步,可以根据目标高度,确定键盘界面的界面高度。最后,可以根据上述界面高度,将输入控件展示于不被键盘界面遮挡的位置。由此,在不借助于浏览器自带的接口的前提下,实现键盘界面不遮挡输入控件。从而,可以拓宽用于实现键盘界面不遮挡输入控件的应用范围。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
图1是根据本公开的控件展示方法的一些实施例的流程图;
图2A、图2B是根据本公开的控件展示方法的另一些实施例的流程图;
图3A和图3B是根据本公开的控件展示方法的一些实施例中打开浏览器移动或者压缩当前页面的示意图;
图4是根据本公开的控件展示装置的一些实施例的结构示意图;
图5是本公开的一些实施例的控件展示方法可以应用于其中的示例性系统架构;
图6是根据本公开的一些实施例提供的电子设备的基本结构的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
请参考图1,其示出了根据本公开的控件展示方法的一些实施例的流程。如图1所示,该控件展示方法,包括以下步骤:
步骤101,响应于输入控件的触发操作,弹出键盘界面。
在本实施例中,响应于输入控件的触发操作,控件展示方法的执行主体(例如,图5中所示的终端设备501、502)可以弹出键盘界面。
上述输入控件可以是用于输入信息的各种控件。例如,上述输入控件可以是输入框控件。通常,输入控件可以展示于屏幕的各种位置。可选地,输入控件可以展示于屏幕底部。当然,输入控件也可以展示于屏幕的其它位置,此处不再一一赘述。上述键盘界面用于在上述输入控件中输入信息。通常,用户可以通过操作键盘界面,编辑在输入控件中输入的信息。
实践中,键盘界面可以按照各种方向弹出。可选地,键盘界面可以按照屏幕底部指向屏幕顶部的方向弹出。当然,键盘界面也可以按照其它方向(例如,屏幕左侧指向屏幕右侧的方向弹出,或者屏幕右侧指向屏幕左侧)弹出,此处不再一一列举。
在键盘界面弹出后,键盘界面可能遮挡输入控件。
在本实施例中,当前页面的打开浏览器基于键盘界面的弹出,减小当前页面的展示页面高度。
上述打开浏览器可以是打开当前页面的浏览器。展示页面高度可以是当前页面在屏幕中展示出的页面高度。可见,若键盘界面弹出,打开浏览器具有减小当前页面的展示页面高度的特性。
由此可见,在键盘界面弹出后,打开浏览器可以减小当前页面的展示页面高度。
步骤102,确定当前页面的展示页面高度所减小的目标高度。
在本实施例中,上述执行主体可以确定当前页面的展示页面高度所减小的目标高度。
在一些场景中,在键盘界面弹出前和弹出后,上述执行主体可以分别截屏。进一步,上述执行主体可以从截取的图像中,识别出当前页面在键盘界面弹出前和弹出后的展示页面高度。由此,上述执行主体可以将当前页面在键盘界面弹出前和弹出后的展示页面高度之差,作为目标高度。
步骤103,根据目标高度,确定键盘界面的界面高度。
在本实施例中,上述执行主体可以根据目标高度,确定键盘界面的界面高度。
在一些场景中,目标高度是键盘界面的界面高度。可见,打开浏览器将当前页面的展示页面高度减小上述键盘界面的界面高度。此时,上述执行主体可以将目标高度作为上述键盘界面的界面高度。
在一些场景中,目标高度和键盘界面的界面高度之差为预定高度。此时,上述执行主体可以将目标高度和预定高度之差,作为键盘界面的界面高度。需要说明的是,预定高度可以是上述输入控件的控件高度。
步骤104,根据上述界面高度,将输入控件展示于不被键盘界面遮挡的位置。
在本实施例中,上述执行主体可以根据键盘界面的界面高度,将输入控件展示于不被键盘界面遮挡的位置。
在一些场景中,在键盘界面弹出前,输入控件展示于屏幕可视区域的底部。键盘界面在弹出后也展示于屏幕可视区域的底部。因此,在键盘界面弹出后,键盘界面可能遮挡输入控件。需要说明的是,输入控件展示于屏幕可视区域的底部,可以是输入控件的下边界和屏幕可视区域的下边界相重合,也可以是输入控件的下边界和屏幕可视区域的下边界之间的高度差在预设差值范围内。键盘界面的类似地展示于屏幕可视区域的底部,此处不再赘述。
在一些场景中,上述执行主体可以将输入控件展示于下边界和键盘界面的上边界重合的位置。此时,输入控件的下边界和键盘界面的上边界重合。
在相关技术中,在键盘界面弹出后,通过调用浏览器自带的接口,尽可能将输入框展示于不被键盘界面遮挡的位置。然而,浏览器自带的接口所包含的程序是固定的,在一些场景中,无法实现键盘界面不遮挡输入框。从而,限制了用于实现键盘界面不遮挡输入框的应用范围。
在本实施例中,在键盘界面弹出后,首先确定打开浏览器对当前页面的展示页面高度所减小的目标高度,然后根据所确定的目标高度,确定键盘界面的界面高度,最后根据所确定的界面高度,将输入控件展示于不被键盘界面遮挡的位置。由此,在不借助于浏览器自带的接口的前提下,实现键盘界面不遮挡输入控件。从而,可以拓宽用于实现键盘界面不遮挡输入控件的应用范围。
在一些实施例中,上述执行主体还可以执行图2A所示的流程,该流程包括步骤105。
步骤105,在自定义虚拟区域中,模拟当前页面在屏幕可视区域中的展示。
屏幕可视区域可以是屏幕中用于展示内容的区域。
自定义虚拟区域用于模拟当前页面在屏幕可视区域中的展示。自定义虚拟区域是一个虚拟的区域,并非屏幕中真实存在的区域。
实践中,自定义虚拟区域可以在多种时机下创建。可选地,自定义虚拟区域响应于输入控件的触发操作而创建。由此,当用户对输入控件执行触发操作时,创建自定义虚拟区域。在一些场景中,自定义虚拟区域可以预先创建。
实践中,在键盘界面弹出后,可以在自定义虚拟区域中模拟当前页面在屏幕可视区域中的展示。
此时,上述执行主体可以按照图2B所示的流程,执行上述步骤102。该流程包括步骤1021和步骤1022。
步骤1021,确定当前页面在键盘界面弹出后在自定义虚拟区域中的目标展示页面高度。
在一些场景中,预先设置从自定义虚拟区域中获取当前页面的展示页面高度的函数。上述执行主体可以通过调用这些函数,确定当前页面在键盘界面弹出后在自定义虚拟区域中的目标展示页面高度。
步骤1022,根据当前页面的初始页面高度和目标展示页面高度,确定上述目标高度。
上述初始页面高度可以是在键盘界面弹出前,当前页面的展示页面高度。通常,在键盘界面弹出前,当前页面的展示页面高度也即当前页面的实际页面高度。
在一些场景中,自定义虚拟区域和屏幕可视区域的大小成预定比例,例如,自定义虚拟区域的大小是屏幕可视区域的大小的N(N为正数)倍。由此,目标展示页面高度是当前页面在屏幕可视区域中的展示页面高度的N倍。此时,上述执行主体可以将目标展示页面高度与N之比,作为键盘界面弹出后,当前页面在屏幕可视区域中的第一展示页面高度。进一步,上述执行主体可以将当前页面的初始页面高度和第一展示页面高度之差,作为上述目标高度。
在实际应用中,无法在屏幕可视区域中直接获取当前页面的展示页面高度。因此,通过在自定义虚拟区域中模拟当前页面的展示,并且,在键盘界面弹出后,获取当前页面在自定义虚拟区域中的目标展示页面高度。进一步,根据目标展示页面高度,确定出当前页面的展示页面高度所减小的目标高度。由此,即使无法从屏幕可视区域中直接获取当前页面的展示页面高度,仍然可以确定出当前页面的展示页面高度所减小的目标高度。
在一些实施例中,自定义虚拟区域和屏幕可视区域的大小一致。也即,自定义虚拟区域和屏幕可视区域的宽、高均相同。
此时,上述执行主体可以按照如下方式,执行上述步骤1022。
具体地,将上述初始页面高度和目标展示页面高度之差作为上述目标高度。
可以理解,当自定义虚拟区域和屏幕可视区域的大小一致时,当前页面在自定义虚拟区域中和在屏幕可视区域中的展示页面高度相同。由此,目标展示页面高度也即键盘界面弹出后,当前页面在屏幕可视区域中的展示页面高度。
实践中,打开浏览器可以通过多种方式,减小当前页面的展示页面高度。在一些实施例中,打开浏览器可以按照以下方式,减小当前页面的展示页面高度。
具体地,沿屏幕底部指向屏幕顶部的方向,移动或者压缩当前页面。由此,通过移动或者压缩当前页面的方式,减小当前页面的展示页面高度。
可以理解,沿屏幕底部指向屏幕顶部的方向移动当前页面,当前页面的实际页面高度不会发生改变。沿着屏幕底部指向屏幕顶部的方向压缩当前页面,当前页面的实际页面高度也会减小。
在一些实施例中,打开浏览器可以按照以下方式,移动或者压缩当前页面。
具体地,响应于键盘界面的弹出,沿屏幕底部指向屏幕顶部的方向,移动或者压缩当前页面,以使当前页面的下边界和键盘界面的上边界相重合或者超过键盘界面的上边界预定高度。
作为示例,参见图3A,在键盘界面302弹出前,屏幕可视区域中显示当前页面301。在键盘界面302弹出后,打开浏览器可以沿着屏幕底部指向屏幕顶部的方向,移动或者压缩当前页面301,直至当前页面301的下边界与键盘界面302的上边界相重合。
作为示例,参见图3B,在键盘界面302弹出后,打开浏览器可以沿着屏幕底部指向屏幕顶部的方向,移动或者压缩当前页面301,直至当前页面301的下边界超过键盘界面302的上边界预定高度。
需要说明的是,预定高度可以是上述输入控件的控件高度。可见,在键盘界面弹出后,若将输入控件展示于下边界与键盘界面的上边界相重合的位置,输入控件的上边界与当前页面的下边界也相重合。
由此,在键盘界面弹出后,打开浏览器可以通过移动或者压缩当前页面的方式,实现当前页面的下边界与键盘界面的上边界相重合或者超过键盘界面的上边界预定高度。
在一些实施例中,上述执行主体可以按照以下方式,执行上述步骤103。
具体地,根据打开浏览器移动或者压缩当前页面的目标高度,确定上述界面高度。
可以理解,打开浏览器移动或者压缩当前页面的目标高度,也即当前页面的展示页面高度所减小的目标高度。
在一些场景中,经过打开浏览器的移动或者压缩,当前页面的下边界与键盘界面的上边界相重合。此时,上述执行主体可以将打开浏览器移动或者压缩当前页面的目标高度,作为键盘界面的界面高度。
在一些场景中,经过打开浏览器的移动或者压缩,当前页面的下边界超过键盘界面的上边界预定高度。此时,上述执行主体可以将打开浏览器移动或者压缩当前页面的目标高度与预定高度之差,作为键盘界面的界面高度。
由此,可以利用打开浏览器移动或者压缩当前页面的特征,确定出键盘界面的见面高度。
在一些实施例中,上述执行主体还可以执行以下步骤。
步骤S1,确定打开浏览器是否为目标浏览器。
目标浏览器在屏幕可视区域的底部展示目标工具栏。通常,若通过目标浏览器打开当前页面,在键盘界面弹出前,当前页面的展示页面高度与目标工具栏的工具栏高度之和为屏幕可视区域的区域高度。
步骤S2,响应于打开浏览器是目标浏览器,确定目标工具栏的工具栏高度。
在一些场景中,响应于打开当前页面的打开浏览器是目标浏览器,上述执行主体可以进行截屏。进一步,上述执行主体从截取的图像中,识别出目标工具栏的工具栏高度。
此时,上述执行主体可以按照以下方式,执行上述步骤103。
具体地,根据上述工具栏高度和上述目标高度,确定上述界面高度。
在一些实施例中,在减小展示页面高度后,当前页面的下边界与键盘界面的上边界相重合。也即,经过打开浏览器减小当前页面的展示页面高度后,当前页面的下边界与键盘界面的上边界相重合。
此时,上述执行主体可以按照以下方式,确定键盘界面的界面高度。
具体地,将上述工具栏高度和上述目标高度之和作为上述界面高度。
在一些实施例中,在减小展示页面高度后,当前页面的下边界超过键盘界面的上边界预定高度。也即,经过打开浏览器减小当前页面的展示页面高度后,当前页面的下边界超过键盘界面的上边界预定高度。
此时,上述执行主体可以按照以下方式,确定键盘界面的界面高度。
第一步,确定目标高度与预定高度之差。
第二步,将所确定差值与上述工具栏高度之和,作为上述界面高度。
可以理解,如果打开当前页面的浏览器是目标浏览器,在键盘界面弹出后,若未将工具栏的工具栏高度考虑在内,可能无法正确地确定出当前页面的展示页面高度所减小的目标高度。进一步,可能无法正确地确定出键盘界面的界面高度。从而,无法将上述输入控件展示于不被键盘界面遮挡的位置。
由此,如果打开当前页面的浏览器是目标浏览器,将目标工具栏的工具栏高度考虑在内,可以正确地确定出当前页面的展示页面高度所减小的目标高度。进一步,可以正确地确定出键盘界面的界面高度。从而,即使打开浏览器在屏幕可视区域的底部展示目标工具栏,仍然可以将当前页面展示于不被键盘界面遮挡的位置。
在一些实施例中,在键盘界面弹出前,上述目标工具栏的上边界和当前页面的下边界重合。可见,在键盘界面弹出前,目标工具栏的工具栏高度和当前页面的展示页面高度之和,为屏幕可视区域的区域高度。
此时,上述执行主体可以按照以下方式,执行上述步骤S2。
具体地,将屏幕可视区域的区域高度和当前页面的初始页面高度之差,确定为上述工具栏高度。
通常,在键盘界面弹出前,当前页面的初始页面高度也即当前页面的展示页面高度。
由此,可以借助于屏幕可视区域的区域高度和当前页面的初始页面高度,确定出目标浏览器所展示的目标工具栏的工具栏高度。
在一些实施例中,上述执行主体可以按照以下方式,执行上述步骤S1。
具体地,根据打开浏览器的用户代理信息,确定打开浏览器是否为目标浏览器。
通常,浏览器的用户代理(UserAgent,UA)信息可以包括与该浏览器相关的各种信息。
由此,可以通过获取打开浏览器的用户代理信息,确定当前页面的打开浏览器是否为目标浏览器。
在一些实施例中,上述执行主体可以按照以下方式,执行上述步骤104。
具体地,根据上述界面高度,将上述输入控件展示于下边界和键盘界面的上边界相重合的位置。
在实际应用中,根据键盘界面的界面高度,可以确定出键盘界面的上边界。进一步,可以将输入控件展示于下边界与键盘界面的上边界相重合的位置。
由此,在键盘界面弹出后,通过将输入控件展示于下边界与键盘界面的上边界相重合的位置,可以将输入控件拼接于键盘界面的上方。
在一些实施例中,当前页面中展示有多媒体流的播放窗口。
上述多媒体信息流包括音频信息流和/或视频信息流。
此时,上述执行主体还可以执行如下步骤。
具体地,基于上述输入控件调整后的展示位置,将上述播放窗口显示于不被上述输入控件和上述键盘界面遮挡的位置。在一些场景中,在调整展示位置后,输入控件展示于键盘界面的上方。由此,上述执行主体可以将上述播放窗口显示于距离输入控件的上边界预设距离的位置。
由此,在键盘界面弹出后,即使调整输入控件在屏幕可视区域中的展示位置,可以实现当前页面中展示的播放窗口不被遮挡。从而,提升用户通过该播放窗口观看多媒体信息流的用户体验。
进一步参考图4,作为对上述各图所示方法的实现,本公开提供了一种控件展示装置的一些实施例,该装置实施例与图1所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图4所示,本实施例的控件展示装置包括:弹出单元401、第一确定单元402、第二确定单元403、展示单元404。弹出单元401用于:响应于输入控件的触发操作,弹出键盘界面,其中,当前页面的打开浏览器基于键盘界面的弹出,减小当前页面的展示页面高度。第一确定单元402用于:确定当前页面的展示页面高度所减小的目标高度。第二确定单元403用于:根据目标高度,确定键盘界面的界面高度。展示单元404用于:根据上述界面高度,将输入控件展示于不被键盘界面遮挡的位置。
在本实施例中,控件展示装置的弹出单元401、第一确定单元402、第二确定单元403、展示单元404的具体处理及其所带来的技术效果可分别参考图1对应实施例中步骤101、步骤102、步骤103、步骤104的相关说明,在此不再赘述。
在一些实施例中,控件展示装置还包括模拟单元(图中未示出)。模拟单元用于:在自定义虚拟区域中,模拟当前页面在屏幕可视区域中的展示,其中,自定义虚拟区域用于模拟当前页面在屏幕可视区域中的展示;第一确定单元402进一步用于:确定当前页面在键盘界面弹出后在自定义虚拟区域中的目标展示页面高度;根据当前页面的初始页面高度和目标展示页面高度,确定目标高度。
在一些实施例中,自定义虚拟区域和屏幕可视区域的大小一致;第一确定单元402进一步用于:将初始页面高度和目标展示页面高度之差作为目标高度。
在一些实施例中,自定义虚拟区域响应于触发操作而创建。
在一些实施例中,当前页面的展示页面高度通过如下方式减小:沿屏幕底部指向屏幕顶部的方向,移动或者压缩当前页面。
在一些实施例中,当前页面的展示页面高度通过如下方式减小:响应于键盘界面的弹出,沿屏幕底部指向屏幕顶部的方向,移动或者压缩当前页面,以使当前页面的下边界和键盘界面的上边界相重合或者超过键盘界面的上边界预定高度。
在一些实施例中,第二确定单元403进一步用于:根据打开浏览器移动或者压缩当前页面的目标高度,确定界面高度。
在一些实施例中,控件展示装置还包括第三确定单元(图中未示出)。第三确定单元用于:确定打开浏览器是否为目标浏览器,其中,目标浏览器在屏幕可视区域的底部展示目标工具栏;响应于打开浏览器是目标浏览器,确定目标工具栏的工具栏高度;第二确定单元403进一步用于:根据工具栏高度和目标高度,确定界面高度。
在一些实施例中,在减小展示页面高度后,当前页面的下边界与键盘界面的上边界相重合;第二确定单元403进一步用于:将工具栏高度和目标高度之和作为界面高度。
在一些实施例中,在减小展示页面高度后,当前页面的下边界超过键盘界面的上边界预定高度;第二确定单元403进一步用于:确定目标高度与预定高度之差;将所确定差值与工具栏高度之和,作为界面高度。
在一些实施例中,在键盘界面弹出前,目标工具栏的上边界和当前页面的下边界重合;第三确定单元进一步用于:将屏幕可视区域的区域高度和当前页面的初始页面高度之差,确定为工具栏高度。
在一些实施例中,第三确定单元进一步用于:根据打开浏览器的用户代理信息,确定打开浏览器是否为目标浏览器。
在一些实施例中,展示单元404进一步用于:根据界面高度,将输入控件展示于下边界和键盘界面的上边界相重合的位置。
在一些实施例中,当前页面中展示有多媒体流的播放窗口;控件展示装置还包括显示单元(图中未示出)。显示单元用于:基于输入控件调整后的展示位置,将播放窗口显示于不被输入控件和键盘界面遮挡的位置。
进一步参考图5,图5示出了本公开的一些实施例的控件展示方法可以应用于其中的示例性系统架构。
如图5所示,系统架构可以包括终端设备501、502,网络503,服务器504。网络503用以在终端设备501、502和服务器504之间提供通信链路的介质。网络503可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
终端设备501、502可以通过网络503与服务器504交互。终端设备501、502上可以安装有各种客户端应用。例如,终端设备501、502上可以安装有购物类应用、搜索类应用、新闻资讯类应用等。
在一些场景中,响应于输入控件的触发操作,终端设备501、502可以弹出键盘界面。实践中,当前页面的打开浏览器基于键盘界面的弹出,减小当前页面的展示页面高度。进一步,终端设备501、502可以确定当前页面的展示页面高度所减小的目标高度。再进一步,终端设备501、502可以根据上述目标高度,确定键盘界面的界面高度。最后,终端设备501、502可以根据上述界面高度,将上述输入控件展示于不被键盘界面遮挡的位置。
终端设备501、502可以是硬件,也可以是软件。当终端设备501、502为硬件时,可以是具有显示屏并且支持信息交互的各种电子设备,包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。当终端设备501、502为软件时,可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
服务器504可以是提供各种服务的服务器。在一些场景中,服务器504可以向终端设备501、502提供用于展示预定页面的数据。
服务器504可以是硬件,也可以是软件。当服务器504为硬件时,可以实现成多个服务器组成的分布式服务器集群,也可以实现成单个服务器。当服务器504为软件时,可以实现成多个软件或软件模块(例如用来提供分布式服务的多个软件或软件模块),也可以实现成单个软件或软件模块。在此不做具体限定。
需要说明的是,本公开的实施例所提供的控件展示方法可以由终端设备501、502可以执行,相应地,控件展示装置可以设置在终端设备501、502可以中。
应该理解,图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
下面参考图6,其示出了适于用来实现本公开的一些实施例的电子设备(例如图5中的终端设备)的结构示意图。本公开的一些实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端,以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。图6示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图6所示,电子设备可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图6中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开的一些实施例所述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的,也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:响应于输入控件的触发操作,弹出键盘界面,其中,当前页面的打开浏览器基于键盘界面的弹出,减小当前页面的展示页面高度;确定当前页面的展示页面高度所减小的目标高度;根据目标高度,确定键盘界面的界面高度;根据上述界面高度,将输入控件展示于不被键盘界面遮挡的位置。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,第二确定单元还可以被描述为“根据目标高度,确定键盘界面的界面高度”的单元。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中所公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (16)

1.一种控件展示方法,其特征在于,包括:
响应于输入控件的触发操作,弹出键盘界面,其中,当前页面的打开浏览器基于所述键盘界面的弹出,减小所述当前页面的展示页面高度;
确定所述当前页面的展示页面高度所减小的目标高度;
根据所述目标高度,确定所述键盘界面的界面高度;
根据所述界面高度,将所述输入控件展示于不被所述键盘界面遮挡的位置;
所述方法还包括:在自定义虚拟区域中,模拟所述当前页面在屏幕可视区域中的展示,其中,所述自定义虚拟区域用于模拟所述当前页面在所述屏幕可视区域中的展示;
所述确定所述当前页面的展示页面高度所减小的目标高度,包括:确定所述当前页面在所述键盘界面弹出后在所述自定义虚拟区域中的目标展示页面高度;根据所述当前页面的初始页面高度和所述目标展示页面高度,确定所述目标高度。
2.根据权利要求1所述的方法,其特征在于,所述自定义虚拟区域和所述屏幕可视区域的大小一致;以及
所述根据所述当前页面的初始页面高度和所述目标展示页面高度,确定所述目标高度,包括:
将所述初始页面高度和所述目标展示页面高度之差作为所述目标高度。
3.根据权利要求1所述的方法,其特征在于,所述自定义虚拟区域响应于所述触发操作而创建。
4.根据权利要求1所述的方法,其特征在于,所述减小所述当前页面的展示页面高度,包括:
沿屏幕底部指向屏幕顶部的方向,移动或者压缩所述当前页面。
5.根据权利要求4所述的方法,其特征在于,所述沿屏幕底部指向屏幕顶部的方向,移动或者压缩所述当前页面,包括:
响应于所述键盘界面的弹出,沿屏幕底部指向屏幕顶部的方向,移动或者压缩所述当前页面,以使所述当前页面的下边界和所述键盘界面的上边界相重合或者超过所述键盘界面的上边界预定高度。
6.根据权利要求4所述的方法,其特征在于,所述根据所述目标高度,确定所述键盘界面的界面高度,包括:
根据所述打开浏览器移动或者压缩所述当前页面的目标高度,确定所述界面高度。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
确定所述打开浏览器是否为目标浏览器,其中,所述目标浏览器在屏幕可视区域的底部展示目标工具栏;
响应于所述打开浏览器是所述目标浏览器,确定所述目标工具栏的工具栏高度;以及
所述根据所述目标高度,确定所述键盘界面的界面高度,包括:
根据所述工具栏高度和所述目标高度,确定所述界面高度。
8.根据权利要求7所述的方法,其特征在于,在减小展示页面高度后,所述当前页面的下边界与所述键盘界面的上边界相重合;以及
所述根据所述工具栏高度和所述目标高度,确定所述界面高度,包括:
将所述工具栏高度和所述目标高度之和作为所述界面高度。
9.根据权利要求7所述的方法,其特征在于,在减小展示页面高度后,所述当前页面的下边界超过所述键盘界面的上边界预定高度;以及
所述根据所述工具栏高度和所述目标高度,确定所述界面高度,包括:
确定所述目标高度与所述预定高度之差;
将所确定差值与所述工具栏高度之和,作为所述界面高度。
10.根据权利要求7所述的方法,其特征在于,在所述键盘界面弹出前,所述目标工具栏的上边界和所述当前页面的下边界重合;以及
所述确定所述目标工具栏的工具栏高度,包括:
将所述屏幕可视区域的区域高度和所述当前页面的初始页面高度之差,确定为所述工具栏高度。
11.根据权利要求7所述的方法,其特征在于,所述确定所述打开浏览器是否为目标浏览器,包括:
根据所述打开浏览器的用户代理信息,确定所述打开浏览器是否为所述目标浏览器。
12.根据权利要求1所述的方法,其特征在于,所述根据所述界面高度,将所述输入控件展示于不被所述键盘界面遮挡的位置,包括:
根据所述界面高度,将所述输入控件展示于下边界和所述键盘界面的上边界相重合的位置。
13.根据权利要求1所述的方法,其特征在于,所述当前页面中展示有多媒体流的播放窗口;以及
所述方法还包括:
基于所述输入控件调整后的展示位置,将所述播放窗口显示于不被所述输入控件和所述键盘界面遮挡的位置。
14.一种控件展示装置,其特征在于,包括:
弹出单元,用于响应于输入控件的触发操作,弹出键盘界面,其中,当前页面的打开浏览器基于所述键盘界面的弹出,减小所述当前页面的展示页面高度;
第一确定单元,用于确定所述当前页面的展示页面高度所减小的目标高度;
第二确定单元,用于根据所述目标高度,确定所述键盘界面的界面高度;
展示单元,用于根据所述界面高度,将所述输入控件展示于不被所述键盘界面遮挡的位置;
所述装置还包括:模拟单元,用于在自定义虚拟区域中,模拟所述当前页面在屏幕可视区域中的展示,其中,所述自定义虚拟区域用于模拟所述当前页面在所述屏幕可视区域中的展示;
所述第一确定单元,进一步用于确定所述当前页面在所述键盘界面弹出后在所述自定义虚拟区域中的目标展示页面高度;根据所述当前页面的初始页面高度和所述目标展示页面高度,确定所述目标高度。
15.一种电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-13中任一所述的方法。
16.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-13中任一所述的方法。
CN202110374497.3A 2021-04-07 2021-04-07 控件展示方法、装置和电子设备 Active CN112988032B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110374497.3A CN112988032B (zh) 2021-04-07 2021-04-07 控件展示方法、装置和电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110374497.3A CN112988032B (zh) 2021-04-07 2021-04-07 控件展示方法、装置和电子设备

Publications (2)

Publication Number Publication Date
CN112988032A CN112988032A (zh) 2021-06-18
CN112988032B true CN112988032B (zh) 2022-08-23

Family

ID=76339414

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110374497.3A Active CN112988032B (zh) 2021-04-07 2021-04-07 控件展示方法、装置和电子设备

Country Status (1)

Country Link
CN (1) CN112988032B (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113703592A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 安全输入方法和装置
CN114153370A (zh) * 2021-12-01 2022-03-08 常州市新瑞得仪器有限公司 数字虚拟键盘的控制方法及系统、ue设备和存储介质
CN116501205B (zh) * 2023-04-28 2024-04-26 重庆赛力斯凤凰智创科技有限公司 被覆盖视图的移动方法、装置、电子设备及可读存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1118929A3 (en) * 2000-01-19 2004-04-07 Siemens Aktiengesellschaft Interactive input with limit-value monitoring and online help for a palmtop device
CN103309596B (zh) * 2012-03-13 2016-12-14 深圳市世纪光速信息技术有限公司 一种输入法键盘的调整方法及其移动终端
CN106502573A (zh) * 2016-11-22 2017-03-15 天脉聚源(北京)传媒科技有限公司 一种视图界面移动的方法及装置
CN107368242A (zh) * 2017-09-20 2017-11-21 济南浚达信息技术有限公司 一种安卓系统软键盘自动调整位置的方法
CN109814965B (zh) * 2019-01-10 2021-06-04 北京城市网邻信息技术有限公司 H5页面的处理方法、装置、电子设备及存储介质

Also Published As

Publication number Publication date
CN112988032A (zh) 2021-06-18

Similar Documents

Publication Publication Date Title
CN112988032B (zh) 控件展示方法、装置和电子设备
CN110046021B (zh) 一种页面显示方法、装置、系统、设备和存储介质
CN110784754A (zh) 视频显示方法、装置和电子设备
CN111399956A (zh) 应用于显示设备的内容展示方法、装置和电子设备
CN111325704B (zh) 图像修复方法、装置、电子设备及计算机可读存储介质
EP4243398A1 (en) Video processing method and apparatus, electronic device, and storage medium
US11849211B2 (en) Video processing method, terminal device and storage medium
CN111190520A (zh) 菜单项选择方法、装置、可读介质及电子设备
CN111935544B (zh) 交互方法、装置和电子设备
CN111459364B (zh) 图标更新方法、装置和电子设备
CN113377366A (zh) 控件编辑方法、装置、设备、可读存储介质及产品
WO2021088823A1 (zh) 用于交互控制的方法、装置、终端及存储介质
CN110766780A (zh) 渲染房间图像的方法、装置、电子设备及计算机可读介质
CN114679628B (zh) 一种弹幕添加方法、装置、电子设备和存储介质
CN111290819A (zh) 显示操作提示的方法、装置和电子设备
EP4297415A1 (en) Information display method and apparatus based on video, and device and medium
CN114417782A (zh) 展示方法、装置和电子设备
CN111259291B (zh) 视图展示方法、装置和电子设备
CN112256221A (zh) 信息显示方法、装置和电子设备
CN113628097A (zh) 图像特效配置方法、图像识别方法、装置及电子设备
EP4171017A1 (en) Video generation and playing method and apparatus, and electronic device and storage medium
CN112822328A (zh) 数据展示方法、装置和电子设备
CN111770385A (zh) 一种卡片显示方法、装置、电子设备及介质
CN111309323A (zh) 参数初始化方法、装置和电子设备
CN111325093A (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