CN109725821A - 一种组件显示方法及装置 - Google Patents
一种组件显示方法及装置 Download PDFInfo
- Publication number
- CN109725821A CN109725821A CN201811640306.8A CN201811640306A CN109725821A CN 109725821 A CN109725821 A CN 109725821A CN 201811640306 A CN201811640306 A CN 201811640306A CN 109725821 A CN109725821 A CN 109725821A
- Authority
- CN
- China
- Prior art keywords
- component
- assembly
- display
- height
- soft keyboard
- 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.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供了一种组件显示方法及装置,用于解决包含文本输入框的组件变大了,降低了显示界面可用区域,以致降低了显示界面利用率的问题。其中,该方法包括:接收用户输入的针对第一组件的选中指令,调出软键盘;获取预设组件高度;根据所述预设组件高度调整第二组件,以使所述第二组件覆盖在所述第一组件的填充部上,所述第二组件为与所述第一组件相邻的组件;在显示界面中除软键盘的区域显示所述第一组件以及调整后的第二组件。实施本申请实施例,可以增加显示界面的可用区域,提高显示界面的利用率。
Description
技术领域
本申请涉及计算机技术领域,尤其涉及一种组件显示方法及装置。
背景技术
随着移动互联网技术的不断发展,手机、平板电脑等移动终端已成为人们日常生活中必不可少的电子设备。随着计算机技术的不断发展,移动终端上的应用越来越多。在包括文本输入框的应用中,一般文本输入框显示在显示界面的底部,当用户需要在文本输入框中输入文本而操作文本输入框时,将显示软键盘。由于软键盘也显示在显示界面的底部,以致软键盘的显示会遮挡文本输入框的显示,导致用户无法看见在文本输入框中输入的内容。
为了解决上述问题,在显示界面的底部显示软键盘的同时,在显示界面中与软键盘相邻位置显示文本输入框。但包含文本输入框的组件变大了,降低了显示界面可用区域,以致降低了显示界面利用率。
发明内容
本申请实施例提供一种组件显示方法及装置,用于解决包含文本输入框的组件变大了,降低了显示界面可用区域,以致降低了显示界面利用率的问题。
第一方面,本申请实施例提供了一种组件显示方法包括:
接收用户输入的针对第一组件的选中指令,调出软键盘;
获取预设组件高度;
根据所述预设组件高度调整第二组件,以使所述第二组件覆盖在所述第一组件的填充部上,所述第二组件为与所述第一组件相邻的组件;
在显示界面中除软键盘的区域显示所述第一组件以及调整后的第二组件。
在一个可能的实施方式中,所述方法还包括:
判断显示界面的布局是否发生变化,在所述显示界面的布局发生变化的情况下,执行所述获取预设组件高度的步骤。
在一个可能的实施方式中,所述接收用户输入的针对第一组件的选中指令之前,所述方法还包括:
在显示界面显示第一组件和第使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上二组件;
所述接收用户输入的针对第一组件的选中指令之后,所述方法还包括:
判断要显示软键盘的区域与所述第一组件的显示区域是否存在重叠,在判断出要显示软键盘的区域与所述第一组件的显示区域存在重叠的情况下,执行所述获取预设组件高度的步骤。
在一个可能的实施方式中,所述根据所述预设组件高度调整第二组件,包括:
向下平移第二组件使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上;
调取组件内容属性,所述组件内容属性用于指示调整所述第二组件的大小并确定所述第二组件显示的内容。
在一个可能的实施方式中,所述向下平移第二组件使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上,包括:
根据所述预设组件高度设置所述第二组件底边相对于所述第一组件的距离使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上。
第二方面,本申请实施例提供了一种组件显示装置,包括:
接收单元,用于接收用户输入的针对第一组件的选中指令,调出软键盘;
获取单元,用于获取预设组件高度;
调整单元,用于根据所述预设组件高度调整第二组件,以使所述第二组件覆盖在所述第一组件的填充部上,所述第二组件为与所述第一组件相邻的组件;
显示单元,用于在显示界面中除软键盘的区域显示所述第一组件以及调整后的第二组件。
在一个可能的实施方式中,所述装置还包括:
第一判断单元,用于判断显示界面的布局是否发生变化,在所述第一判断单元判断出显示界面的布局发生变化的情况下,所述获取单元获取预设高度。
在一个可能的实施方式中,所述显示单元,还用于所述接收单元接收用户输入的针对第一组件的选中指令之前,在显示界面显示第一组件和第二组件;
所述装置还包括:
第二判断单元,用于所述接收单元接收用户输入的针对第一组件的选中指令之后,判断要显示软键盘的区域与所述第一组件的显示区域是否存在重叠,在所述第二判断单元判断出要显示软键盘的区域与所述第一组件的显示区域存在重叠的情况下,所述获取单元获取预设组件高度。
在一个可能的实施方式中,所述调整单元具体用于:
向下平移第二组件使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上;
调取组件内容属性,所述组件内容属性用于指示调整所述第二组件的大小并确定所述第二组件显示的内容。
在一个可能的实施方式中,所述调整单元向下平移第二组件使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上包括:
根据所述预设组件高度设置所述第二组件底边相对于所述第一组件的距离使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上。
第三方面,本申请实施例提供了一种电子设备,包括处理器、存储器、输入设备和输出设备,所述处理器、所述存储器、所述输入设备和所述输出设备相互连接,其中,所述存储器用于存储支持所述电子设备执行上述进程识别方法的计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行第一方面或第一方面任一可能的实施方式提供的组件显示方法。
第四方面,本申请实施例提供了一种计算机可读存储介质,其特征在于,所述介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行第一方面或第一方面任一可能的实施方式组件显示方法。
第五方面,本申请实施例提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述各方面所述的方法。
本申请实施例中,接收用户输入的针对第一组件的选中指令,调出软键盘;获取预设组件高度;根据所述预设组件高度调整第二组件,以使所述第二组件覆盖在所述第一组件的填充部上,所述第二组件为与所述第一组件相邻的组件;在显示界面中除软键盘的区域显示所述第一组件以及调整后的第二组件。因此,在移动终端显示区域组件被选中后,软键盘的显示导致包含文本输入框组建被拉高,但是该组件上方的组件向下平移了一个被拉高的高度的部分区域,从视觉上消除了这个被拉高的影响,从而增加了显示界面的可用区域,提高了显示界面的利用率。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种组件显示方法的流程示意图;
图2是本申请实施例提供的另一种组件显示方法的流程示意图;
图3a、图3b和图3c是本申请实施例提供的一种组件显示方法的界面示意图;
图4是本申请实施例提供的一种组件显示装置的结构示意图;
图5是本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述。
应当理解,当在本说明书和所附权利要求书中使用时,术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在,但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解,在此本申请说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本申请。如在本申请说明书和所附权利要求书中所使用的那样,除非上下文清楚地指明其它情况,否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当进一步理解,在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合,并且包括这些组合。
如在本说明书和所附权利要求书中所使用的那样,术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地,短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。
请参阅图1,图1是本申请实施例提供的一种组件显示方法的流程示意图。如图1所示,该组件显示方法包括:
S101、接收用户输入的针对第一组件的选中指令,调出软键盘。
在一种可能的实施方式中,本申请中的组件显示装置可以包括智能手机如安卓(Android)手机、基于安卓系统的平板电脑、掌上电脑、笔记本电脑、移动互联网设备MID(mobile internet devices,MID)或穿戴式设备等可以安装应用软件的电子设备,上述组件显示装置仅是举例,而非穷举,包含但不限于上述组件显示装置。当然在实际应用中,上述组件显示装置也不限于上述变现形式,例如还可以包括:智能车载终端。电子设备可以包括但不限于包括一个或多个可以接收指令的屏幕,也可以包括一个或多个输入指令的输入设备,如可以用于选中文本输入框进行输入文本,如键盘、鼠标等等。
具体地,安卓应用程序是基于安卓系统的电子设备的主要构成部分,实现了电子设备的多样性、多功能性,结合了办公功能、娱乐功能、生活实用功能等,其中,安卓应用程序中包含有一种应用程序,在显示界面中可以显示一个或多个文本输入框以及其他组件,在用户选中其中一个文本输入框的时候,会显示软键盘,可以理解的是,电子设备调出软键盘显示在可以但不限于包括显示界面的底部,本申请实施例以软键盘显示在显示屏幕的底部为例,若当前输入组件的位置位于软键盘高度内的界面时,文本输入框就会被软键盘显示的区域遮挡住。
为了解决这个问题,当前应用在被开发的时候,为当前显示第一组件和第二组件提供屏幕的组件(Activity)添加两个属性,即显示输入组件所在页面设置总是调整屏幕的大小,以便留出软键盘的空间以及主窗口获取焦点时,软键盘也总是被隐藏的属性(adjustResize|stateAlwaysHidden),同时在当前包含文本输入框的组件的布局(layout)文件中为第一组件设置适应系统窗口的属性,即fitSystemWindow属性为true,这个属性的效果是在显示在界面之前会调整自身,为系统的状态栏、导航栏等空出位置,让导航栏、状态栏等组件不会盖住布局,这样就会出现在第一组件内部的上方被添加了一个填充部(padding)。需要说明的是,只有将状态栏设为透明,或者界面设为全屏显示时,fitsSystemWindows才会起作用。
进一步地,上述软键盘可以是安卓系统默认的输入法键盘,可以但不限于包括拼音键盘、五笔键盘、英文键盘以及数字键盘、手写板等等,还可以是第三方软件的键盘,如搜狗输入法键盘、百度输入法键盘等等,在这里本申请不做限定。
电子设备接收用户输入的针对第一组件的选中指令,调出软键盘,显示在显示界面上。其中,第一组件可以是一个组件,也可以是一个容器,里面包含了一个或多个组件,如文本输入框、按钮等等。为了第一组件不被软键盘遮挡,所以给第一组件设置了fitSystemWindow的属性为true,系统在实现的时候会在第一组件内部的上方设置一个填充部(padding),这个填充部的高度正好等于为状态栏(statusbar)的高度,上述状态栏为在一个显示界面顶部显示的可以包括时间、日期、电子设备电池电量、通信信号强度、应用程序通知等的信息的显示区域,其中软件开发者可以将状态栏的设置为透明、半透明以及自定义颜色。
所以,当前界面上在显示界面中除软键盘的区域显示上述第一组件以及上述第二组件,第二组件与第一组件相邻,且第二组件在第一组件的上方,并且第一组件内部的上方被增加了一个填充部。这个填充部使得相邻的第一组件和第二组件之间看上去有一个不美观的间隙。
在没有接收到用户针对第一组件的指令之前,或者在显示软键盘的显示界面上,接收到返回指令,则软键盘不显示,界面布局恢复原样。并且在用户输入的针对除开当前软键盘的其他区域的选中操作时,软键盘会隐藏显示。
S102、获取预设组件高度.。
在基于步骤S101对第一组件提供屏幕的组件(Activity)设置的属性,即在检测到用户输入的针对文本输入框的选中指令时,在屏幕上显示软键盘,通过对软键盘显示区域以外的区域的进行调整,即对在第一组件上方所有组件的大小进行调整,显示在显示界面中除软键盘显示区域以外的区域内。
在实际的实现中,获取预设组件高度借助应用区域的top属性来获取,若第一组件中包含文本输入框和按钮等组件,则第一组件可以比喻为一个“容器”,里面装有多个组件,而本实施例中文本输入框作为子控件,容器即第一组件作为父控件,则通过getTop的方式就能得到子控件的顶边到父控件顶边的距离,即本申请实施例中填充部(padding)的高度。而填充部的高度为预设组件的高度,正好等于状态栏的高度。
S103、根据上述预设组件高度调整第二组件。
在一种可能的实施方式中,在装置检测到用户输入的针对输入框的选中指令后,调出软键盘,并且获取预设组件的高度,其中,预设组件的高度为第一组件被增加填充部后的高度,因为显示界面上软键盘的显示,导致一部分本来在显示界面上显示第二组件或者第二组件上方的其他组件被滚动到上方的区域中,可能显示在第一组件上方,也有可能是部分或全部不显示在当前显示界面中。
在一种可能的实现方式中,将位于第一组件上方并且相邻的第二组件向下平移一个填充部高度,使得第二组件覆盖在上述第一组件的填充部上,其中,对于第一组件来说,填充部的部分被全部覆盖,对于第二组件来说,第二组件向下平移了一个填充部的距离,正好能够覆盖第一组件的填充部。在实际的软件开发中,通过将第二组件底边相对于第一组件的距离设置为上述填充部(padding)高度的相反数,即先获取上述padding的高度记为H,则设置第二组件相对第一组件的距离为-H,在显示的时候,就抵消了之前空隙的效果,并且因为第二组件比使用本方法之前向下移动了一个状态栏高度的距离,所以相当于在原有第二组件的显示区域增加了一个高度为状态栏高度的区域来显示更多的信息。
S104、在显示界面中除软键盘的区域显示上述第一组件以及调整后的第二组件。
在一种可能的实施方式中,以第一组件位于第二组件的下方且相邻,并且软键盘显示在显示区域的最下方为实例,则在显示界面上依次显示第二组件、被添加填充部的第一组件、软键盘,其中第二组件的部分区域与第一组件的填充部重叠。
其中,软键盘可以显示在显示界面的最下方,也可以显示在显示界面的最上方,本申请不做限定。而第一组件需位于第二组件的下方并相邻,即第一组件内被设置的填充部只能在第一组件内部的上方。
在图1所描述的组件显示方法中,接收用户输入的针对第一组件的选中指令,调出软键盘;获取预设组件高度;根据上述预设组件高度调整第二组件,以使上述第二组件部分覆盖在上述第一组件的填充部上,上述第二组件为与上述第一组件相邻的组件;在显示界面中除软键盘的区域显示上述第一组件以及调整后的第二组件。因此,在移动终端显示区域组件被选中后,软键盘的显示导致包含文本输入框组建被拉高,但是该组件上方的组件向下平移了一个被拉高的高度的部分区域,从视觉上消除了这个被拉高的影响,从而增加了显示界面的可用区域,提高了显示界面的利用率。
请参阅图2,图2是本申请实施例提供的一种组件显示方法的流程示意图。如图2所示,该组件显示方法包括:
S201、在显示界面显示第一组件和第二组件。
在一种实施方式中,电子设备在接收用户输入的针对第一组件的选中指令之前,在显示界面上显示第一组件和第二组件,其中第二组件与第一组件相邻,且第二组件位于第一组件的上方。该第二组件可以在显示屏幕的任何区域,可以占据显示屏幕的任何大小,也可以包含一个或多个组件。
具体地,在开发的过程中,对上述提供当前屏第一组件添加一个观察者(getViewTreeObserver),一个注册监听视图树的观察者(observer),观察者在本申请实施例中是提供屏幕的组件(Activity),在视图树种全局事件改变时得到通知。这个全局事件不仅还包括整个树的布局,从绘画过程开始,触摸模式的改变等。即注册监听当前第一组件,即该包含文本区域输入框的组件为被观察者,当被观察者发生变化时,主动通知观察者。所以在本申请里,当第一组件在一个视图树中全局布局发生改变或者视图树中的某个视图的可视状态发生改变时,举例来说,第一组件的大小发生变化或者第一组件的位置发生了改变,都会通知观察者,并且调用一个预设的函数(ViewTreeObserver.OnGlobalLayoutListener),执行该函数,用于抵消当前因为为了给状态栏留出显示区域而产生的填充部(padding)。
S202、接收用户输入的针对第一组件的选中指令,调出软键盘。
其中,步骤S202的具体实现过程可参见上述图1所对应实施例中对步骤S101的描述,这里将不再继续进行赘述。
S203、判断显示软键盘的区域与上述第一组件的显示区域是否存在重叠。
在一种可能的实施方式中,在接收到用户输入的针对第一组件的选中指令之后,判断显示软键盘的区域与上述第一组件的显示区域是否存在重叠,若显示软键盘的区域与第一组件显示的区域没有交集,则软键盘的显示不会对第一组件的显示造成遮挡,则第一组件就不会因为被设置了适应系统窗口属性而被添加一个填充部。所以若在显示界面中,第一组件与软键盘的显示区域有交集,则在调出软键盘后,第一组件的位置大小都会发生改变。
S204、判断显示界面的布局是否发生变化。
在一种可能的实施方式中,在显示软键盘的区域与上述第一组件的显示区域存在重叠的情况下,当接收用户输入的针对第一组件的选中指令,调出软键盘后,第一组件的位置和大小均发生了变化,即第一组件在一个视图树中全局布局发生改变或者视图树中的某个视图的可视状态发生了改变,则观察者即提供屏幕的组件(Activity)接收到布局改变的通知,执行回调的函数(onGlobalLayout回调)。
回调函数中主要包括两部分:第一部分是获取填充部(padding)的高度,可以直接通过getTop的方式获取,记为H。第二部分是设置第二组件相对第一组件的距离为-H,即第二组件向下平移后和第一组件重叠了一个高度为H的区域,这个重叠的区域为填充部的区域。
S205、获取预设组件高度。
其中,步骤S205的具体实现过程可参见上述图1所对应实施例中对步骤S102的描述,这里将不再继续进行赘述。
S206、根据上述预设组件高度设置上述第二组件底边相对于上述第一组件的距离。
在一种可能的实施方式中,根据获取到的预设组件高度,即填充部的高度,设置上述第二组件底边相对于第一组件的距离,为填充部高度的相反数,从视觉上来说就相当于第二组件整体向下平移了一个填充部高度的距离。从软件开发上实现,获取填充部高度,记为H,设置第二组件相对第一组件的bottommargin=-H,从而实现向下平移第二组件H的距离。
S207、调取组件内容属性。
在一种可能的实施方式中,基于步骤S206,当设置上述第二组件底边相对于上述第一组件的距离为填充部高度的相反数时,第二组件整体向下平移了一个填充部高度的距离,从而第二组件相较于不使用本申请的方法上,会多出一个填充部高度的区域来显示更多的内容,则调取组件内容属性,该组件用于指示调整上述第二组件的大小并确定上述第二组件显示的内容,即根据软键盘和第一组件显示区域以外的区域调整第二组件的大小,从而确定第二组件显示的内容,并显示出来。其中,一部分内容可能已经被滚动出当前显示界面而不显示,一部分内容显示在第一组件的上方。
最后,在显示界面上依次显示调整大小后的第二组件、被添加填充部的第一组件以及软键盘,第二组件与第一组件重叠的区域为第一组件的填充部区域。
在图2所描述的组件显示方法中,接收用户输入的针对第一组件的选中指令,调出软键盘;获取预设组件高度;根据上述预设组件高度调整第二组件,以使上述第二组件部分覆盖在上述第一组件的填充部上,上述第二组件为与上述第一组件相邻的组件;在显示界面中除软键盘的区域显示上述第一组件以及调整后的第二组件。因此,在移动终端显示区域组件被选中后,软键盘的显示导致包含文本输入框组建被拉高,但是该组件上方的组件向下平移了一个被拉高的高度的部分区域,从视觉上消除了这个被拉高的影响,从而增加了显示界面的可用区域,提高了显示界面的利用率。
进一步地,请参阅图3a、图3b和图3c,是本发明实施例提供的一种组件显示方法的界面示意图。如图3a所示,电子设备接收用户输入的针对第一组件的选中指令,可以是在文本输入框上的选中操作,也可以不是文本输入框,该电子设备接收指令后调取软键盘程序,使软键盘显示在显示界面上。其中,在电子设备在接收用户的指令之前,在显示界面显示第一组件和第二组件,第一组件和第二组件都可以包含一个或多个组件。其中,第一组件显示在第二组件的上方,并且第二组件与第一组件相邻。
当上述电子设备接收选中指令后,如图3b上述,调取软键盘数据,在显示界面上显示软键盘,因为软键盘的显示,并且第一组件不被软键盘遮挡,而给第一组件设置了适应系统窗口的属性,所以在显示的时候第一组件的内部被增加了一个填充部,并且为了给软键盘的显示腾出空间,在第一组件上方并且相邻的第二组件的显示内容被调整,其中,一部分内容被向上滚动至不显示,在显示界面上显示的内容是软键盘显示之前的部分或者全部内容。
如图3c所示,在本方法中,通过将处于第一组件上方的第二组件相对第一组件的距离设置为被增加的填充部高度的相反数,从而抵消那个填充部带来的间隙,即第二组件向下平移了一个填充部高度位移,并覆盖在第一组件的填充部上,这样从视觉上能够消除第一组件填充部带来的间隙,同时调用组件内容属性,调整第二组件的大小,确定第二组件的显示内容,从而最大利用显示界面的显示区域。
请参阅图4,图4是本发明实施例提供的一种组件显示装置的结构示意图。如图4所示,该组件显示装置可以包括:
接收单元401,用于接收用户输入的针对第一组件的选中指令,调出软键盘;
获取单元402,用于获取预设组件高度;
调整单元403,用于根据上述预设组件高度调整第二组件,以使上述第二组件覆盖在上述第一组件的填充部上,上述第二组件为与上述第一组件相邻的组件;
显示单元404,用于在显示界面中除软键盘的区域显示上述第一组件以及调整后的第二组件。
作为一种可能的实施方式,该组件显示装置还可以包括:
第一判断单元405,用于判断显示界面的布局是否发生变化,在上述第一判断单元判断出显示界面的布局发生变化的情况下,上述获取单元获取预设高度。
作为一种可能的实施方式,上述显示单元404,还用于上述接收单元401接收用户输入的针对第一组件的选中指令之前,在显示界面显示第一组件和第二组件;
上述装置还包括:
第二判断单元406,用于上述接收单元接收用户输入的针对第一组件的选中指令之后,判断要显示软键盘的区域与上述第一组件的显示区域是否存在重叠,在上述第二判断单元判断出要显示软键盘的区域与上述第一组件的显示区域存在重叠的情况下,上述获取单元获取预设组件高度。
作为一种可能的实施方式,上述调整单元403具体用于:
向下平移第二组件使上述第二组件中预设高度的区域覆盖在上述第一组件的填充部上;
调取组件内容属性,上述组件内容属性用于指示调整上述第二组件的大小并确定上述第二组件显示的内容。
作为一种可能的实施方式,上述调整单元403向下平移第二组件使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上包括:
根据上述预设组件高度设置上述第二组件底边相对于上述第一组件的距离使上述第二组件中预设高度的区域覆盖在上述第一组件的填充部上。
在图4所描述的组件显示装置中,接收用户输入的针对第一组件的选中指令,调出软键盘;获取预设组件高度;根据上述预设组件高度调整第二组件,以使上述第二组件覆盖在上述第一组件的填充部上,上述第二组件为与上述第一组件相邻的组件;在显示界面中除软键盘的区域显示上述第一组件以及调整后的第二组件。因此,在移动终端显示区域组件被选中后,软键盘的显示导致包含文本输入框组建被拉高,但是该组件上方的组件向下平移了一个被拉高的高度的部分区域,从视觉上消除了这个被拉高的影响,从而增加了显示界面的可用区域,提高了显示界面的利用率。
可以理解的是,本实施例的组件显示装置的接收单元401、获取单元402、调整单元403、显示单元404、第一判断单元405、第二判断单元406的功能可以根据上述方法实施例中的方法具体实现,其具体实现过程可以参照上述方法实施例的相关描述,此处不再赘述。
请参阅图5,图5是本申请实施例提供的一种电子设备。如图5所示,该电子设备可以包括处理器501、输入设备502、输出设备503和存储器504。存储器504用于存储计算机程序,计算机程序包括程序指令,处理器501用于执行存储器504存储的程序指令。其中,处理器501被配置用于调用程序指令执行以下步骤:
接收用户输入的针对第一组件的选中指令,调出软键盘;
获取预设组件高度;
根据上述预设组件高度调整第二组件,以使上述第二组件覆盖在上述第一组件的填充部上,上述第二组件为与上述第一组件相邻的组件;
在显示界面中除软键盘的区域显示上述第一组件以及调整后的第二组件。
作为一种可能的实施方式,处理器501还被配置用于调用该程序指令执行以下步骤:
判断显示界面的布局是否发生变化,在上述显示界面的布局发生变化的情况下,执行上述获取预设组件高度的步骤。
作为一种可能的实施方式,处理器501接收用户输入的针对第一组件的选中指令之前,还被配置用于调用该程序指令执行以下步骤:
在显示界面显示第一组件和第二组件;
处理器501接收用户输入的针对第一组件的选中指令之后,还被配置用于调用该程序指令执行以下步骤:
判断要显示软键盘的区域与上述第一组件的显示区域是否存在重叠,在判断出要显示软键盘的区域与上述第一组件的显示区域存在重叠的情况下,执行上述获取预设组件高度的步骤。
作为一种可能的实施方式,处理器501根据上述预设组件高度调整第二组件,被配置用于调用该程序指令执行以下步骤:
向下平移第二组件使上述第二组件中预设高度的区域覆盖在上述第一组件的填充部上;
调取组件内容属性,上述组件内容属性用于指示调整上述第二组件的大小并确定上述第二组件显示的内容。
作为一种可能的实施方式,上述向下平移第二组件使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上包括:
根据上述预设组件高度设置上述第二组件底边相对于上述第一组件的距离使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上。
在图5所描述的电子设备中,接收用户输入的针对第一组件的选中指令,调出软键盘;获取预设组件高度;根据上述预设组件高度调整第二组件,以使上述第二组件部覆盖在上述第一组件的填充部上,上述第二组件为与上述第一组件相邻的组件;在显示界面中除软键盘的区域显示上述第一组件以及调整后的第二组件。因此,在移动终端显示区域组件被选中后,软键盘的显示导致包含文本输入框组建被拉高,但是该组件上方的组件向下平移了一个被拉高的高度的部分区域,从视觉上消除了这个被拉高的影响,从而增加了显示界面的可用区域,提高了显示界面的利用率。
其中,步骤S101-S103可以由电子设备中的处理器501和存储器504来执行,步骤S104可以由电子设备中的处理器501和输出设备503来执行。
其中,接收单元401可以由电子设备中的处理器501和输入设备503来实现,获取单元402、调整单元403、第一判断单元405、第二判断单元406可以由电子设备中的处理器501和存储器504来实现,显示单元404可以由电子设备中的处理器501和输出设备502来实现。
应当理解,在本申请实施例中,所称处理器501可以是中央处理单元(CentralProcessing Unit,CPU),该处理器还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现成可编程门阵列(Field-Programmable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
输出设备502用于发送数据,输入设备503用于接收数据。
该存储器504可以包括只读存储器和随机存取存储器,并向处理器501提供指令和数据。存储器504的一部分还可以包括非易失性随机存取存储器。例如,存储器504还可以存储设备类型的信息。
具体实现中,本申请实施例中所描述的处理器501、输出设备502、输入设备503可执行图1或者图2提供的组件显示方法的实施例,在此不再赘述。
在一个实施例中提供了一种存储介质,该存储介质存储有计算机程序,计算机程序包括程序指令,程序指令当被处理器执行时使处理器执行图1或者图2的组件显示显示方法。
在一个实施例中提供了一种应用程序,该应用程序用于在运行时执行图1或者图2的组件显示方法。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的几个实施例中,应该理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。例如,该单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。所显示或讨论的相互之间的耦合、或直接耦合、或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。该计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行该计算机程序指令时,全部或部分地产生按照本申请实施例的流程或功能。该计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。该计算机指令可以存储在计算机可读存储介质中,或者通过该计算机可读存储介质进行传输。该计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(digital subscriber line,DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。该计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。该可用介质可以是只读存储器(read-onlymemory,ROM),或随机存储存储器(random access memory,RAM),或磁性介质,例如,软盘、硬盘、磁带、磁碟、或光介质,例如,数字通用光盘(digital versatile disc,DVD)、或者半导体介质,例如,固态硬盘(solid state disk,SSD)等。
Claims (10)
1.一种组件显示方法,其特征在于,包括:
接收用户输入的针对第一组件的选中指令,调出软键盘;
获取预设组件高度;
根据所述预设组件高度调整第二组件,以使所述第二组件覆盖在所述第一组件的填充部上,所述第二组件为与所述第一组件相邻的组件;
在显示界面中除软键盘的区域显示所述第一组件以及调整后的第二组件。
2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
判断显示界面的布局是否发生变化,在所述显示界面的布局发生变化的情况下,执行所述获取预设组件高度的步骤。
3.根据权利要求1所述的方法,其特征在于,所述接收用户输入的针对第一组件的选中指令之前,所述方法还包括:
在显示界面显示第一组件和第二组件;
所述接收用户输入的针对第一组件的选中指令之后,所述方法还包括:
判断要显示软键盘的区域与所述第一组件的显示区域是否存在重叠,在判断出要显示软键盘的区域与所述第一组件的显示区域存在重叠的情况下,执行所述获取预设组件高度的步骤。
4.根据权利要求1所述的方法,其特征在于,所述根据所述预设组件高度调整第二组件,包括:
向下平移第二组件使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上;
调取组件内容属性,所述组件内容属性用于指示调整所述第二组件的大小并确定所述第二组件显示的内容。
5.根据权利要求4所述的方法,其特征在于,所述向下平移第二组件使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上,包括:
根据所述预设组件高度设置所述第二组件底边相对于所述第一组件的距离使所述第二组件中预设高度的区域覆盖在所述第一组件的填充部上。
6.一种组件显示装置,其特征在于,包括:
接收单元,用于接收用户输入的针对第一组件的选中指令,调出软键盘;
获取单元,用于获取预设组件高度;
调整单元,用于根据所述预设组件高度调整第二组件,以使所述第二组件覆盖在所述第一组件的填充部上,所述第二组件为与所述第一组件相邻的组件;
显示单元,用于在显示界面中除软键盘的区域显示所述第一组件以及调整后的第二组件。
7.根据权利要求6所述的装置,其特征在于,所述装置还包括:
第一判断单元,用于判断显示界面的布局是否发生变化,在所述第一判断单元判断出显示界面的布局发生变化的情况下,所述获取单元获取预设高度。
8.根据权利要求7所述的装置,其特征在于,所述显示单元,还用于所述接收单元接收用户输入的针对第一组件的选中指令之前,在显示界面显示第一组件和第二组件;
所述装置还包括:
第二判断单元,用于所述接收单元接收用户输入的针对第一组件的选中指令之后,判断要显示软键盘的区域与所述第一组件的显示区域是否存在重叠,在所述第二判断单元判断出要显示软键盘的区域与所述第一组件的显示区域存在重叠的情况下,所述获取单元获取预设组件高度。
9.一种电子设备,其特征在于,包括处理器、存储器、输入设备和输出设备,所述处理器、所述存储器、所述输入设备和所述输出设备相互连接,其中,所述存储器用于存储支持所述电子设备执行上述进程识别方法的计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行如权利要求1-5任一项所述的组件显示方法。
10.一种存储介质,其特征在于,所述介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行如权利要求1-5任一项所述的组件显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811640306.8A CN109725821B (zh) | 2018-12-29 | 2018-12-29 | 一种组件显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811640306.8A CN109725821B (zh) | 2018-12-29 | 2018-12-29 | 一种组件显示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109725821A true CN109725821A (zh) | 2019-05-07 |
CN109725821B CN109725821B (zh) | 2021-06-18 |
Family
ID=66297996
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811640306.8A Active CN109725821B (zh) | 2018-12-29 | 2018-12-29 | 一种组件显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109725821B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114090138A (zh) * | 2020-07-03 | 2022-02-25 | 北京沃东天骏信息技术有限公司 | 一种页面显示方法和装置 |
CN114223414A (zh) * | 2021-12-31 | 2022-03-25 | 广州极飞科技股份有限公司 | 一种棉花打顶控制方法、棉花打顶设备及相关装置 |
CN116757168A (zh) * | 2023-08-02 | 2023-09-15 | 江苏中威科技软件系统有限公司 | 基于工作流的电子表单多媒体数据的无遮挡录入方法 |
CN117037380A (zh) * | 2023-10-08 | 2023-11-10 | 深圳市铭智创医疗科技有限公司 | 一种多功能的医用自助打印终端 |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130108168A1 (en) * | 2011-10-28 | 2013-05-02 | Raymond William Ptucha | Image Recomposition From Face Detection And Facial Features |
CN103914240A (zh) * | 2012-12-31 | 2014-07-09 | 联想(北京)有限公司 | 一种显示虚拟键盘的方法、装置以及电子设备 |
CN104077313A (zh) * | 2013-03-28 | 2014-10-01 | 腾讯科技(深圳)有限公司 | 一种网页页面中多输入框的显示方法、装置及终端设备 |
CN104102418A (zh) * | 2013-04-03 | 2014-10-15 | 腾讯科技(深圳)有限公司 | 一种移动终端浏览器中输入框目标位置定位方法及装置 |
CN104737117A (zh) * | 2012-10-17 | 2015-06-24 | 阿沃森特亨茨维尔公司 | 用于控制虚拟键盘显示以免遮盖数据输入域的系统和方法 |
CN105353971A (zh) * | 2015-12-07 | 2016-02-24 | 广东欧珀移动通信有限公司 | 一种移动终端的图片显示方法和装置 |
WO2016168872A1 (de) * | 2015-04-23 | 2016-10-27 | GAUSTERER, Robert | Eingabeelement für elektronische geräte |
CN106502573A (zh) * | 2016-11-22 | 2017-03-15 | 天脉聚源(北京)传媒科技有限公司 | 一种视图界面移动的方法及装置 |
CN107122120A (zh) * | 2017-05-25 | 2017-09-01 | 深圳天珑无线科技有限公司 | 一种虚拟键盘的处理方法、装置及终端 |
US20170293424A1 (en) * | 2013-03-04 | 2017-10-12 | International Business Machines Corporation | Modifying key size on a touch screen based on fingertip location |
CN107368242A (zh) * | 2017-09-20 | 2017-11-21 | 济南浚达信息技术有限公司 | 一种安卓系统软键盘自动调整位置的方法 |
CN108491127A (zh) * | 2018-03-12 | 2018-09-04 | 广东欧珀移动通信有限公司 | 输入法界面显示方法、装置、终端及存储介质 |
CN108874333A (zh) * | 2017-05-12 | 2018-11-23 | 北京点石经纬科技有限公司 | 用于便携设备的输入界面显示系统及方法 |
-
2018
- 2018-12-29 CN CN201811640306.8A patent/CN109725821B/zh active Active
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130108168A1 (en) * | 2011-10-28 | 2013-05-02 | Raymond William Ptucha | Image Recomposition From Face Detection And Facial Features |
CN104737117A (zh) * | 2012-10-17 | 2015-06-24 | 阿沃森特亨茨维尔公司 | 用于控制虚拟键盘显示以免遮盖数据输入域的系统和方法 |
CN103914240A (zh) * | 2012-12-31 | 2014-07-09 | 联想(北京)有限公司 | 一种显示虚拟键盘的方法、装置以及电子设备 |
US20170293424A1 (en) * | 2013-03-04 | 2017-10-12 | International Business Machines Corporation | Modifying key size on a touch screen based on fingertip location |
CN104077313A (zh) * | 2013-03-28 | 2014-10-01 | 腾讯科技(深圳)有限公司 | 一种网页页面中多输入框的显示方法、装置及终端设备 |
CN104102418A (zh) * | 2013-04-03 | 2014-10-15 | 腾讯科技(深圳)有限公司 | 一种移动终端浏览器中输入框目标位置定位方法及装置 |
WO2016168872A1 (de) * | 2015-04-23 | 2016-10-27 | GAUSTERER, Robert | Eingabeelement für elektronische geräte |
CN105353971A (zh) * | 2015-12-07 | 2016-02-24 | 广东欧珀移动通信有限公司 | 一种移动终端的图片显示方法和装置 |
CN106502573A (zh) * | 2016-11-22 | 2017-03-15 | 天脉聚源(北京)传媒科技有限公司 | 一种视图界面移动的方法及装置 |
CN108874333A (zh) * | 2017-05-12 | 2018-11-23 | 北京点石经纬科技有限公司 | 用于便携设备的输入界面显示系统及方法 |
CN107122120A (zh) * | 2017-05-25 | 2017-09-01 | 深圳天珑无线科技有限公司 | 一种虚拟键盘的处理方法、装置及终端 |
CN107368242A (zh) * | 2017-09-20 | 2017-11-21 | 济南浚达信息技术有限公司 | 一种安卓系统软键盘自动调整位置的方法 |
CN108491127A (zh) * | 2018-03-12 | 2018-09-04 | 广东欧珀移动通信有限公司 | 输入法界面显示方法、装置、终端及存储介质 |
Non-Patent Citations (3)
Title |
---|
WDC: "5种方法完美解决android软键盘挡住输入框方法详解", 《HTTPS://WWW.JB51.NET/ARTICLE/137229.HTM》 * |
倘浩洋: "解决输入框被键盘挡住的问题", 《HTTPS://WWW.JIANSHU.COM/P/A1BE7F9BBB56》 * |
徐干稳: "当在fragment中有editext控件获取焦点弹出软键盘之后再隐藏软件盘时,如果在布局中使用的fitsystemwindows=true,界面顶部会有一个padding值,这种情况如何处理?", 《HTTPS://BLOG.CSDN.NET/ALWAYS_MYHOMETOWN/ARTICLE/DETAILS/79299375》 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114090138A (zh) * | 2020-07-03 | 2022-02-25 | 北京沃东天骏信息技术有限公司 | 一种页面显示方法和装置 |
CN114223414A (zh) * | 2021-12-31 | 2022-03-25 | 广州极飞科技股份有限公司 | 一种棉花打顶控制方法、棉花打顶设备及相关装置 |
CN116757168A (zh) * | 2023-08-02 | 2023-09-15 | 江苏中威科技软件系统有限公司 | 基于工作流的电子表单多媒体数据的无遮挡录入方法 |
CN117037380A (zh) * | 2023-10-08 | 2023-11-10 | 深圳市铭智创医疗科技有限公司 | 一种多功能的医用自助打印终端 |
CN117037380B (zh) * | 2023-10-08 | 2023-12-19 | 深圳市铭智创医疗科技有限公司 | 一种多功能的医用自助打印终端 |
Also Published As
Publication number | Publication date |
---|---|
CN109725821B (zh) | 2021-06-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109725821A (zh) | 一种组件显示方法及装置 | |
JP5602755B2 (ja) | ロックされたディスプレイからの選択されたデータの提供 | |
US20170109025A1 (en) | Mobile terminal and control method thereof | |
US11126334B2 (en) | Method, device and storage medium for inputting data | |
MX2014008742A (es) | Metodo, aparato y dispositivo electronico para desplegar informacion de notificacion. | |
US7506259B1 (en) | System and method for dynamic mapping of abstract user interface to a mobile device at run time | |
KR101625884B1 (ko) | 휴대 단말기 및 그 동작 제어방법 | |
EP3220261B1 (en) | Multiple display device and method of operating the same | |
CN109062479A (zh) | 分屏应用切换方法、装置、存储介质和电子设备 | |
US20060154696A1 (en) | Magnification of currently selected menu item | |
MX2014008708A (es) | Metodo, dispositivo y terminal para desplegar un teclado virtual. | |
US9904468B2 (en) | Method and terminal for determining operation object | |
US10528220B2 (en) | Electronic device and operation method of browsing notification thereof | |
CN110309475A (zh) | 一种页面展现方法、装置、终端设备及存储介质 | |
EP4170476A1 (en) | Translation method and electronic device | |
US10235975B2 (en) | Method and system for providing a real time content updates to a user | |
CN106293739A (zh) | 一种应用显示方法及终端 | |
US20230409168A1 (en) | Apparatus And Method For A Simplified Menu Screen In Handheld Wireless Devices | |
CN109284064A (zh) | 一种界面显示方法及终端设备 | |
CN106155554A (zh) | 一种分屏显示方法及终端 | |
WO2022103472A1 (en) | Dynamically presenting application-related visual content | |
CN113703627A (zh) | 显示方法、装置、电子设备及可读存储介质 | |
CN110908559B (zh) | 快捷应用面板的显示方法、装置、电子设备及存储介质 | |
KR20100001017A (ko) | 근접 터치 감지 기능을 갖는 휴대 단말기 | |
KR20110028053A (ko) | 위젯 제공 방법 및 이를 적용한 디스플레이 장치 |
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 |