CN111414219A - 页面输入框的控制方法、装置、电子设备及介质 - Google Patents
页面输入框的控制方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN111414219A CN111414219A CN202010193362.2A CN202010193362A CN111414219A CN 111414219 A CN111414219 A CN 111414219A CN 202010193362 A CN202010193362 A CN 202010193362A CN 111414219 A CN111414219 A CN 111414219A
- Authority
- CN
- China
- Prior art keywords
- input
- input box
- layer
- input frame
- 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
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000004044 response Effects 0.000 claims abstract description 29
- 238000004590 computer program Methods 0.000 claims description 20
- 238000004364 calculation method Methods 0.000 abstract description 6
- 230000008859 change Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 8
- 230000003287 optical effect Effects 0.000 description 6
- 238000012545 processing Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 4
- 239000012141 concentrate Substances 0.000 description 3
- 230000000694 effects Effects 0.000 description 3
- 238000012546 transfer Methods 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 239000013256 coordination polymer Substances 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Input From Keyboards Or The Like (AREA)
Abstract
本公开提供了一种页面输入框的控制方法、装置、电子设备及介质。页面输入框的控制方法包括:响应于对当前页面中第一输入框的触发操作,加载软键盘和与第一输入框关联的第二输入框;在第一输入框所属的第一图层之上建立第二图层,在第二图层的第一区域和第二区域分别显示第二输入框和软键盘。本公开的实施例实现了通过加载预先设定的第二输入框和软键盘,并在两个不重叠的区域分别显示,使得第二输入框和软键盘在显示位置上互不冲突,可避免在输入内容时由输入框位置变化引起的页面跳转,且无需在输入时计算输入框的移动距离,简化了计算。
Description
技术领域
本公开涉及网页设计技术领域,具体而言,本公开涉及一种页面输入框的控制方法、装置、电子设备及介质。
背景技术
目前,输入框控制是显示页面的基本控件之一,可用来输入文本,在页面显示领域中使用场景较多,交互频次较高。在目前的页面显示技术中,用户通过某个页面的输入框控件(例如位于页面中间或低端的输入框控件)进行内容输入时,在检测到用户对输入框的触发操作时,需要把输入框及输入框上面的内容进行上移,并在页面的下半部分显示软键盘,这时候需要根据输入框的位置、软键盘的高度等进行一系列计算,以确定上移距离,计算较为复杂,且页面会发生上下跳转,影响视觉效果。
发明内容
本公开针对现有方式的缺点,提出一种页面输入框的控制方法、装置、电子设备及介质,用以解决现有技术存在的触发输入框时输入框上移时计算复杂且页面发生上下跳转的技术问题。
第一方面,本公开实施例提供了一种页面输入框的控制方法,包括:
响应于对当前页面中第一输入框的触发操作,加载软键盘和与第一输入框关联的第二输入框;
在第一输入框所属的第一图层之上建立第二图层,在第二图层的第一区域和第二区域分别显示第二输入框和软键盘;第一区域和第二区域不重叠。
第二方面,本公开实施例提供了一种页面输入框的控制装置,包括:
加载模块,用于响应于对当前页面中第一输入框的触发操作,加载软键盘和与第一输入框关联的第二输入框;
显示模块,用于在第一输入框所属的第一图层之上建立第二图层,在第二图层的第一区域和第二区域分别显示第二输入框和软键盘;第一区域和第二区域不重叠。
第三方面,本公开实施例提供了一种电子设备,包括:
存储器;
处理器,与存储器电连接;
存储器存储有计算机程序,计算机程序由处理器执行以实现本公开实例第一方面提供的页面输入框的控制方法。
第四方面,本公开实施例提供了一种计算机可读介质,存储有计算机程序,该计算机程序被处理器执行时实现本公开实施例第一方面提供的页面输入框的控制方法。
本公开实施例提供的技术方案,至少具有如下有益效果:
针对应用程序中任一页面的输入框控件,在接收到触发指令时,通过加载预先设定的第二输入框和软键盘,并在原始输入框(本公开中的第一输入框)所属的第一图层之上新建立的第二图层中的两个不重叠的区域分别显示,使得第二输入框和软键盘在显示位置上互不冲突,可避免在输入内容时由原始输入框位置变化引起的页面跳转,且无需在输入时计算输入框的移动距离,简化了计算。
本公开提供该发明内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
附图说明
本公开上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
图1为本公开实施例提供的一种页面输入框的控制方法的流程示意图;
图2为本公开实施例提供的另一种页面输入框的控制方法的部分流程示意图;
图3为本公开实施例提供的又一种页面输入框的控制方法的部分流程示意图;
图4为本公开实施例在实际应用中的界面示意图;
图5为本公开实施例提供的一种页面输入框的控制装置的结构框架示意图;
图6为本公开实施例提供的一种电子设备的结构框架示意图。
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对装置、模块或单元进行区分,并非用于限定这些装置、模块或单元一定为不同的装置、模块或单元,也并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制
首先对本公开涉及的几个名词进行介绍和解释:
输入框:又叫文本框,是用户输入文字的地方,通常是一条长长的矩形,附带各种元素。常见于表单、聊天软件、注册登录、搜索框等界面。
软键盘:一种虚拟键盘,通过软件模拟键盘通过鼠标点击或触屏点击该虚拟键盘可输入字符。
本公开的发明人进行研究发现,用户通过应用程序的某个页面的输入框控件(例如位于页面顶端)进行内容输入时,在检测到用户对输入框的触发操作时,弹出对应的输入页面,该输入页面的下半部分是软键盘,最顶部是用于输入内容的输入框,但是该输入框依然较小,导致输入内容字体较小,不利于对输入内容的查看。
本公开提供的页面输入框的控制方法、装置、电子设备及介质,旨在解决现有技术的如上技术问题。
下面以具体地实施例对本公开的技术方案以及本公开的技术方案如何解决上述技术问题进行详细说明。
本公开实施例提供了一种页面输入框的控制方法,如图1所示,该控制方法包括:
S101,响应于对当前页面中第一输入框的触发操作,加载软键盘和与第一输入框关联的第二输入框。
可选地,第一输入框可以是位于当前页面中任一位置(例如顶部、中间或底部)的输入框的触发操作对第一输入框的触发操作可以是用户对第一输入框的触摸或点击操作。
可选地,第二输入框和软键盘具有关联关系,该关联关系在预先建立或在接收到触发指令后建立,本公开实施例对此不做限制,建立关联关系后,第二输入框和软键盘之间形成了数据传递通道,可以进行数据传递,通过软键盘输入的内容可以显示于第二输入框中。
S102,在第一输入框所属的第一图层之上建立第二图层,在第二图层的第一区域和第二区域分别显示第二输入框和软键盘;第一区域和第二区域不重叠。
可选地,第二输入框的高度大于第一输入框的高度,和/或,第二输入框的宽度大于第一输入框的宽度。在用户输入文字内容后,可根据第二输入框的高度或宽度,对应放大第二输入框内的文字,便于用户一目了然地查看,便于用户输入。
可选地,第二输入框和软键盘的具***置、高度和宽度可根据实际需求设置。在一个示例中,第二输入框可显示于页面的上半部分,软键盘可显示于页面的下半部分,第二输入框的高度可以为页面高度与软键盘高度的差,第二输入框的宽度均可以与页面宽度相等,也可以根据具有较好视觉效果的画面比例(即宽度和高度的比例,如16:9或4:3),根据已设定的第二输入框的宽度调整其高度,或根据已设定的第二输入框的高度调整其宽度。
本公开实施例中的“上半部分”、“下半部分”、“高度”以及“宽度”均以用户的视觉角度为基准,当用户面对操作界面时,所能看到的较靠上的部分为上半部分,所能看到的较靠下的部分为下半部分,所能看到的第二输入框的上边沿与下边沿的距离为高度,所能看到的左边沿与右边沿的距离为宽度。
本公开实施例中在第一图层之上建立第二图层表示在第一图层的靠近用户一侧的方向(相对的另一个方向为靠近屏幕内侧的方向)上建立第二图层,也即第二输入框所属的第二图层(新建立的图层)在朝向用户的方向上覆盖于第一输入框所属的第一图层之上。
在另一个可选的实施方式中,在第一图层之上建立第二图层并关闭第一图层,在第二图层中显示第二输入框,即用新的图层(第二图层)替换原有图层(第一图层),用新的输入框(第二输入框)替换原有输入框(第一输入框)。
可选地,在第二图层覆盖于第一图层之上的方案中,第二图层的可见度大于第一图层的可见度。当第二图层的可见度更高时,第一图层中被第二输入框遮挡的页面内容可实现对用户完全不可见(即隐藏该部分页面内容)或可见度较低,从而避免第一图层对用户的干扰,使用户专注于第二输入框中的内容。
图层的可见度可以通过调整该图层的底色和透明度来实现,在一个示例中,可将第二输入框的底色设置为黑色,调节透明度使第二输入框所属的第二图层为半透明图层,既可以使用户专注于第二输入框中的内容,也可方便在用户在需要时查看被第二输入框覆盖的页面内容。
可选地,在一个实施方式中,可按照预设的显示方式来显示第二输入框,例如,预设的显示方式对应某种动画效果,显示第二输入框时按照该设定的动画效果弹出第二输入框。
可选地,如图2所示,本公开实施例提供的页面输入框的控制方法,在上述步骤S101至S102的基础上,还包括如下步骤S103至S104:
S103,响应于用户对软键盘的第一操作生成响应数据。
S104,在第二输入框中显示响应数据。
本公开实施例中的第一操作包括对软键盘中的字符键(包括各种语言类软键盘的字母键、标号符号键、数字键等)的点击操作,所生成的响应数据包括通过点击字符键输入的字符,所输入的字符通过第二输入框和软键盘之间的数据传递通道传递到第二输入框来显示。
可选地,如图3所示,本公开实施例提供的页面输入框的控制方法,在上述步骤S101至S102的基础上,还包括如下步骤S105至S106:
S105,响应于用户对软键盘的第二操作生成关闭指令。
S106,根据关闭指令关闭第二输入框。
本公开实施例中的第二操作包括对软键盘中的搜索键(或回车键,或其它的具有搜索功能的键)的点击操作,用户点击搜索键后,相当于当前的输入结束,触发了第二输入框的搜索按钮进行已输入内容的搜索,不再需要显示第二输入框,从而生成关闭指令关闭第二输入框。
图4示出了本公开实施例在实际应用中的一个示例图,具体为采用本公开实施例提供的页面输入框的控制方法后输入框和软键盘的分布示意图,由图4可以看出,在感应到对第一输入框的触发操作时,加载并显示的第二输入框402(实线框)所属的第二图层覆盖于原始的第一输入框401(虚线框)所属的第一图层之上,第二输入框402的高度和宽度均大于第一输入框401,从而使得其中所显示的字体也较大,且在输入内容时页面无需上下跳转。图4中所示的软键盘403中的数字键可用于输入数字,输入的数字可显示于第二输入框402中,软键盘403中的搜索键可用于启动搜索并生成关闭指令以关闭第二输入框。
基于同一发明构思,本公开实施例提供的一种页面输入框的控制装置,如图5所示,该控制装置包括:加载模块501以及显示模块502。
加载模块501,用于响应于对当前页面中第一输入框的触发操作,加载软键盘和与第一输入框关联的第二输入框。
显示模块502,用于在第一输入框所属的第一图层之上建立第二图层,在第二图层的第一区域和第二区域分别显示第二输入框和软键盘;第一区域和第二区域不重叠。
可选地,第二输入框的高度大于第一输入框的高度,和/或,第二输入框的宽度大于第一输入框的宽度。
可选地,第二图层的可见度大于第一图层的可见度。
可选地,显示模块502还用于:响应于用户对软键盘的第一操作生成响应数据;在第二输入框中显示响应数据。
可选地,显示模块502还用于:响应于用户对软键盘的第二操作生成关闭指令;根据关闭指令关闭第二输入框。
本实施例的页面输入框的控制装置500可执行本公开实施例提供的任一种页面输入框的控制方法,其实现原理相类似,本实施例中未详细示出的内容可参照前面的方法实施例,此处不再赘述。
基于同一发明构思,本公开实施例提供了一种电子设备,该电子设备包括:存储器和处理器,存储器与处理器电连接,存储器上存储有计算机程序,该计算机程序由处理器执行以实现本公开实施例所提供的任意一种页面输入框的控制方法。
基于同一的发明构思,本公开实施例提供了一种计算机可读介质,该计算机可读介质上存储有计算机程序,该计算机程序被处理器执行时实现本公开实施例所提供的任一页面输入框的控制方法。
图6示出了本公开实施例提供的电子设备的一种结构框架示意图。本公开实施例中的电子设备600可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(Personal Digital Assistant,个人数字助理)、PAD(Portable Android Device,平板电脑)、PMP(Portable Multimedia Player,便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备600仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
本公开实施例中的存储器可以包括如图6所示的ROM(Read-Only Memory,只读存储器)601、RAM(Random Access Memory,随机存取存储器)602和存储装置603中的至少一项。
本公开实施例中的处理器可以包括图6所示的处理装置604(例如中央处理器、图形处理器等),其可以根据存储在ROM 601中的计算机程序或者从存储装置603加载到RAM602中的计算程序而执行各种适当的动作和处理。在RAM 602中,还存储有电子设备操作所需的各种程序和数据。
可选的,如图6所示,ROM 601、RAM 602以及处理装置604可通过总线605彼此相连,输入/输出(I/O)接口606也可连接至总线605。
可选的,如图6所示,以下装置可以连接至I/O接口606:输入装置607、输出装置608、存储装置603和通信装置609。其中,输入装置607可包括触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等至少一项;输出装置608可包括LCD(Liquid CrystalDisplay,液晶显示器)、扬声器、振动器等至少一项;存储装置603可包括磁带、硬盘等至少一项;通信装置609可以允许电子设备与其他设备进行无线或有线通信以交换数据。
需要说明的是,虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置603被安装,或者从ROM 601被安装。在该计算机程序被处理装置604执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。
在本公开中,计算机可读存储介质可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件,或者任意以上的组合。具体地,计算机可读存储介质包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、RAM、ROM、可擦除可编程只读存储器(EPROM或闪存)、光纤、CD-ROM(Compact Disc Read-Only Memory,便携式紧凑磁盘只读存储器)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行***、装置或者器件使用或者与其结合使用。
在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(RadioFrequency,射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括LAN(Local Area Network,局域网),WAN(Wide Area Network,广域网),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备600中所包含的;也可以是单独存在,而未装配入该电子设备600中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备600执行时,使得该电子设备600:接收针对第二输入框的触发指令;根据触发指令加载第二输入框和软键盘;在当前页面的第一区域和第二区域分别显示第二输入框和软键盘。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的***来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块或单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块或单元的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:FPGA(Field-ProgrammableGate Array,现场可编程门阵列)、ASIC(Application Specific Integrated Circuit,专用集成电路)、ASSP(Application Specific Standard Parts,专用标准产品)、SOC(Systemon Chip,片上***)、CPLD(Complex Programmable Logic Device,复杂可编程逻辑设备)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行***、装置或设备使用或与指令执行***、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体***、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,【示例A1】提供了一种页面输入框的控制方法,包括:
响应于对当前页面中第一输入框的触发操作,加载软键盘和与所述第一输入框关联的第二输入框;
在所述第一输入框所属的第一图层之上建立第二图层,在第二图层的第一区域和第二区域分别显示第二输入框和软键盘;第一区域和第二区域不重叠。
A2、根据A1的控制方法,第二输入框的高度大于第一输入框的高度,和/或,第二输入框的宽度大于第一输入框的宽度。
A3、根据A1的控制方法,所述第二图层的可见度大于所述第一图层的可见度。
A4、根据A1的控制方法,该控制方法还包括:
响应于用户对所述软键盘的第一操作生成响应数据;
在所述第二输入框中显示所述响应数据。
A5、根据A1的控制方法,该控制方法还包括:
响应于所述用户对所述软键盘的第二操作生成关闭指令;
根据所述关闭指令关闭所述第二输入框。
根据本公开的一个或多个实施例,【示例B1】提供了一种页面输入框的控制装置,包括:
加载模块,用于响应于对当前页面中第一输入框的触发操作,加载软键盘和与第一输入框关联的第二输入框;
显示模块,用于在第一输入框所属的第一图层之上建立第二图层,在第二图层的第一区域和第二区域分别显示所述第二输入框和软键盘;第一区域和第二区域不重叠。
B2、根据B1的控制装置,第二输入框与当前页面中的第一输入框关联;第二输入框的高度大于第一输入框的高度,和/或,第二输入框的宽度大于第一输入框的宽度。
B3、根据B1的控制装置,第二图层的可见度大于第一图层的可见度。
B4、根据B1的控制装置,显示模块还用于:响应于用户对软键盘的第一操作生成响应数据;在第二输入框中显示响应数据。
B5、根据B1的控制装置,显示模块还用于:响应于用户对软键盘的第二操作生成关闭指令;根据关闭指令关闭第二输入框。
根据本公开的一个或多个实施例,【示例C1】提供了一种电子设备,包括:
存储器;
处理器,与存储器电连接;
存储器存储有计算机程序,计算机程序由处理器执行以实现如示例A1-A5中任一项的页面输入框的控制方法。
根据本公开的一个或多个实施例,【示例D1】提供了一种计算机可读介质,存储有计算机程序,该计算机程序被处理器执行时实现示例A1-A5中任一项的页面输入框的控制方法。
应用本公开的一个或多个实施例,至少可实现如下技术效果:
1)针对应用程序中任一页面的输入框控件,在接收到触发指令时,通过加载预先设定的第二输入框和软键盘,并在原始输入框(本公开中的第一输入框)所属的第一图层之上新建立的第二图层中的两个不重叠的区域分别显示,使得第二输入框和软键盘在显示位置上互不冲突,可避免在输入内容时由原始输入框位置变化引起的页面跳转,且无需在输入时计算输入框的移动距离,简化了计算。
2)针对应用程序中任一页面的输入框控件,在接收到触发指令时,通过加载预先设定的与当前页面中第一输入框关联的、且高度和/或宽度大于该第一输入框的第二输入框,可增大输入框的显示区域,从而放大输入框内的字体,便于用户对输入内容的查看。
3)通过提高第二输入框所属的第二图层覆盖于原有的第一输入框所属的第一图层之上,并提高第二图层的可见度,可使用户专注于第二输入框的输入内容,免受第一输入框及第一图层中其它内容的干扰。
4)基于第二输入框和软键盘之间的关联关系,可实现第二输入框和软键盘之间的数据传递,第二输入框可响应于对软键盘的操作,显示相应的内容或隐藏自身(即第二输入框)。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。
Claims (10)
1.一种页面输入框的控制方法,其特征在于,包括:
响应于对当前页面中第一输入框的触发操作,加载软键盘和与所述第一输入框关联的第二输入框;
在所述第一输入框所属的第一图层之上建立第二图层,在所述第二图层的第一区域和第二区域分别显示所述第二输入框和所述软键盘;所述第一区域和所述第二区域不重叠。
2.根据权利要求1所述的控制方法,其特征在于,所述第二输入框的高度大于所述第一输入框的高度,和/或,所述第二输入框的宽度大于所述第一输入框的宽度。
3.根据权利要求1所述的控制方法,其特征在于,所述第二图层的可见度大于所述第一图层的可见度。
4.根据权利要求1所述的控制方法,其特征在于,所述控制方法还包括:
响应于用户对所述软键盘的第一操作生成响应数据;
在所述第二输入框中显示所述响应数据。
5.根据权利要求1所述的控制方法,其特征在于,所述控制方法还包括:
响应于用户对所述软键盘的第二操作生成关闭指令;
根据所述关闭指令关闭所述第二输入框。
6.一种页面输入框的控制装置,其特征在于,包括:
加载模块,用于响应于对当前页面中第一输入框的触发操作,加载软键盘和与所述第一输入框关联的第二输入框;
显示模块,用于在所述第一输入框所属的第一图层之上建立第二图层,在所述第二图层的第一区域和第二区域分别显示所述第二输入框和所述软键盘;所述第一区域和所述第二区域不重叠。
7.根据权利要求6所述的控制装置,其特征在于,所述显示模块还用于:响应于用户对所述软键盘的第一操作生成响应数据;在所述第二输入框中显示所述响应数据。
8.根据权利要求6所述的控制装置,其特征在于,所述显示模块还用于:响应于用户对所述软键盘的第二操作生成关闭指令;根据所述关闭指令关闭所述第二输入框。
9.一种电子设备,其特征在于,包括:
存储器;
处理器,与所述存储器电连接;
所述存储器存储有计算机程序,所述计算机程序由所述处理器执行以实现如权利要求1-5中任一项所述的页面输入框的控制方法。
10.一种计算机可读介质,其特征在于,存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-5中任一项所述的页面输入框的控制方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010193362.2A CN111414219B (zh) | 2020-03-18 | 2020-03-18 | 页面输入框的控制方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010193362.2A CN111414219B (zh) | 2020-03-18 | 2020-03-18 | 页面输入框的控制方法、装置、电子设备及介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111414219A true CN111414219A (zh) | 2020-07-14 |
CN111414219B CN111414219B (zh) | 2023-10-24 |
Family
ID=71493087
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010193362.2A Active CN111414219B (zh) | 2020-03-18 | 2020-03-18 | 页面输入框的控制方法、装置、电子设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111414219B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112306362A (zh) * | 2020-10-29 | 2021-02-02 | 智享众联科技有限公司 | 一种视图处理方法及装置 |
CN113721827A (zh) * | 2021-05-31 | 2021-11-30 | 荣耀终端有限公司 | 悬浮键盘显示方法、电子设备及存储介质 |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004181895A (ja) * | 2002-12-06 | 2004-07-02 | Ricoh Co Ltd | 画像形成装置 |
CN102799371A (zh) * | 2012-06-29 | 2012-11-28 | 北京奇虎科技有限公司 | 一种扩展的数据输入装置及方法 |
CN103369140A (zh) * | 2013-07-04 | 2013-10-23 | 深圳市基思瑞科技有限公司 | 显示字体放大方法、***以及通信终端 |
CN103902057A (zh) * | 2014-03-31 | 2014-07-02 | 北京搜狗科技发展有限公司 | 在移动终端设备中进行网页输入的方法及装置 |
CN104699404A (zh) * | 2015-03-26 | 2015-06-10 | 努比亚技术有限公司 | 一种软键盘的显示方法及装置 |
CN105630187A (zh) * | 2014-11-07 | 2016-06-01 | 阿里巴巴集团控股有限公司 | 用户终端设备中html页面调用本地键盘的方法及其装置 |
CN108459781A (zh) * | 2016-12-13 | 2018-08-28 | 广州市动景计算机科技有限公司 | 输入框的展现控制方法、装置及用户终端 |
CN109710167A (zh) * | 2018-12-27 | 2019-05-03 | 北京字节跳动网络技术有限公司 | 软键盘控制方法、装置和终端 |
US20190187860A1 (en) * | 2016-08-23 | 2019-06-20 | Alibaba Group Holding Limited | Information input method and apparatus |
-
2020
- 2020-03-18 CN CN202010193362.2A patent/CN111414219B/zh active Active
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2004181895A (ja) * | 2002-12-06 | 2004-07-02 | Ricoh Co Ltd | 画像形成装置 |
CN102799371A (zh) * | 2012-06-29 | 2012-11-28 | 北京奇虎科技有限公司 | 一种扩展的数据输入装置及方法 |
CN103369140A (zh) * | 2013-07-04 | 2013-10-23 | 深圳市基思瑞科技有限公司 | 显示字体放大方法、***以及通信终端 |
CN103902057A (zh) * | 2014-03-31 | 2014-07-02 | 北京搜狗科技发展有限公司 | 在移动终端设备中进行网页输入的方法及装置 |
CN105630187A (zh) * | 2014-11-07 | 2016-06-01 | 阿里巴巴集团控股有限公司 | 用户终端设备中html页面调用本地键盘的方法及其装置 |
CN104699404A (zh) * | 2015-03-26 | 2015-06-10 | 努比亚技术有限公司 | 一种软键盘的显示方法及装置 |
US20190187860A1 (en) * | 2016-08-23 | 2019-06-20 | Alibaba Group Holding Limited | Information input method and apparatus |
CN108459781A (zh) * | 2016-12-13 | 2018-08-28 | 广州市动景计算机科技有限公司 | 输入框的展现控制方法、装置及用户终端 |
CN109710167A (zh) * | 2018-12-27 | 2019-05-03 | 北京字节跳动网络技术有限公司 | 软键盘控制方法、装置和终端 |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112306362A (zh) * | 2020-10-29 | 2021-02-02 | 智享众联科技有限公司 | 一种视图处理方法及装置 |
CN113721827A (zh) * | 2021-05-31 | 2021-11-30 | 荣耀终端有限公司 | 悬浮键盘显示方法、电子设备及存储介质 |
CN113721827B (zh) * | 2021-05-31 | 2022-08-26 | 荣耀终端有限公司 | 悬浮键盘显示方法、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN111414219B (zh) | 2023-10-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109508128B (zh) | 搜索控件显示方法、装置、设备及计算机可读存储介质 | |
US20180349107A1 (en) | Preview Changes To Mobile Applications At Different Display Resolutions | |
WO2022121790A1 (zh) | 分屏显示方法、装置、电子设备和可读存储介质 | |
EP4161065A1 (en) | Video call interface display control method and apparatus, storage medium, and device | |
AU2011286583A1 (en) | Touch-sensitive device and touch-based folder control method thereof | |
US20160124931A1 (en) | Input of electronic form data | |
CN110471594B (zh) | 一种页面调整方法、装置、设备及介质 | |
US20240272783A1 (en) | Method, apparatus, electronic device and readable storage medium for page processing | |
CN113282424B (zh) | 信息引用方法、装置和电子设备 | |
CN113703624A (zh) | 分屏方法、装置及电子设备 | |
JP7402330B2 (ja) | 目標対象表示方法、装置、電子機器、及びコンピュータ読み取り可能な媒体 | |
WO2022111569A1 (zh) | 页面切换显示方法、装置、存储介质及电子设备 | |
CN111414219A (zh) | 页面输入框的控制方法、装置、电子设备及介质 | |
CN107678658A (zh) | 用于终端设备的信息输入方法和装置 | |
CN115357173A (zh) | 屏幕控制方法、装置和电子设备 | |
CN111813308A (zh) | 界面处理方法、装置、电子设备及存储介质 | |
CN114528816B (zh) | 协同编辑的信息展示方法、装置、电子设备和可读介质 | |
CN113391856B (zh) | 跨任务栈的页面处理方法、装置、设备及介质 | |
US20230199262A1 (en) | Information display method and device, and terminal and storage medium | |
US20240094883A1 (en) | Message selection method, apparatus and device | |
CN114415886A (zh) | 应用图标的管理方法和电子设备 | |
US10254940B2 (en) | Modifying device content to facilitate user interaction | |
CN114997104A (zh) | 文档的显示方法、装置、电子设备和存储介质 | |
CN110262718B (zh) | 输入法窗口设置方法、装置、移动终端、存储介质 | |
WO2023093719A1 (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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20230428 Address after: Room 802, Information Building, 13 Linyin North Street, Pinggu District, Beijing, 101299 Applicant after: Beijing youzhuju Network Technology Co.,Ltd. Address before: No. 715, 7th floor, building 3, 52 Zhongguancun South Street, Haidian District, Beijing 100081 Applicant before: Beijing infinite light field technology Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |