CN117608446A - 信息输入方法、装置、计算机设备及存储介质 - Google Patents
信息输入方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN117608446A CN117608446A CN202311673352.9A CN202311673352A CN117608446A CN 117608446 A CN117608446 A CN 117608446A CN 202311673352 A CN202311673352 A CN 202311673352A CN 117608446 A CN117608446 A CN 117608446A
- Authority
- CN
- China
- Prior art keywords
- information
- information input
- display
- display area
- input
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 111
- 230000006870 function Effects 0.000 claims description 107
- 230000004044 response Effects 0.000 claims description 25
- 238000004590 computer program Methods 0.000 claims description 21
- 238000012545 processing Methods 0.000 claims description 11
- 230000002452 interceptive effect Effects 0.000 abstract description 26
- 230000008569 process Effects 0.000 abstract description 14
- 230000000694 effects Effects 0.000 abstract description 11
- 230000014509 gene expression Effects 0.000 description 26
- 238000010586 diagram Methods 0.000 description 12
- 238000001514 detection method Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 229920001690 polydopamine Polymers 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000012217 deletion Methods 0.000 description 2
- 230000037430 deletion Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000002093 peripheral effect Effects 0.000 description 2
- 230000005236 sound signal Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 230000001815 facial effect Effects 0.000 description 1
- 238000012905 input function Methods 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 230000003340 mental effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000011022 operating instruction Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction 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/0488—Interaction 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
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种信息输入方法、装置、计算机设备及存储介质,包括:通过显示信息输入页面,其中,信息输入页面包括信息输入框;经由信息输入框接收并显示用户输入信息;当信息输入框内显示的用户输入信息触达信息输入框中的预定位置,且继续接收到用户输入信息时,基于用户输入信息调整所述信息输入框的显示尺寸,其中,信息输入框显示有预定功能控件。本申请实施例提供包含有功能控件和信息显示区域的信息输入框,在信息输入框接收并显示的用户输入信息触达所述功能按钮的显示位置,将信息显示区域移至功能控件上方,有效增大信息输入框中信息显示区域的面积,提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。
Description
技术领域
本申请涉及计算机技术领域,具体涉及一种信息输入方法、装置、计算机设备及存储介质。
背景技术
随着计算机通信技术的不断发展,智能手机、电脑、平板电脑及笔记本电脑等终端的大量普及应用,终端向着多样化、个性化的方向发展,日益成为人们在生活与工作中不可或缺的设备。为了满足人们的日常需求和对精神生活的追求,一些能够承载有供用户进行信息浏览的娱乐平台的应用程序应运而生,用户可以通过手机或PDA等手持移动终端中的应用程序进行网上聊天、发邮件、发微博、浏览网页、应用搜索引擎进行查询或玩游戏等娱乐或工作操作,可以在应用程序中提供的信息输入场景进行信息输入操作。
现有技术中,用户可以通过应用程序提供的信息输入框进行信息输入操作,然而,现有技术中的应用程序用于辅助信息输入操作的功能按钮,通常都是设置在输入框外侧,即与信息输入框彼此独立设置,因此在用户进行信息输入的过程中,功能按钮所对应的区域无法输入和/或显示信息,从而导致用户在进行信息输入操作时,影响信息输入框的显示面积的充分显示,导致信息输入框对信息的容纳和显示效果较差,用户在进行信息输入交互操作时的交互体验不高。
发明内容
本申请实施例提供一种信息输入方法、装置、计算机设备及存储介质,通过提供包含有功能控件和信息显示区域的信息输入框,在信息输入框接收并显示的用户输入信息触达所述功能按钮的显示位置,将信息显示区域移至功能控件上方,从而能够有效增大信息输入框中信息显示区域的面积,提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。
本申请实施例提供了一种信息输入方法,该方法包括:
显示信息输入页面,其中,所述信息输入页面包括信息输入框;
经由所述信息输入框接收并显示用户输入信息;
当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。
相应的,本申请实施例还提供了一种信息输入装置,该信息输入装置包括:
第一显示单元,用于显示信息输入页面,其中,所述信息输入页面包括信息输入框;
第二显示单元,用于经由所述信息输入框接收并显示用户输入信息;
处理单元,用于当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框包括预定功能控件。
相应的,本申请实施例还提供一种计算机设备,其包括处理器和存储器,其中,所述存储器存储有计算机程序,当所述计算机程序被所述处理器执行时,使得所述处理器执行上述方面的各种可选实现方式中提供的信息输入方法的步骤。
相应的,本申请实施例还提供一种计算机可读存储介质,其包括计算机程序,当所述计算机程序在计算机设备上运行时,所述计算机程序用于使所述计算机设备执行上述方面的各种可选实现方式中提供的信息输入方法的步骤。
相应的,本申请实施例还提供一种计算机程序产品,包括计算机程序,所述计算机程序存储在计算机可读存储介质中;当计算机设备的处理器从所述计算机可读存储介质读取所述计算机程序时,所述处理器执行所述计算机程序,使得所述计算机设备执行上述方面的各种可选实现方式中提供的信息输入方法的步骤。
本申请实施例提供一种信息输入方法、装置、计算机设备及存储介质,通过显示信息输入页面,其中,所述信息输入页面包括信息输入框;接着,经由所述信息输入框接收并显示用户输入信息;最后,当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。在本申请实施例中,通过提供包含有功能控件和信息显示区域的信息输入框,在信息输入框接收并显示的用户输入信息触达所述功能按钮的显示位置,将信息显示区域移至功能控件上方,从而能够有效增大信息输入框中信息显示区域的面积,提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的信息输入框的处理系统的场景示意图。
图2是现有技术提供的信息输入框的一种场景示意图。
图3是本申请实施例提供的信息输入方法的一种流程示意图。
图4是本申请实施例提供的信息输入方法的一种场景示意图。
图5是本申请实施例提供的信息输入方法的另一种场景示意图。
图6是本申请实施例提供的信息输入方法的另一种场景示意图。
图7是本申请实施例提供的信息输入方法的另一种场景示意图。
图8是本申请实施例提供的信息输入方法的另一种场景示意图。
图9是本申请实施例提供的信息输入方法的另一种场景示意图。
图10是本申请实施例提供的信息输入方法的另一种场景示意图。
图11是本申请实施例提供的信息输入方法的另一种场景示意图。
图12是本申请实施例提供的信息输入方法的另一种场景示意图。
图13是本申请实施例提供的信息输入方法的另一种场景示意图。
图14是本申请实施例提供的信息输入方法的另一种场景示意图。
图15是本申请实施例提供的信息输入方法的另一种场景示意图。
图16是本申请实施例提供的信息输入装置的一种结构示意图。
图17是本申请实施例提供的计算机设备的结构示意图。
具体实施方式
下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述。显然,所描述的实施例仅仅是本公开一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本公开保护的范围。
现有技术中,用户可以通过应用程序提供的信息输入框进行信息输入操作,然而,现有技术中的应用程序用于辅助信息输入操作的功能按钮(也称为功能控件),例如发送按钮,通常都是设置在输入框外侧,即与信息输入框彼此独立设置,因此,在用户进行信息输入的过程中,功能按钮所对应的区域无法输入和/或显示信息。例如,请参阅图2,具体表现为在用户进行信息输入的过程中,发送按钮上方的纵向区域、表情按钮所在的横向区域始终保持不显示任何内容,从而导致用户在进行信息输入操作时,信息输入框的显示区域要缩减这些按钮所占用的区域,影响信息输入框的显示面积的充分显示,导致信息输入框对信息的容纳和显示效果较差,用户在进行信息输入交互操作时的交互体验不高。
本公开实施例提供一种信息输入方法、装置、计算机设备及存储介质。具体地,本公开实施例的信息输入方法可以由计算机设备执行,其中,该计算机设备可以为终端或者服务器等设备。该终端可以为智能手机、平板电脑、笔记本电脑、触控屏幕、游戏机、个人计算机(PC,Personal Computer)、个人数字助理(Personal Digital Assistant,PDA)等终端设备,终端还可以包括客户端,该客户端可以是应用客户端、携带有应用程序的浏览器客户端或即时通信客户端等。服务器可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。
例如,当该信息输入方法运行于终端时,终端设备存储有应用程序并用于呈现应用程序提供的操作界面或应用页面。终端设备用于通过图形用户界面、应用页面或直播间页面与用户进行交互,例如通过终端设备下载安装应用程序并运行。该终端设备将图形用户界面、直播间选择页面或直播间页面提供给用户的方式可以包括多种,例如,可以渲染显示在终端设备的显示屏上,或者,通过全息投影呈现图形用户界面。例如,终端设备可以包括触控显示屏和处理器,该触控显示屏用于呈现图形用户界面以及接收用户作用于图形用户界面产生的操作指令,该处理器用于运行该应用程序、生成图形用户界面、响应操作指令以及控制图形用户界面在触控显示屏上的显示。
请参阅图1,图1为本公开实施例提供的一种信息输入系统的场景示意图。该系统可以包括至少一个终端,至少一个服务器,至少一个数据库,以及网络。用户持有的终端可以通过网络连接到不同应用程序的服务器。终端是具有计算硬件的任何设备,该计算硬件能够支持和执行与游戏对应的软件产品。另外,当系统包括多个终端、多个服务器、多个网络时,不同的终端可以通过不同的网络、通过不同的服务器相互连接。网络可以是无线网络或者有线网络,比如无线网络为无线局域网(WLAN)、局域网(LAN)、蜂窝网络、2G网络、3G网络、4G网络、5G网络等。另外,不同的终端之间也可以使用自身的蓝牙网络或者热点网络连接到其他终端或者连接到服务器等。例如,多个用户可以通过不同的终端在线从而通过适当网络连接并且相互同步,以支持多用户观看同一直播。另外,该系统可以包括多个数据库,多个数据库耦合到不同的服务器,并且可以将与直播环境有关的信息在不同用户在线进行多用户观看直播时连续地存储于数据库中。
本公开实施例提供了一种信息输入方法,该方法可以由终端或服务器执行。本公开实施例以信息输入方法由终端执行为例来进行说明。其中,该终端可以包括触控显示屏和处理器(当然,终端也可以采用鼠标、键盘等外设作为输入设备,此处仅以触控显示屏为例进行说明),该触控显示屏用于呈现图形用户界面(应用页面或直播间页面)以及接收用户作用于图形用户界面产生的操作指令。用户通过触控显示屏对图形用户界面进行操作时,该图形用户界面可以通过响应于接收到的操作指令控制终端本地的内容,也可以通过响应于接收到的操作指令控制对端服务器的内容。例如,用户作用于图形用户界面产生的操作指令包括用于启动应用程序的指令,处理器被配置为在接收到用户提供的启动应用程序的指令之后启动应用程序。此外,处理器被配置为在触控显示屏上渲染和绘制与应用程序相关联的图形用户界面。触控显示屏是能够感测屏幕上的多个点同时执行的触摸或者滑动操作的多触敏屏幕。用户在使用手指在图形用户界面上执行触控操作,图形用户界面在检测到触控操作时,控制图形用户界面中执行显示与触控操作对应的动作。
需要说明的是,图1所示的信息输入系统的场景示意图仅仅是一个示例,本公开实施例描述的信息输入框的处理系统以及场景是为了更加清楚的说明本公开实施例的技术方案,并不构成对于本公开实施例提供的技术方案的限定,本领域普通技术人员可知,随着新业务场景的出现,本公开实施例提供的技术方案对于类似的技术问题,同样适用。
基于上述问题,本公开实施例提供一种信息输入方法、装置、计算机设备及存储介质,可以提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。以下分别进行详细说明。需说明的是,以下实施例的描述顺序不作为对实施例优选顺序的限定,本申请实施例提供的信息输入方法可以用于任何需要输入信息的场景,并不仅限于评论场景。
请参阅图3,图3为本公开实施例提供的信息输入方法的一种流程示意图,该信息输入方法的具体流程可以如下步骤101至步骤103:
101,显示信息输入页面,其中,所述信息输入页面包括信息输入框。
具体的,本申请实施例可以通过计算机设备提供一图形用户界面,在该图形用户界面显示信息输入页面,其中,所述信息输入页面包括信息输入框。
可选的,所述信息输入框还包括至少一个功能控件,所述功能控件排列在所述信息输入框中,在信息输入框为单行显示的状态下,排列的功能控件的总高度与所述信息输入框的高度匹配,在信息输入框为多行显示的状态下,排列的功能控件的总高度与所述信息输入框的高度不再匹配,信息输入框的高度要大于排列的功能控件的总高度。进一步的,该信息输入框包括所述信息输入框包括信息显示区域和/或控件显示区域,所述控件显示区域包括至少一个功能控件,所述功能控件排列在所述控件显示区域中,所述信息显示区域与所述控件显示区域相邻设置,且处于同行或者不同行。
进一步的,信息显示区域和控件显示区域的位置布局具有多种情况,例如,在用户输入信息并未触达控件显示区域中功能控件的显示位置时,也即首行显示的情况下,信息显示区域与控件显示区域为同行显示;在用户输入信息触发控件显示区域中功能控件的显示位置时,信息显示区域与控件显示区域为错行显示,也即不同行且为相邻关系,此时,控件显示区域的显示位置可以不变,将信息显示区域移动至控件显示区域上方;又或者,信息显示区域的显示位置不变,将控件显示区域移动至信息显示区域上方。
例如,信息输入页面显示的信息输入框在初始状态下并未显示任何功能控件,当检测到用户经由所述信息输入框输入用户输入信息时,则在信息输入框的预设位置显示预定功能控件,该预定功能控件可以为发送控件,该发送控件用于对当前信息显示区域接收的用户输入信息进行信息确定操作。需要说明的是,预定功能控件还可以是任何用于辅助信息输入操作的功能控件。
又例如,信息输入页面显示的信息输入框在初始状态下显示至少一个功能控件,可以在信息输入框中显示第一功能控件、第二功能控件、以及第三功能控件任意一个或多个功能控件,具体显示方式按照实际需求设置。其中,第一功能控件为用户提醒控件,用于触发用户账号展示区域进行显示,用户可以通过用户账号展示区域选中目标用户账号以提醒目标用户账号的用户来查看信息;第二功能控件为表情展示控件,用于触发表情展示页面进行显示,所述表情展示页面显示有多个表情标识以供用户进行选择;第三功能控件为图片选择控件,用于触发图片展示页面进行显示,该图片展示页面可以包括多个相册内的图片或预设图片,还可以包括拍摄控件,用户可以通过图片展示页面选择目标图片,以在图片展示区域显示目标图片。进一步的,当检测到用户经由所述信息输入框输入用户输入信息时,则在信息输入框的已显示的功能控件附近显示发送控件,该发送控件用于对当前信息显示区域接收的用户输入信息进行信息确定操作。
在本申请实施例中,当所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,可以通过信息显示区域显示用户输入信息。
可选的,当所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,此时,信息显示区域达到预设显示高度,若信息显示区域已被用户输入信息全部填满,也即信息显示区域所容纳的用户输入信息已达上限时,可以通过控件显示区域中未显示功能控件的区域显示继续接收到的用户输入信息。
或者,当检测到用户进行信息输入操作以生成用户输入信息,可以在控件显示区域中未显示功能控件的区域显示接收到的用户输入信息。当检测到用户输入信息触达功能控件的显示位置时,在控件显示区域邻近位置增加信息显示区域,并通过该信息显示区域显示用户输入信息,取消用户输入信息在控件显示区域中的显示。当所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,此时,信息显示区域达到预设显示高度,若信息显示区域已被用户输入信息全部填满,也即信息显示区域所容纳的用户输入信息已达上限时,可以通过控件显示区域中未显示功能控件的区域显示继续接收到的用户输入信息。
可选的,当计算机设备检测到用户未进行信息输入操作时,可以将第一尺寸的信息显示区域和控件显示区域进行同行显示在信息输入框内,当计算机设备检测到用户输入信息且该用户输入信息触达功能控件时,将第一尺寸的信息显示区域调整为第二尺寸的信息显示区域,并将第二尺寸的信息显示区域移至控件显示区域上方进行用户输入信息的显示,其中,第一尺寸小于第二尺寸,第一尺寸与控件显示区域的第三尺寸的尺寸总和等于或小于用户输入框的尺寸,尺寸可以为宽度和高度。控件显示区域的尺寸可以基于其区域内显示的功能控件的尺寸决定。第二尺寸的信息显示区域的宽度与信息输入框的宽度相同或略小于,第二尺寸的信息显示区域的高度基于用户输入信息所需行高所确定。
本公开实施例提供一种信息输入方法,以该方法由计算机设备执行为例来进行说明,请参阅图4,可以通过计算机设备提供一图形用户界面,在该图形用户界面上显示信息输入页面,其中,所述信息输入页面包括信息输入框,所述信息输入框包括至少一个功能控件,此时可以包括第一功能控件、第二功能控件和第三功能控件,第一功能控件为用户提醒控件,用于触发用户账号展示区域进行显示,用户可以通过用户账号展示区域选中目标用户账号以提醒目标用户账号的用户来查看信息;第二功能控件为表情展示控件,用于触发表情展示页面进行显示,所述表情展示页面显示有多个表情标识以供用户进行选择;第三功能控件为图片选择控件,用于触发图片展示页面进行显示,该图片展示页面可以包括多个相册内的图片或预设图片,还可以包括拍摄控件,用户可以通过图片展示页面选择目标图片,以在图片展示区域显示目标图片。并且,第一功能控件、第二功能控件以及第三功能控件依次同行且并列排列在所述信息输入框中,且排列的功能控件的总高度与所述信息输入框的高度匹配。信息输入页面还包括键盘输入区域、文本显示区域以及表情显示区域,键盘输入区域包括多个输入控件,例如包括多个第一输入控件“q”至“m”,第二输入控件“发送控件”、第三输入控件“删除控件”、第四输入控件“大小写切换控件”、第五输入控件“表情显示控件”、第六输入控件“空格控件”、第七输入控件“输入法切换控件”、以及第八输入控件“语音输入控件”;文本显示区域用于显示通过触发输入控件生成的文本信息,表情显示区域用于显示用户常用表情。
需要说明的是,信息输入框的初始宽度以及初始高度是与终端设备的显示屏的尺寸相匹配的,例如,信息输入框的显示宽度与显示屏的显示宽度相同,或信息输入框的显示宽度略小于显示屏的显示宽度,信息输入框的显示高度小于显示屏的显示高度。
102,经由所述信息输入框接收并显示用户输入信息。
具体的,请参阅图5,用户可以在键盘输入区域产生触控操作,从而进行信息输入操作以生成用户输入信息,计算机设备可以经由所述信息输入框接收并显示用户输入信息,此时,信息输入框中可以显示该用户输入信息,且在信息输入框中新增第四功能控件“发送控件”的显示,并且,第一功能控件、第二功能控件、第三功能控件以及第四个功能控件依次同行且并列排列在所述信息输入框中,且排列的功能控件的总高度与所述信息输入框的高度匹配。
103,当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。
在一实施例中,当所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并在所述信息输入框中增加与所述功能控件不处于同行的信息显示区域,通过所述信息显示区域显示已接收的用户输入信息,其中,所述信息显示区域的显示尺寸基于所述信息输入框的显示尺寸确定。
例如,请参阅图6,用户可以持续在键盘输入区域产生触控操作,从而持续进行信息输入操作以生成用户输入信息,当计算机设备检测到所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,计算机设备基于所述用户输入信息调整所述信息输入框的显示尺寸,并在所述信息输入框中增加与所述功能控件不处于同行的信息显示区域,通过所述信息显示区域显示已接收的用户输入信息,其中,所述信息显示区域的显示尺寸基于所述信息输入框的显示尺寸确定,也即所述信息显示区域的显示尺寸:基于所述信息输入框的显示尺寸、以及所述排列的功能控件的总高度确定。具体来说,信息显示区域的宽度和高度与信息输入框的宽度和高度相匹配,例如,信息显示区域的显示宽度与信息输入框的显示宽度相同,或信息显示区域的显示宽度略小于信息输入框的显示宽度,信息显示区域的显示高度与信息输入框的显示高度相比至少小于排列在信息输入框中功能控件的总高度。具体的,可以保持信息输入框的宽度不变的情况下,计算机设备基于所述用户输入信息对应的文本所需的显示高度,调整所述信息输入框的显示高度,从而充分显示用户输入信息。
在一实施例中,用户可以在键盘输入区域产生触控操作,从而进行信息输入操作以生成用户输入信息,计算机设备可以经由所述信息输入框接收并显示用户输入信息,此时,可以在信息显示区域中显示用户输入信息,信息显示区域为第一宽度和第一高度的显示区域,第一宽度小于信息输入框的显示宽度,具体的第一宽度与信息输入框的显示宽度之间至少相差一个总宽度,该总宽度为排列在信息输入框中功能控件的总宽度。第一高度小于或等于排列在信息输入框中功能控件的总高度。
例如,当用户输入信息为未输入、也即信息显示区域(单行信息显示区域)的输入未满时,信息显示区域的高度为1行,同时,发送控件以及其他功能控件依次同行且并列排列在信息显示区域的右侧,信息显示区域以及功能控件均显示在信息输入框的底部。
又例如,当用户输入信息使信息显示区域(单行信息显示区域)的输入已满时,也即信息显示区域中显示的信息触达功能控件的显示区域时,信息显示区域的第一宽度等于或略小于信息输入框的显示宽度,第一高度小于或等于排列在信息输入框中功能控件的总高度,同时,保持所述功能控件位于所述信息输入框的底部,并将信息显示区域移至功能控件上方,以使信息显示区域与功能控件不处于同行、且为相邻行进行显示。
进一步的,当所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,此时,信息显示区域未达到预设显示高度,信息显示区域的第一宽度等于或略小于信息输入框的显示宽度,信息显示区域的第一高度为用户输入信息对应文本在信息显示区域中显示所需的行数对应的高度,同时,保持所述功能控件位于所述信息输入框的底部,并将信息显示区域移至功能控件上方,以使信息显示区域与功能控件不处于同行、且为相邻行进行显示。
最后,当所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,此时,信息显示区域达到预设显示高度时,信息显示区域的第一宽度等于或略小于信息输入框的显示宽度,信息显示区域的第一高度为为信息显示区域预设的最大高度,并且,预设显示高度基于终端设备的显示屏的显示高度确定,以使得信息输入框距显示屏的顶部保留固定高度进行留白。
需要说明的是,用户可以在应用程序中设置信息输入框中显示的用户输入信息对应的文本的字体大小尺寸,从而使信息输入框中显示的文本跟随用户在应用程序中设置的字体大小尺寸,调节信息输入框对应的输入框组件中每一行文本所需的高度,维持信息输入框与显示屏之间合理的边距和内间距,保障用户的输入和阅读体验。
综上所述,本申请实施例提供一种信息输入方法,通过显示信息输入页面,其中,所述信息输入页面包括信息输入框;接着,经由所述信息输入框接收并显示用户输入信息;最后,当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。在本申请实施例中,通过提供包含有功能控件和信息显示区域的信息输入框,在信息输入框接收并显示的用户输入信息触达所述功能按钮的显示位置,将信息显示区域移至功能控件上方,从而能够有效增大信息输入框中信息显示区域的面积,提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。
根据上述介绍的内容,下面将举例来进一步说明本申请的信息输入方法,该信息输入方法的具体实施例如下所述。
在一实施例中,步骤“所述当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸”,方法可以包括:
当所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
在另一实施例中,方法还可以包括:
当所述信息输入框内显示的用户输入信息触达所述信息显示区域中的边缘位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
在一实施例中,步骤“所述基于所述用户输入信息调整所述信息输入框的显示尺寸”,方法可以包括:
基于所述用户输入信息增大所述信息输入框的显示高度。
具体的,可以根据用户输入信息在信息显示区域中显示所需的行数对应的高度、增大信息显示区域的显示高度以及信息输入框的显示高度,同时,可以保持信息显示区域的显示宽度以及信息输入框的显示宽度不变。需要说明的是,也可以根据实际需求对信息显示区域的显示宽度以及信息输入框的显示宽度进行调整,例如用户自定义调整信息显示区域的显示宽度以及信息输入框的显示宽度,在此仅为举例说明,更多可能实施例不做赘述。
在一实施例中,步骤“所述当所述信息输入框内显示的用户输入信息触达所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息”,方法可以包括:
基于所述用户输入信息调整所述信息输入框的显示高度,保持所述功能控件对应的控件显示区域位于所述信息输入框的底部,并保持所述信息显示区域与所述控件显示区域不处于同行、且位于所述控件显示区域上方进行显示,通过所述信息显示区域显示已接收的用户输入信息。
在另一实施例中,步骤“所述基于所述用户输入信息调整所述信息输入框的显示尺寸,并在所述信息输入框中增加与所述功能控件不处于同行的信息显示区域,通过所述信息显示区域显示已接收的用户输入信息”,方法可以包括:
基于所述用户输入信息调整所述信息输入框的显示高度,保持所述功能控件位于所述信息输入框的底部,并在所述信息输入框中增加与所述功能控件不处于同行、且位于所述功能控件上方的信息显示区域,通过所述信息显示区域显示已接收的用户输入信息。
例如,请参阅图7,当计算机设备检测到所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,此时,信息显示区域未达到预设显示高度,信息显示区域的第一宽度等于或略小于信息输入框的显示宽度,信息显示区域的第一高度为用户输入信息对应文本在信息显示区域中显示所需的行数对应的高度,同时,保持所述功能控件位于所述信息输入框的底部,并将信息显示区域保持显示在功能控件上方,以使信息显示区域与功能控件不处于同行、且为相邻行进行显示,信息输入框的显示高度也随着用户输入信息在信息显示区域中显示所需的行数对应的高度进行调整,以保证信息显示区域在信息输入框中合理进行显示。
在一实施例中,在步骤“基于所述用户输入信息增大所述信息输入框的显示高度”之后,方法可以包括:
当检测到所述信息输入框的显示高度达到预设显示高度时,停止对所述信息输入框的显示高度的增大操作,并基于所述预设显示高度对所述信息输入框进行调整,并显示调整后得到的第一目标信息输入框、以及位于所述第一目标信息输入框内的第一目标信息显示区域。
例如,请参阅图8,当计算机设备检测到所述信息输入框的显示高度达到预设显示高度时,此时,保持信息显示区域的宽度不变,信息显示区域的第一高度为为信息显示区域预设的最大高度(以及预设显示高度),基于该宽度和最大高度生成第一目标信息显示区域,并且,基于最大高度确定目标高度作为信息输入框的当前高度,在保持信息输入框当前宽度不变的情况下,生成第一目标信息输入框,以在图形用户界面显示第一目标信息输入框、以及位于所述第一目标信息输入框内的第一目标信息显示区域,需要说明的是,预设显示高度基于终端设备的显示屏的显示高度确定,以使得信息输入框距显示屏的顶部保留固定高度进行留白。
在本申请实施例中,为了合理展示用户选中的功能控件对应的目标显示区域,以供用户进行信息选择,所述方法还包括:
响应于针对所述功能控件中目标功能控件的触发操作,基于所述目标功能控件的第一显示逻辑确定目标显示区域以及目标显示位置,其中,所述目标显示区域为所述目标功能控件关联的显示区域,所述目标显示区域设置有目标显示尺寸;
基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,并显示调整后得到的第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
具体的,步骤“所述基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域”,方法可以包括:
基于所述目标显示尺寸以及所述目标显示位置,减小所述第一目标信息输入框的显示高度,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
例如,请参阅图9,具体如图9左图所示,可以通过计算机设备提供一图形用户界面,在该图形用户界面上显示信息输入页面,此时信息输入框的显示高度达到预设显示高度,其中,所述信息输入页面包括信息输入框,所述信息输入框包括第一功能控件、第二功能控件、第三功能控件和第四功能控件,第一功能控件为用户提醒控件,用于触发用户账号展示区域进行显示,用户可以通过用户账号展示区域选中目标用户账号以提醒目标用户账号的用户来查看信息;第二功能控件为表情展示控件,用于触发表情展示页面进行显示,所述表情展示页面显示有多个表情标识以供用户进行选择;第三功能控件为图片选择控件,用于触发图片展示页面进行显示,该图片展示页面可以包括多个相册内的图片或预设图片,还可以包括拍摄控件,用户可以通过图片展示页面选择目标图片,以在图片展示区域显示目标图片。第四功能控件为发送控件,该发送控件用于对当前信息显示区域接收的用户输入信息进行信息确定操作。并且,第一功能控件、第二功能控件、第三功能控件以及第四功能控件依次同行且并列排列在所述信息输入框中,且排列的功能控件的总高度与所述信息输入框的高度匹配。用户可以通过图形用户界面对第三功能控件执行触控操作,计算机设备响应于针对第三功能控件的触控操作,显示图片展示页面,用户可以通过图片展示页面对第一图片以及第二图片进行选择操作,以选中第一图片和第二图片。当计算机设备检测到针对第一图片和第二图片的确定操作时,计算机设备基于第三功能控件的第一显示逻辑确定目标显示区域以及目标显示位置,其中,所述目标显示区域为所述目标功能控件关联的显示区域,也即图片展示区域,第一显示逻辑为在信息输入页面中信息输入框的下方显示第三功能控件对应的图片展示区域,并基于图片展示区域的显示尺寸和显示位置调整信息输入框的显示尺寸和显示位置。具体的,如图9右图所示,所述图片展示区域设置有第一显示尺寸和第一显示位置,计算机设备基于第一显示尺寸以及第一显示位置,调整所述第一目标信息输入框的显示尺寸,以调整后得到的第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域,并在信息输入页面显示图片展示区域、第二目标信息输入框以及位于所述第二目标信息输入框内的第二目标信息显示区域,第二目标信息输入框沿信息输入页面顶部进行显示,图片展示区域与第二目标信息输入框为相邻显示,图片展示区域显示有第一图片的第一预览标识以及第二图片的第二预览标识,每一预览标识上显示有一删除控件,通过触发该删除控件可以取消对预览标识对应的图片的选择。
又例如,请参阅图10,具体如图10左图所示,可以通过计算机设备提供一图形用户界面,在该图形用户界面上显示信息输入页面,此时信息输入框的显示高度达到预设显示高度,其中,所述信息输入页面包括信息输入框,所述信息输入框包括第一功能控件、第二功能控件、第三功能控件和第四功能控件。用户可以通过图形用户界面对第一功能控件执行触控操作,计算机设备响应于针对第一功能控件的触控操作,计算机设备基于第一功能控件的第二显示逻辑确定目标显示区域以及目标显示位置,其中,所述目标显示区域为所述目标功能控件关联的显示区域,也即用户账号展示区域,第二显示逻辑为在信息输入页面中信息输入框的上方显示第一功能控件对应的用户账号展示区域,并基于用户账号展示区域的显示尺寸和显示位置调整信息输入框的显示尺寸和显示位置。具体的,如图10右图所示,所述用户账号展示区域设置有第二显示尺寸和第二显示位置,计算机设备基于第二显示尺寸以及第二显示位置,调整所述第一目标信息输入框的显示尺寸,以调整后得到的第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域,并在信息输入页面显示用户账号展示区域、第二目标信息输入框以及位于所述第二目标信息输入框内的第二目标信息显示区域,用户账号展示区域沿信息输入页面顶部进行显示,用户账号展示区域与第二目标信息输入框为相邻显示,用户账号展示区域显示有第一用户账号“张三”的第一账号标识、第二用户账号“李四”的第二账号标识、第三用户账号“王五”的第三账号标识、第四用户账号“赵六”的第四账号标识、以及第五用户账号“孙七”的第五账号标识,用户可以通过用户账号展示区域对上述账号标识中目标账号标识进行选择操作,从而选择目标账号标识对应的用户账号进行提醒,以提示目标账号标识的用户账号的用户进行信息查看。
需要说明的是,位于所述第二目标信息输入框内的第二目标信息显示区域中显示的用户输入信息可以进行滑动显示,用户可以通过对第二目标信息显示区域执行滑动操作,从而使第二目标信息显示区域中的用户输入信息进行滑动显示。
在一实施例中,在步骤“显示信息输入页面”之前,方法可以包括:
显示图形用户界面;
响应于针对所述图形用户界面的第一触控操作,显示信息输入页面;
在在所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息之后之后,还包括:
响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框,并在所述信息输入页面显示所述信息预览输入框。
进一步的,步骤“所述响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框”,方法可以包括:
响应于针对所述图形用户界面的第二触控操作,获取已接收的用户输入信息;
基于所述已接收的用户输入信息生成用户输入预览信息;
基于所述排列的功能控件的总高度调整所述信息输入框的显示高度,并显示调整后得到的预览信息输入框、以及位于所述预览信息输入框内的信息预览显示区域,其中,所述预览信息输入框包括所述至少一个功能控件以及信息预览显示区域,所述预览信息显示区域显示有用户输入预览信息。
又例如,请参阅图11,具体如图11左图所示,可以通过计算机设备提供一图形用户界面,在该图形用户界面上显示信息输入页面,此时信息输入框的显示高度达到预设显示高度,其中,所述信息输入页面包括信息输入框,所述信息输入框包括第一功能控件、第二功能控件、第三功能控件和第四功能控件。用户可以通过图形用户界面执行第二触控操作,计算机设备响应于针对所述图形用户界面的第二触控操作,获取已接收的用户输入信息,基于所述已接收的用户输入信息生成用户输入预览信息“XXXXXXXXXXXXXXX...”,然后,计算机设备基于所述排列的功能控件的总高度调整所述信息输入框的显示高度,并显示调整后得到的预览信息输入框、以及位于所述预览信息输入框内的信息预览显示区域,具体如图11右图所示,所述预览信息输入框显示有第一功能控件、第二功能控件、第三功能控件、第四功能控件以及信息预览显示区域,所述预览信息显示区域显示有用户输入预览信息“XXXXXXXXXXXXXXX...”,信息预览显示区域、第一功能控件、第二功能控件、第三功能控件以及第四个功能控件依次同行且并列排列在所述预览信息输入框中,且与预览信息输入框的高度与排列的功能控件的总高度的高度匹配。
为了方便用户查看信息输入页面遮挡的信息,在步骤“响应于针对所述图形用户界面的第一触控操作,显示信息输入页面”之后,方法可以包括:
响应于针对所述信息输入页面的第三触控操作,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示。
进一步的,所述方法还包括:
响应于针对所述图形用户界面的第四触控操作,将所述信息输入页面进行显示,以还原所述信息输入页面在所述图形用户界面上的显示。
例如,用户可以对信息输入页面执行左滑操作,计算机设备响应于针对图形用户界面的左滑操作,将所述信息输入页面向左滑动隐藏在图形用户界面左侧,以取消所述信息输入页面在所述图形用户界面上的显示;然后,用户可以针对图形用户界面执行右滑操作,计算机设备响应于针对所述图形用户界面的右滑操作,将所述信息输入页面的左侧向右滑出显示,以还原所述信息输入页面在所述图形用户界面上的显示。
又例如,用户可以对信息输入页面执行右滑操作,计算机设备响应于针对图形用户界面的右滑操作,将所述信息输入页面向右滑动隐藏在图形用户界面左侧,以取消所述信息输入页面在所述图形用户界面上的显示;然后,用户可以针对图形用户界面执行左滑操作,计算机设备响应于针对所述图形用户界面的左滑操作,将所述信息输入页面的右侧从左滑出显示,以还原所述信息输入页面在所述图形用户界面上的显示。
可选的,在步骤“响应于针对所述图形用户界面的第一触控操作,显示信息输入页面”之后,方法可以包括:
响应于针对所述信息输入页面的第五触控操作,且在所述第五触控操作持续状态下,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示;
当检测到所述第五触控操作结束时,还原所述信息输入页面在所述图形用户界面上的显示。
例如,用户可以对信息输入页面执行长按操作,计算机设备响应于针对所述信息输入页面的长按操作,且在长按操作持续状态下,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示;然后,用户可以取消对图形用户界面的长按操作,当计算机设备检测到长按操作结束时,还原所述信息输入页面在所述图形用户界面上的显示。
在另一实施例中,所述方法还包括:
响应于针对所述信息输入框的第六触控操作,基于所述第六触控操作获取尺寸调整参数;
基于所述尺寸调整参数对所述信息输入框的显示尺寸进行调整,并显示调整后得到的第三目标信息输入框、以及位于所述第三目标信息输入框内的第三目标信息显示区域。
在另一实施例中,请参阅图12,可以通过计算机设备提供一图形用户界面,在该图形用户界面上显示有应用页面,该应用页面显示有应用展示内容以及评论控件,用户可以通过图形用户界面针对评论控件进行触发操作,计算机设备响应于针对评论控件的触发操作,在应用页面上方叠加显示评论展示页面,该评论展示页面上显示有信息输入页面,所述信息输入页面包括信息输入框,所述信息输入框包括第一功能控件、第二功能控件、以及第三功能控件。
进一步的,请参阅图13,用户可以通过图形用户界面对信息输入页面执行触控操作,计算机设备响应于针对信息输入页面的触控操作,将第一显示样式的信息输入页面切换为第二显示样式的信息输入页面行进行显示,第二显示样式的信息输入页面包括信息输入框,所述信息输入框包括第一功能控件、第二功能控件、以及第三功能控件,第二显示样式的信息输入页面还包括键盘输入区域、文本显示区域以及表情显示区域。
可选的,请参阅图14,具体如图14左图所示,可以通过计算机设备提供一图形用户界面,在该图形用户界面上显示第二显示样式的信息输入页面,此时信息输入框的显示高度达到预设显示高度,其中,所述信息输入页面包括目标信息输入框,所述目标信息输入框包括第一功能控件、第二功能控件、第三功能控件和第四功能控件。用户可以通过图形用户界面执行触控操作,计算机设备响应于针对所述图形用户界面的触控操作,获取已接收的用户输入信息,基于所述已接收的用户输入信息生成用户输入预览信息“XXXXXXXXXXXXXXX...”,然后,计算机设备基于所述排列的功能控件的总高度调整所述信息输入框的显示高度,并显示调整后得到的预览信息输入框、以及位于所述预览信息输入框内的信息预览显示区域,具体如图14右图所示,在评论展示页面上显示第一显示样式的信息输入页面,第一显示样式的信息输入页面中的预览信息输入框显示有第一功能控件、第二功能控件、第三功能控件、第四功能控件以及信息预览显示区域,所述预览信息显示区域显示有用户输入预览信息“XXXXXXXXXXXXXXX...”,信息预览显示区域、第一功能控件、第二功能控件、第三功能控件以及第四个功能控件依次同行且并列排列在所述预览信息输入框中,且与预览信息输入框的高度与排列的功能控件的总高度的高度匹配。
在本申请实施例中,请参阅图15,用户可以在应用程序中进行“发布评论”这一交互功能,可以通过评论输入框组件实现“发评论”的交互操作,从而在应用程序中实现“发布评论”这一交互功能。其中,评论输入框组件包括信息输入框,该信息输入框中可以根据实际需求添加艾特控件、表情控件、键盘控件、图片控件以及发送控件。具体的,计算机设备可以根据当前终端设备的显示屏尺寸调整信息输入框的文本框宽度,并且,在“发布评论”这一交互功能的实时过程中,计算机设备还可以检测信息输入框中文本的内容状态,根据信息输入框中文本的内容状态调整信息输入框的文本框高度,并更新控件布局,例如,当用户触发信息输入框的显示但并未进行信息输入操作时,此时,在信息输入框内仅显示有艾特控件、表情控件、键盘控件、以及图片控件,当检测到用户进行信息输入操作时,则在信息输入框中显示艾特控件、表情控件、键盘控件、图片控件以及发送控件。其中,艾特控件用于触发用户账号展示区域进行显示,用户可以通过用户账号展示区域选中目标用户账号以提醒目标用户账号的用户来查看信息;表情控件用于触发表情展示页面进行显示,所述表情展示页面显示有多个表情标识以供用户进行选择;键盘控件位于键盘输入区域中,键盘控件即输入控件,输入控件用于供用户进行用户输入操作以接收用户输入信息,例如包括多个第一输入控件“q”至“m”,第二输入控件“发送控件”、第三输入控件“删除控件”、第四输入控件“大小写切换控件”、第五输入控件“表情显示控件”、第六输入控件“空格控件”、第七输入控件“输入法切换控件”、以及第八输入控件“语音输入控件”。图片控件用于触发图片展示页面进行显示,该图片展示页面可以包括多个相册内的图片或预设图片,还可以包括拍摄控件,用户可以通过图片展示页面选择目标图片,以在图片展示区域显示目标图片。发送控件用于对当前信息显示区域接收的用户输入信息进行信息确定操作。
需要说明的是,本申请实施例中提到的触控操作或触发材质,可以是单击操作、双击操作、长按操作、滑动操作、拖动操作等触控操作,在此仅为举例说明,更多操作方式不做赘述。
综上所述,本申请实施例提供一种信息输入方法,通过显示信息输入页面,其中,所述信息输入页面包括信息输入框,所述信息输入框包括至少一个功能控件,所述功能控件排列在所述信息输入框中,且排列的功能控件的总高度与所述信息输入框的高度匹配;接着,经由所述信息输入框接收并显示用户输入信息;最后,当所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并在所述信息输入框中增加与所述功能控件不处于同行的信息显示区域,通过所述信息显示区域显示已接收的用户输入信息,其中,所述信息显示区域的显示尺寸基于所述信息输入框的显示尺寸确定。在本申请实施例中,通过提供包含有功能控件和信息显示区域的信息输入框,在信息输入框接收并显示的用户输入信息触达所述功能按钮的显示位置,将信息显示区域移至功能控件上方,从而能够有效增大信息输入框中信息显示区域的面积,提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。
为便于更好的实施本公开实施例提供的信息输入方法,本公开实施例还提供一种基于上述信息输入方法的信息输入装置。其中名词的含义与上述信息输入方法中相同,具体实现细节可以参考方法实施例中的说明。
请参阅图16,图16为本公开实施例提供的信息输入装置的一种结构示意图,该信息输入装置包括:
第一显示单元201,用于显示信息输入页面,其中,所述信息输入页面包括信息输入框,所述信息输入框包括至少一个功能控件,所述功能控件排列在所述信息输入框中,且排列的功能控件的总高度与所述信息输入框的高度匹配;
第二显示单元202,用于经由所述信息输入框接收并显示用户输入信息;
处理单元203,用于当所述信息输入框内显示的用户输入信息触达所述功能按钮的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并在所述信息输入框中增加与所述功能控件不处于同行的信息显示区域,通过所述信息显示区域显示已接收的用户输入信息,其中,所述信息显示区域的显示尺寸基于所述信息输入框的显示尺寸确定。
在一些实施例中,该信息输入装置包括设置子单元,用于:
所述信息输入框包括信息显示区域和/或控件显示区域,所述控件显示区域包括至少一个功能控件,所述功能控件排列在所述控件显示区域中,所述信息显示区域与所述控件显示区域相邻设置,且处于同行或者不同行。
在一些实施例中,该信息输入装置包括:
第一调整子单元,用于当所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
在一些实施例中,该信息输入装置包括:
第一调整子单元,还用于当所述信息输入框内显示的用户输入信息触达所述信息显示区域中的边缘位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
在一些实施例中,该信息输入装置包括:
第一处理子单元,用于基于所述用户输入信息增大所述信息输入框的显示高度。
在一些实施例中,该信息输入装置包括:
第一调整子单元,还用于基于所述用户输入信息调整所述信息输入框的显示高度,保持所述功能控件对应的控件显示区域位于所述信息输入框的底部,并保持所述信息显示区域与所述控件显示区域不处于同行、且位于所述控件显示区域上方进行显示,通过所述信息显示区域显示已接收的用户输入信息。
在一些实施例中,该信息输入装置包括:
第二处理子单元,用于当检测到所述信息输入框的显示高度达到预设显示高度时,停止对所述信息输入框的显示高度的增大操作,并基于所述预设显示高度对所述信息输入框进行调整,并显示调整后得到的第一目标信息输入框、以及位于所述第一目标信息输入框内的第一目标信息显示区域。
在一些实施例中,该信息输入装置包括:
确定子单元,用于响应于针对所述功能控件中目标功能控件的触发操作,基于所述目标功能控件的第一显示逻辑确定目标显示区域以及目标显示位置,其中,所述目标显示区域为所述目标功能控件关联的显示区域,所述目标显示区域设置有目标显示尺寸;
第二调整子单元,用于基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,并显示调整后得到的第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
在一些实施例中,该信息输入装置包括:
第三处理子单元,用于基于所述目标显示尺寸以及所述目标显示位置,减小所述第一目标信息输入框的显示高度,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
在一些实施例中,该信息输入装置包括:
第一显示子单元,用于显示图形用户界面;
第一显示子单元,还用于响应于针对所述图形用户界面的第一触控操作,显示信息输入页面。
在一些实施例中,该信息输入装置包括:
第三调整子单元,用于响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框,并在所述信息输入页面显示所述信息预览输入框。
在一些实施例中,该信息输入装置包括:
获取子单元,用于响应于针对所述图形用户界面的第二触控操作,获取已接收的用户输入信息;
生成子单元,用于基于所述已接收的用户输入信息生成用户输入预览信息;
第二显示子单元,用于基于所述排列的功能控件的总高度调整所述信息输入框的显示高度,并显示调整后得到的预览信息输入框、以及位于所述预览信息输入框内的信息预览显示区域,其中,所述预览信息输入框包括所述至少一个功能控件以及信息预览显示区域,所述预览信息显示区域显示有用户输入预览信息。
在一些实施例中,该信息输入装置包括:
第一响应子单元,用于响应于针对所述信息输入页面的第三触控操作,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示。
在一些实施例中,该信息输入装置包括:
第二响应子单元,用于响应于针对所述图形用户界面的第四触控操作,将所述信息输入页面进行显示,以还原所述信息输入页面在所述图形用户界面上的显示。
在一些实施例中,该信息输入装置包括:
第三响应子单元,用于响应于针对所述信息输入页面的第五触控操作,且在所述第五触控操作持续状态下,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示;
检测子单元,用于当检测到所述第五触控操作结束时,还原所述信息输入页面在所述图形用户界面上的显示。
在一些实施例中,该信息输入装置包括:
第四响应子单元,用于响应于针对所述信息输入框的第六触控操作,基于所述第六触控操作获取尺寸调整参数;
第四调整子单元,用于基于所述尺寸调整参数对所述信息输入框的显示尺寸进行调整,并显示调整后得到的第三目标信息输入框、以及位于所述第三目标信息输入框内的第三目标信息显示区域。
在一些实施例中,该信息输入装置包括确定单元,用于:
所述信息显示区域的显示尺寸:基于所述信息输入框的显示尺寸、以及所述排列的功能控件的总高度确定。
本公开实施例公开了一种信息输入装置,通过第一显示单元201显示信息输入页面,其中,所述信息输入页面包括信息输入框;第二显示单元202经由所述信息输入框接收并显示用户输入信息;处理单元203当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框包括预定功能控件。在本申请实施例中,通过提供包含有功能控件和信息显示区域的信息输入框,在信息输入框接收并显示的用户输入信息触达所述功能按钮的显示位置,将信息显示区域移至功能控件上方,从而能够有效增大信息输入框中信息显示区域的面积,提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。
相应的,本公开实施例还提供一种计算机设备,该计算机设备可以为终端或者服务器,该终端可以为智能手机、平板电脑、笔记本电脑、触控屏幕、游戏机、个人计算机(PC,Personal Computer)、个人数字助理(Personal Digital Assistant,PDA)等终端设备。如图17所示,图17为本公开实施例提供的计算机设备的结构示意图。该计算机设备300包括有一个或者一个以上处理核心的处理器301、有一个或一个以上计算机可读存储介质的存储器302及存储在存储器302上并可在处理器上运行的计算机程序。其中,处理器301与存储器302电性连接。本领域技术人员可以理解,图中示出的计算机设备结构并不构成对计算机设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
处理器301是计算机设备300的控制中心,利用各种接口和线路连接整个计算机设备300的各个部分,通过运行或加载存储在存储器302内的软件程序和/或模块,以及调用存储在存储器302内的数据,执行计算机设备300的各种功能和处理数据,从而对计算机设备300进行整体监控。
在本公开实施例中,计算机设备300中的处理器301会按照如下的步骤,将一个或一个以上的应用程序的进程对应的指令加载到存储器302中,并由处理器301来运行存储在存储器302中的应用程序,从而实现各种功能:
显示信息输入页面,其中,所述信息输入页面包括信息输入框;
经由所述信息输入框接收并显示用户输入信息;
当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。
在一实施例中,所述信息输入框包括信息显示区域和/或控件显示区域,所述控件显示区域包括至少一个功能控件,所述功能控件排列在所述控件显示区域中,所述信息显示区域与所述控件显示区域相邻设置,且处于同行或者不同行。
在一实施例中,所述当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,包括:
当所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
在一实施例中,所述方法还包括:
当所述信息输入框内显示的用户输入信息触达所述信息显示区域中的边缘位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
在一实施例中,所述基于所述用户输入信息调整所述信息输入框的显示尺寸,包括:
基于所述用户输入信息增大所述信息输入框的显示高度。
在一实施例中,所述当所述信息输入框内显示的用户输入信息触达所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息,包括:
基于所述用户输入信息调整所述信息输入框的显示高度,保持所述功能控件对应的控件显示区域位于所述信息输入框的底部,并保持所述信息显示区域与所述控件显示区域不处于同行、且位于所述控件显示区域上方进行显示,通过所述信息显示区域显示已接收的用户输入信息。
在一实施例中,在基于所述用户输入信息增大所述信息输入框的显示高度之后,还包括:
当检测到所述信息输入框的显示高度达到预设显示高度时,停止对所述信息输入框的显示高度的增大操作,并基于所述预设显示高度对所述信息输入框进行调整,并显示调整后得到的第一目标信息输入框、以及位于所述第一目标信息输入框内的第一目标信息显示区域。
在一实施例中,所述方法还包括:
响应于针对所述功能控件中目标功能控件的触发操作,基于所述目标功能控件的第一显示逻辑确定目标显示区域以及目标显示位置,其中,所述目标显示区域为所述目标功能控件关联的显示区域,所述目标显示区域设置有目标显示尺寸;
基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,并显示调整后得到的第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
在一实施例中,所述基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域,包括:
基于所述目标显示尺寸以及所述目标显示位置,减小所述第一目标信息输入框的显示高度,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
在一实施例中,在显示信息输入页面之前,还包括:
显示图形用户界面;
响应于针对所述图形用户界面的第一触控操作,显示信息输入页面;
在在所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息之后之后,还包括:
响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框,并在所述信息输入页面显示所述信息预览输入框。
在一实施例中,所述响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框,包括:
响应于针对所述图形用户界面的第二触控操作,获取已接收的用户输入信息;
基于所述已接收的用户输入信息生成用户输入预览信息;
基于所述排列的功能控件的总高度调整所述信息输入框的显示高度,并显示调整后得到的预览信息输入框、以及位于所述预览信息输入框内的信息预览显示区域,其中,所述预览信息输入框包括所述至少一个功能控件以及信息预览显示区域,所述预览信息显示区域显示有用户输入预览信息。
在一实施例中,在响应于针对所述图形用户界面的第一触控操作,显示信息输入页面之后,还包括:
响应于针对所述信息输入页面的第三触控操作,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示。
在一实施例中,所述方法还包括:
响应于针对所述图形用户界面的第四触控操作,将所述信息输入页面进行显示,以还原所述信息输入页面在所述图形用户界面上的显示。
在一实施例中,在响应于针对所述图形用户界面的第一触控操作,显示信息输入页面之后,还包括:
响应于针对所述信息输入页面的第五触控操作,且在所述第五触控操作持续状态下,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示;
当检测到所述第五触控操作结束时,还原所述信息输入页面在所述图形用户界面上的显示。
在一实施例中,所述方法还包括:
响应于针对所述信息输入框的第六触控操作,基于所述第六触控操作获取尺寸调整参数;
基于所述尺寸调整参数对所述信息输入框的显示尺寸进行调整,并显示调整后得到的第三目标信息输入框、以及位于所述第三目标信息输入框内的第三目标信息显示区域。
在一实施例中,所述信息显示区域的显示尺寸:基于所述信息输入框的显示尺寸、以及所述排列的功能控件的总高度确定。
以上各个操作的具体实施可参见前面的实施例,在此不再赘述。
可选的,如图17所示,计算机设备300还包括:触控显示屏303、射频电路304、音频电路305、输入单元306以及电源307。其中,处理器301分别与触控显示屏303、射频电路304、音频电路305、输入单元306以及电源307电性连接。本领域技术人员可以理解,图17中示出的计算机设备结构并不构成对计算机设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
触控显示屏303可用于显示图形用户界面以及接收用户作用于图形用户界面产生的操作指令。触控显示屏303可以包括显示面板和触控面板。其中,显示面板可用于显示由用户输入的信息或提供给用户的信息以及计算机设备的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。可选的,可以采用液晶显示器(LCD,Liquid Crystal Display)、有机发光二极管(OLED,Organic Light-EmittingDiode)等形式来配置显示面板。触控面板可用于收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板上或在触控面板附近的操作),并生成相应的操作指令,且操作指令执行对应程序。可选的,触控面板可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器301,并能接收处理器301发来的命令并加以执行。触控面板可覆盖显示面板,当触控面板检测到在其上或附近的触摸操作后,传送给处理器301以确定触摸事件的类型,随后处理器301根据触摸事件的类型在显示面板上提供相应的视觉输出。在本公开实施例中,可以将触控面板与显示面板集成到触控显示屏303而实现输入和输出功能。但是在某些实施例中,触控面板与触控面板可以作为两个独立的部件来实现输入和输出功能。即触控显示屏303也可以作为输入单元306的一部分实现输入功能。
在本公开实施例中,通过处理器301执行游戏应用程序在触控显示屏303上生成图形用户界面。该触控显示屏303用于呈现图形用户界面以及接收用户作用于图形用户界面产生的操作指令。
射频电路304可用于收发射频信号,以通过无线通信与网络设备或其他计算机设备建立无线通讯,与网络设备或其他计算机设备之间收发信号。
音频电路305可以用于通过扬声器、传声器提供用户与计算机设备之间的音频接口。音频电路305可将接收到的音频数据转换后的电信号,传输到扬声器,由扬声器转换为声音信号输出;另一方面,传声器将收集的声音信号转换为电信号,由音频电路305接收后转换为音频数据,再将音频数据输出处理器301处理后,经射频电路304以发送给比如另一计算机设备,或者将音频数据输出至存储器302以便进一步处理。音频电路305还可能包括耳塞插孔,以提供外设耳机与计算机设备的通信。
输入单元306可用于接收输入的数字、字符信息或用户特征信息(例如指纹、虹膜、面部信息等),以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。
电源307用于给计算机设备300的各个部件供电。可选的,电源307可以通过电源管理系统与处理器301逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源307还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管图17中未示出,计算机设备300还可以包括摄像头、传感器、无线保真模块、蓝牙模块等,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
由上可知,本实施例提供的计算机设备,通过显示信息输入页面,其中,所述信息输入页面包括信息输入框;接着,经由所述信息输入框接收并显示用户输入信息;最后,当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。在本申请实施例中,通过提供包含有功能控件和信息显示区域的信息输入框,在信息输入框接收并显示的用户输入信息触达所述功能按钮的显示位置,将信息显示区域移至功能控件上方,从而能够有效增大信息输入框中信息显示区域的面积,提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。
本领域普通技术人员可以理解,上述实施例的各种方法中的全部或部分步骤可以通过指令来完成,或通过指令控制相关的硬件来完成,该指令可以存储于一计算机可读存储介质中,并由处理器进行加载和执行。
为此,本公开实施例提供一种计算机可读存储介质,其中存储有多条计算机程序,该计算机程序能够被处理器进行加载,以执行本公开实施例所提供的任一种信息输入方法中的步骤。例如,该计算机程序可以执行如下步骤:
显示信息输入页面,其中,所述信息输入页面包括信息输入框;
经由所述信息输入框接收并显示用户输入信息;
当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。
在一实施例中,所述信息输入框包括信息显示区域和/或控件显示区域,所述控件显示区域包括至少一个功能控件,所述功能控件排列在所述控件显示区域中,所述信息显示区域与所述控件显示区域相邻设置,且处于同行或者不同行。
在一实施例中,所述当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,包括:
当所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
在一实施例中,所述方法还包括:
当所述信息输入框内显示的用户输入信息触达所述信息显示区域中的边缘位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
在一实施例中,所述基于所述用户输入信息调整所述信息输入框的显示尺寸,包括:
基于所述用户输入信息增大所述信息输入框的显示高度。
在一实施例中,所述当所述信息输入框内显示的用户输入信息触达所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息,包括:
基于所述用户输入信息调整所述信息输入框的显示高度,保持所述功能控件对应的控件显示区域位于所述信息输入框的底部,并保持所述信息显示区域与所述控件显示区域不处于同行、且位于所述控件显示区域上方进行显示,通过所述信息显示区域显示已接收的用户输入信息。
在一实施例中,在基于所述用户输入信息增大所述信息输入框的显示高度之后,还包括:
当检测到所述信息输入框的显示高度达到预设显示高度时,停止对所述信息输入框的显示高度的增大操作,并基于所述预设显示高度对所述信息输入框进行调整,并显示调整后得到的第一目标信息输入框、以及位于所述第一目标信息输入框内的第一目标信息显示区域。
在一实施例中,所述方法还包括:
响应于针对所述功能控件中目标功能控件的触发操作,基于所述目标功能控件的第一显示逻辑确定目标显示区域以及目标显示位置,其中,所述目标显示区域为所述目标功能控件关联的显示区域,所述目标显示区域设置有目标显示尺寸;
基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,并显示调整后得到的第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
在一实施例中,所述基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域,包括:
基于所述目标显示尺寸以及所述目标显示位置,减小所述第一目标信息输入框的显示高度,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
在一实施例中,在显示信息输入页面之前,还包括:
显示图形用户界面;
响应于针对所述图形用户界面的第一触控操作,显示信息输入页面;
在在所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息之后之后,还包括:
响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框,并在所述信息输入页面显示所述信息预览输入框。
在一实施例中,所述响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框,包括:
响应于针对所述图形用户界面的第二触控操作,获取已接收的用户输入信息;
基于所述已接收的用户输入信息生成用户输入预览信息;
基于所述排列的功能控件的总高度调整所述信息输入框的显示高度,并显示调整后得到的预览信息输入框、以及位于所述预览信息输入框内的信息预览显示区域,其中,所述预览信息输入框包括所述至少一个功能控件以及信息预览显示区域,所述预览信息显示区域显示有用户输入预览信息。
在一实施例中,在响应于针对所述图形用户界面的第一触控操作,显示信息输入页面之后,还包括:
响应于针对所述信息输入页面的第三触控操作,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示。
在一实施例中,所述方法还包括:
响应于针对所述图形用户界面的第四触控操作,将所述信息输入页面进行显示,以还原所述信息输入页面在所述图形用户界面上的显示。
在一实施例中,在响应于针对所述图形用户界面的第一触控操作,显示信息输入页面之后,还包括:
响应于针对所述信息输入页面的第五触控操作,且在所述第五触控操作持续状态下,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示;
当检测到所述第五触控操作结束时,还原所述信息输入页面在所述图形用户界面上的显示。
在一实施例中,所述方法还包括:
响应于针对所述信息输入框的第六触控操作,基于所述第六触控操作获取尺寸调整参数;
基于所述尺寸调整参数对所述信息输入框的显示尺寸进行调整,并显示调整后得到的第三目标信息输入框、以及位于所述第三目标信息输入框内的第三目标信息显示区域。
在一实施例中,所述信息显示区域的显示尺寸:基于所述信息输入框的显示尺寸、以及所述排列的功能控件的总高度确定。
以上各个操作的具体实施可参见前面的实施例,在此不再赘述。
其中,该存储介质可以包括:只读存储器(ROM,Read Only Memory)、随机存取记忆体(RAM,Random Access Memory)、磁盘或光盘等。
由于该存储介质中所存储的计算机程序,可以通过显示信息输入页面,其中,所述信息输入页面包括信息输入框;接着,经由所述信息输入框接收并显示用户输入信息;最后,当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。在本申请实施例中,通过提供包含有功能控件和信息显示区域的信息输入框,在信息输入框接收并显示的用户输入信息触达所述功能按钮的显示位置,将信息显示区域移至功能控件上方,从而能够有效增大信息输入框中信息显示区域的面积,提高信息输入框的显示效果,提升用户在进行信息输入交互操作时的交互体验。
根据本申请实施例的一个方面,还提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述方面的各种可选实现方式中提供的信息输入方法。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
以上对本公开实施例所提供的一种信息输入方法、装置、计算机设备及存储介质进行了详细介绍,本文中应用了具体个例对本公开的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本公开的技术方案及其核心思想;本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本公开各实施例的技术方案的范围。
Claims (20)
1.一种信息输入方法,其特征在于,包括:
显示信息输入页面,其中,所述信息输入页面包括信息输入框;
经由所述信息输入框接收并显示用户输入信息;
当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框显示有预定功能控件。
2.根据权利要求1所述的信息输入方法,其特征在于,所述信息输入框包括信息显示区域和/或控件显示区域,所述控件显示区域包括至少一个功能控件,所述功能控件排列在所述控件显示区域中,所述信息显示区域与所述控件显示区域相邻设置,且处于同行或者不同行。
3.根据权利要求2所述的信息输入方法,其特征在于,所述当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,包括:
当所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
4.根据权利要求2所述的信息输入方法,其特征在于,所述方法还包括:
当所述信息输入框内显示的用户输入信息触达所述信息显示区域中的边缘位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息。
5.根据权利要求3所述的信息输入方法,其特征在于,所述基于所述用户输入信息调整所述信息输入框的显示尺寸,包括:
基于所述用户输入信息增大所述信息输入框的显示高度和/或显示宽度。
6.根据权利要求5所述的信息输入方法,其特征在于,所述当所述信息输入框内显示的用户输入信息触达所述功能控件的显示位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,并通过所述信息显示区域显示已接收的用户输入信息,包括:
基于所述用户输入信息调整所述信息输入框的显示高度,保持所述功能控件对应的控件显示区域位于所述信息输入框的底部,并保持所述信息显示区域与所述控件显示区域不处于同行、且位于所述控件显示区域上方进行显示,通过所述信息显示区域显示已接收的用户输入信息。
7.根据权利要求5所述的信息输入方法,其特征在于,在基于所述用户输入信息增大所述信息输入框的显示高度之后,还包括:
当检测到所述信息输入框的显示高度达到预设显示高度时,停止对所述信息输入框的显示高度的增大操作,并基于所述预设显示高度对所述信息输入框进行调整,并显示调整后得到的第一目标信息输入框、以及位于所述第一目标信息输入框内的第一目标信息显示区域。
8.根据权利要求7所述的信息输入方法,其特征在于,所述方法还包括:
响应于针对所述功能控件中目标功能控件的触发操作,基于所述目标功能控件的第一显示逻辑确定目标显示区域以及目标显示位置,其中,所述目标显示区域为所述目标功能控件关联的显示区域,所述目标显示区域设置有目标显示尺寸;
基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,并显示调整后得到的第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
9.根据权利要求8所述的信息输入方法,其特征在于,所述基于所述目标显示尺寸以及所述目标显示位置,调整所述第一目标信息输入框的显示尺寸,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域,包括:
基于所述目标显示尺寸以及所述目标显示位置,减小所述第一目标信息输入框的显示高度,得到第二目标信息输入框、以及位于所述第二目标信息输入框内的第二目标信息显示区域。
10.根据权利要求5所述的信息输入方法,其特征在于,在显示信息输入页面之前,还包括:
显示图形用户界面;
响应于针对所述图形用户界面的第一触控操作,显示信息输入页面;
在所述信息输入框内显示的用户输入信息触达所述控件显示区域中所述功能控件的显示位置,且继续接收到用户输入信息之后,还包括:
响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框,并在所述信息输入页面显示所述信息预览输入框。
11.根据权利要求10所述的信息输入方法,其特征在于,所述响应于针对所述图形用户界面的第二触控操作,基于所述第二触控操作关联的第二显示逻辑对所述信息输入框进行调整,得到信息预览输入框,包括:
响应于针对所述图形用户界面的第二触控操作,获取已接收的用户输入信息;
基于所述已接收的用户输入信息生成用户输入预览信息;
基于所述排列的功能控件的总高度调整所述信息输入框的显示高度,并显示调整后得到的预览信息输入框、以及位于所述预览信息输入框内的信息预览显示区域,其中,所述预览信息输入框包括所述至少一个功能控件以及信息预览显示区域,所述预览信息显示区域显示有用户输入预览信息。
12.根据权利要求10所述的信息输入方法,其特征在于,在响应于针对所述图形用户界面的第一触控操作,显示信息输入页面之后,还包括:
响应于针对所述信息输入页面的第三触控操作,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示。
13.根据权利要求12所述的信息输入方法,其特征在于,所述方法还包括:
响应于针对所述图形用户界面的第四触控操作,将所述信息输入页面进行显示,以还原所述信息输入页面在所述图形用户界面上的显示。
14.根据权利要求10所述的信息输入方法,其特征在于,在响应于针对所述图形用户界面的第一触控操作,显示信息输入页面之后,还包括:
响应于针对所述信息输入页面的第五触控操作,且在所述第五触控操作持续状态下,将所述信息输入页面进行隐藏,以取消所述信息输入页面在所述图形用户界面上的显示;
当检测到所述第五触控操作结束时,还原所述信息输入页面在所述图形用户界面上的显示。
15.根据权利要求3所述的信息输入方法,其特征在于,所述方法还包括:
响应于针对所述信息输入框的第六触控操作,基于所述第六触控操作获取尺寸调整参数;
基于所述尺寸调整参数对所述信息输入框的显示尺寸进行调整,并显示调整后得到的第三目标信息输入框、以及位于所述第三目标信息输入框内的第三目标信息显示区域。
16.根据权利要求3所述的信息输入方法,其特征在于,所述信息显示区域的显示尺寸:基于所述信息输入框的显示尺寸、以及所述排列的功能控件的总高度确定。
17.一种信息输入装置,其特征在于,包括:
第一显示单元,用于显示信息输入页面,其中,所述信息输入页面包括信息输入框;
第二显示单元,用于经由所述信息输入框接收并显示用户输入信息;
处理单元,用于当所述信息输入框内显示的用户输入信息触达所述信息输入框中的预定位置,且继续接收到用户输入信息时,基于所述用户输入信息调整所述信息输入框的显示尺寸,其中,所述信息输入框包括预定功能控件。
18.一种计算机设备,其特征在于,其包括处理器和存储器,其中,所述存储器存储有计算机程序,当所述计算机程序被所述处理器执行时,使得所述处理器执行权利要求1至16中任一所述的信息输入方法的步骤。
19.一种计算机可读存储介质,其特征在于,其包括计算机程序,当所述计算机程序在计算机设备上运行时,所述计算机程序用于使所述计算机设备执行权利要求1至16中任一所述的信息输入方法的步骤。
20.一种计算机程序产品,其特征在于,包括计算机程序,所述计算机程序存储在计算机可读存储介质中;当计算机设备的处理器从所述计算机可读存储介质读取所述计算机程序时,所述处理器执行所述计算机程序,使得所述计算机设备执行权利要求1至16中任一所述的信息输入方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311673352.9A CN117608446A (zh) | 2023-12-06 | 2023-12-06 | 信息输入方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202311673352.9A CN117608446A (zh) | 2023-12-06 | 2023-12-06 | 信息输入方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117608446A true CN117608446A (zh) | 2024-02-27 |
Family
ID=89944303
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202311673352.9A Pending CN117608446A (zh) | 2023-12-06 | 2023-12-06 | 信息输入方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117608446A (zh) |
-
2023
- 2023-12-06 CN CN202311673352.9A patent/CN117608446A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10775979B2 (en) | Buddy list presentation control method and system, and computer storage medium | |
WO2020007114A1 (zh) | 分屏应用切换方法、装置、存储介质和电子设备 | |
CN113101650A (zh) | 游戏场景切换方法、装置、计算机设备及存储介质 | |
CN113485617A (zh) | 动画展示方法、装置、电子设备及存储介质 | |
CN110221765B (zh) | 一种视频文件播放方法、装置、存储介质及终端 | |
CN111966436A (zh) | 屏幕显示控制方法、装置、终端设备及存储介质 | |
CN114064173A (zh) | 即时会话页面创建方法、装置、介质及设备 | |
CN111694497B (zh) | 页面组合方法和电子设备 | |
CN113360034A (zh) | 画面显示方法、装置、计算机设备及存储介质 | |
CN113332719A (zh) | 一种虚拟物品的标记方法、装置、终端及存储介质 | |
CN110336917B (zh) | 一种图片展示方法、装置、存储介质及终端 | |
CN116594616A (zh) | 一种组件配置方法、装置及计算机可读存储介质 | |
CN115828845A (zh) | 多媒体数据查看方法、装置、介质及设备 | |
CN112799754B (zh) | 信息处理方法、装置、存储介质及计算机设备 | |
CN112199148B (zh) | 一种信息处理方法、装置、存储介质及终端 | |
CN115379113A (zh) | 拍摄处理方法、装置、设备及存储介质 | |
CN117608446A (zh) | 信息输入方法、装置、计算机设备及存储介质 | |
CN113867873A (zh) | 页面显示方法、装置、计算机设备及存储介质 | |
CN112783386A (zh) | 页面跳转方法、装置、存储介质及计算机设备 | |
CN112765508A (zh) | 信息显示方法、装置及电子设备 | |
CN114415893B (zh) | 一种图像显示方法、装置、电子设备和存储介质 | |
CN117908716A (zh) | 内容显示方法、装置、计算机设备及计算机可读存储介质 | |
CN114416234B (zh) | 一种页面切换方法、装置、计算机设备及存储介质 | |
CN112783860B (zh) | 构造镜像数据库的方法、装置、存储介质及计算机设备 | |
CN115779411A (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 |