CN113253889A - 基于异形屏的页面显示处理方法、装置和计算机设备 - Google Patents

基于异形屏的页面显示处理方法、装置和计算机设备 Download PDF

Info

Publication number
CN113253889A
CN113253889A CN202010090555.5A CN202010090555A CN113253889A CN 113253889 A CN113253889 A CN 113253889A CN 202010090555 A CN202010090555 A CN 202010090555A CN 113253889 A CN113253889 A CN 113253889A
Authority
CN
China
Prior art keywords
page
sub
displaying
terminal
preset
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
Application number
CN202010090555.5A
Other languages
English (en)
Other versions
CN113253889B (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.)
Oneplus Technology Shenzhen Co Ltd
Original Assignee
Oneplus Technology Shenzhen 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 Oneplus Technology Shenzhen Co Ltd filed Critical Oneplus Technology Shenzhen Co Ltd
Priority to CN202010090555.5A priority Critical patent/CN113253889B/zh
Priority to PCT/CN2021/076434 priority patent/WO2021160148A1/zh
Publication of CN113253889A publication Critical patent/CN113253889A/zh
Application granted granted Critical
Publication of CN113253889B publication Critical patent/CN113253889B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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/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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0414—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means using force sensing means to determine a position
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416—Control or interface arrangements specially adapted for digitisers
    • 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
    • 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
    • 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N23/00—Cameras or camera modules comprising electronic image sensors; Control thereof
    • H04N23/57—Mechanical or electrical details of cameras or camera modules specially adapted for being embedded in other devices
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • 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)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请涉及一种基于异形屏的页面显示处理方法、装置和计算机设备。所述方法包括：基于包括传感器孔的异形屏显示主页面；接收作用于所述主页面的预设区域的触发操作，所述预设区域为所述传感器孔对应的区域；响应所述触发操作，在所述主页面上显示子页面；根据所述触发操作启动前置摄像头，通过所述子页面显示所述前置摄像头采集的图像数据。采用本方法能够在子页面显示前置摄像头采集图像的页面，不影响主页面，有效的提高了页面显示的便利性。

Description

基于异形屏的页面显示处理方法、装置和计算机设备
技术领域
本申请涉及计算机技术领域，特别是涉及一种基于异形屏的页面显示处理方法、装置、计算机设备和存储介质。
背景技术
随着计算机技术的发展，移动终端在人们日常生活中的作用不断提高，使用频率逐渐增大。其中，移动终端的前置摄像头作为移动终端的主要图像传感设备之一，也是被用户经常使用。例如，用户可以启动前置摄像头进行自拍，也可以根据前置摄像头采集的图像将终端当作镜子使用，还可以用于观察用户身后环境等。
在传统方式中，用户需要移动终端显示前置摄像头对应的拍照页面时，通常需要在移动终端的控制页找到对应的相机图标，触发对应的控件才能启动前置摄像头。当移动终端的当前页面正在运行应用程序时，还需要退出应用程序的当前页面，才能显示前置摄像头对应的页面，整个过程比较不方便。
发明内容
基于此，有必要针对上述便利性较低的技术问题，提供一种能够提高页面显示的便利性的基于异形屏的页面显示处理方法、装置、计算机设备和存储介质。
一种基于异形屏的页面显示处理方法，所述方法包括：
基于包括传感器孔的异形屏显示主页面；
接收作用于所述主页面的预设区域的触发操作，所述预设区域为所述传感器孔对应的区域；
响应所述触发操作，在所述主页面上显示子页面；
根据所述触发操作启动前置摄像头，通过所述子页面显示所述前置摄像头采集的图像数据。
在其中一个实施例中，在所述响应所述触发操作之前，所述方法还包括：
获取预设的所述子页面对应的触发操作类型；
根据所述触发操作类型对所述触发操作进行触发校验，得到校验结果；
当所述校验结果为校验成功时，响应所述触发操作。
在其中一个实施例中，所述响应所述触发操作，在所述主页面上显示子页面包括：
接收与所述触发操作连续的区域调整操作；
响应所述区域调整操作，对子页面对应的区域进行调整，确定位于所述主页面上的目标区域；
根据所述目标区域在所述主页面上显示所述子页面。
在其中一个实施例中，所述方法还包括：
接收作用于所述子页面的位置调整操作；
响应所述位置调整操作，将所述子页面对应的状态切换为可移动状态；
根据所述位置调整操作确定所述子页面对应的目标位置，将所述子页面移动至所述目标位置。
在其中一个实施例中，在所述根据所述位置调整操作确定所述子页面对应的目标位置之后，所述方法还包括：
将所述目标位置与所述主页面对应的边缘框进行比对；
当所述目标位置与所述边缘框重叠时，关闭所述子页面和所述前置摄像头。
在其中一个实施例中，所述方法还包括：
当所述子页面对应的区域大于或等于预设阈值时，在所述子页面上显示拍照控件；
接收触发所述拍照控件的拍照操作，根据所述拍照操作记录所述前置摄像头采集的图像数据。
一种基于异形屏的页面显示处理装置，所述装置包括：
主页面显示模块，用于基于包括传感器孔的异形屏显示主页面；
操作接收模块，用于接收作用于所述主页面的预设区域的触发操作，所述预设区域为所述传感器孔对应的区域；
子页面显示模块，用于响应所述触发操作，在所述主页面上显示子页面；根据所述触发操作启动前置摄像头，通过所述子页面显示所述前置摄像头采集的图像数据。
在其中一个实施例中，所述子页面显示模块还用于接收与所述触发操作连续的区域调整操作；响应所述区域调整操作，对子页面对应的区域进行调整，确定位于所述主页面上的目标区域；根据所述目标区域在所述主页面上显示所述子页面。
一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现上述基于异形屏的页面显示处理方法的步骤。
一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述基于异形屏的页面显示处理方法的步骤。
上述基于异形屏的页面显示处理方法、装置、计算机设备和存储介质，基于包括传感器孔的异形屏显示主页面，接收到作用于主页面的预设区域的触发操作，响应触发操作，在主页面上显示子页面。预设区域为传感器孔对应的区域。在异形屏中传感器孔的位置是固定的，主页面中始终存在传感器孔对应的区域，便于进行作用于主页面的预设区域的触发操作，更加方便的触发前置摄像头。根据触发操作启动前置摄像头，通过子页面显示前置摄像头采集的图像数据，可以在子页面显示前置摄像头采集图像的页面，不影响主页面，有效的提高了页面显示的便利性。
附图说明
图1为一个实施例中基于异形屏的页面显示处理方法的应用环境图；
图2为一个实施例中基于异形屏的页面显示处理方法的流程示意图；
图3为一个实施例中页面显示示意图；
图4为一个实施例中响应触发操作，在主页面上显示子页面步骤的流程示意图；
图5为一个实施例中调整子页面对应区域的示意图；
图6为一个实施例中调整子页面至目标位置的示意图；
图7为一个实施例中基于异形屏的页面显示处理装置的结构框图；
图8为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。
本申请提供的基于异形屏的页面显示处理方法，可以应用于如图1所示的移动终端100中。其中，移动终端100包括显示屏。移动终端100的显示屏为异形屏102，异形屏102中包括传感器孔104。移动终端100基于包括传感器孔104的异形屏102显示主页面。移动终端100接收作用于主页面的预设区域的触发操作，预设区域为传感器孔104对应的区域。移动终端100响应触发操作，在主页面上显示子页面。移动终端100根据触发操作启动前置摄像头，通过子页面显示前置摄像头采集的图像数据。其中，移动终端100可以包括但不限于是各种笔记本电脑、智能手机、平板电脑和便携式可穿戴设备。
在一个实施例中，如图2所示，提供了一种基于异形屏的页面显示处理方法，以该方法应用于图1中的移动终端100为例进行说明，包括以下步骤：
步骤202，基于包括传感器孔的异形屏显示主页面。
移动终端(以下简称“终端”)可以包括显示屏，显示屏可以是触摸显示屏，触摸显示屏具体可以包括但不限于显示面板和触摸面板。显示面板可以作为终端的输出设备，将用户界面(User Interface，简称UI)、应用程序页面、网页页面等信息在显示屏上显示。显示面板具体可以是液晶显示器(Liquid Crystal Display，简称LCD)、发光二极管(LightEmitting Diode，简称LED)或者有机发光二极管(Organic Light-Emitting Diode，简称OLED)等。触摸面板又可以成为“触摸屏”或者“触控屏”，可以作为终端的输入设备，接收用户在触摸面板上的多种类型的操作，将用户操作输入至终端进行处理。终端的触摸面板可以是红外式触摸面板、电阻式触摸面板、表面声波式触摸面板以及电容式触摸面板中的一种。可以通过显示面板和触摸面板构成终端的显示屏，终端可以在显示屏上显示一种或多种页面，用户可以根据显示屏上显示的页面，在显示屏上进行对应操作。终端可以通过显示屏接收用户操作，执行与用户操作相对应的处理。
为了提高终端的显示屏占比，给用户更好的视觉效果，出现了异形屏设计。异形屏是指在终端的显示面板中裁切掉一部分的显示屏。显示面板中裁切出的部分可以记为传感器孔。传感器孔具体可以用于放置包括前置摄像头、光传感器、距离传感器以及红外摄像头等传感器。传感器孔的大小和形状可以根据实际需求进行调整。传感器孔通常开设在异形屏的左上角。在其中一个实施例中，传感器孔也可以开设在异形屏的其他位置。开设的传感器孔用于将终端的部分传感器放置在显示屏内，从而增大终端的屏幕占比，缩小了前置摄像头等传感器在显示屏中的占比，尽可能的实现全面屏设计。
终端可以基于包括传感器孔的异形屏显示主页面，主页面可以是终端在运行过程中显示的界面。主页面具体可以包括但不限于终端对应的锁屏界面、桌面界面、网页页面以及应用程序页面等。例如，终端接收到用户的激活操作时，可以激活异形屏，在包括传感器孔的异形屏上显示锁屏界面或桌面界面。当用户需要浏览网页或者使用应用程序时，终端可以根据对应的用户操作在包括传感器孔的异形屏上显示网页页面或者应用程序页面，以供用户使用终端包括的多种功能。
步骤204，接收作用于主页面的预设区域的触发操作，预设区域为传感器孔对应的区域。
终端可以通过异形屏中的触摸面板，接收用户在异形屏上的操作。其中，终端可以在主页面上的不同位置显示不同的图标或虚拟控件，当用户通过触摸面板在主页面上的不同区域进行操作时，终端可以接收到不同区域对应的操作。
具体的，当用户需要启动前置摄像头时，可以在终端的主页面上进行触发操作。终端可以获取用户在主页面上的操作位置，接收作用于主页面的预设区域的触发操作。终端接收到的触发操作具体可以是多种触发操作类型中的一种。例如，终端接收到的触发操作可以是点击操作，也可以是滑动操作。触发操作可以是单点控制操作，也可以是多点控制操作。
预设区域可以是异形屏的传感器孔所对应预设范围内的区域。可以理解的，异形屏中显示面板部分被裁切，而触摸面板是完整的未被裁切，传感器孔对应区域的触摸面板可以接收用户的操作。预设区域对应的预设范围可以是用户根据实际需求预先设置的。预设区域的大小、比例以及形状均可以根据实际需求进行设置。例如，预设区域可以是用户根据实际需求预先设置的，以传感器孔为中心，向外延伸3毫米的矩形区域。预设区域的形状具体还可以包括但不限于菱形、圆形、椭圆形等。由于预设区域是传感器孔周围的区域，而传感器孔在异形屏中是固定存在的。因此，用户可以在视觉上将传感器孔对应的预设区域视为固定控件，即使主页面包括不同的内容，用户均可以在传感器孔对应的预设区域进行触发操作，不需要退出主页面寻找对应的虚拟控件，有效的提高了进行触发操作的便利性。
步骤206，响应触发操作，在主页面上显示子页面。
步骤208，根据触发操作启动前置摄像头，通过子页面显示前置摄像头采集的图像数据。
终端可以响应接收到的触发操作，生成子页面。终端可以在主页面上显示生成的子页面。其中，子页面的区域可以小于或等于主页面。终端可以通过多种方式在主页面上显示子页面。例如，终端可以生成悬浮式的子页面，子页面可以悬浮在主页面上进行显示。终端还可以生成嵌入式的子页面，将子页面嵌入在主页面中进行显示。如图3所示，图3为一个实施例中终端对应的页面显示示意图，终端可以通过异形屏显示主页面和子页面。
在其中一个实施例中，用户可以通过异形屏调整子页面的透明度，可以在显示子页面的同时不影响显示主页面。而且，当用户怀疑身后存在偷窥时，也可以调整子页面的透明度，在通过子页面观察身后情况的同时，将子页面弱化，避免被偷窥者发现。
终端可以根据接收到的触发操作，启动终端对应的前置摄像头。前置摄像头可以通过异形屏中的传感器孔采集对应范围内的图像数据。可以理解的，当前置摄像头以较快帧率采集图像时，可以获取前置摄像头采集的视频数据。终端可以在主页面显示内容不变的情况下，通过子页面显示前置摄像头采集的图像数据。
在本实施例中，终端可以基于包括传感器孔的异形屏显示主页面，以供用户使用终端的多种功能。终端可以接收作用于主页面的预设区域的触发操作，预设区域为传感器孔对应的区域。传感器孔在异形屏的固定位置，用户可以通过传感器孔对应的预设区域快速进行触发操作，相较于传统方式，不需要寻找桌面页面中前置摄像头对应的虚拟控件进行触发，有效的提高了进行触发操作的便利性。而且，终端可以响应触发操作，在主页面上显示子页面，根据触发操作启动前置摄像头，通过子页面显示前置摄像头采集的图像数据，不影响主页面显示。相较于传统方式，不需要退出主页面。避免影响用户在主页面上的当前操作，有效的提高了页面显示的便利性。便于用户方便、快速的触发前置摄像头，有效的提高了用户体验。
在一个实施例中，在响应触发操作之前，上述方法还包括：获取预设的子页面对应的触发操作类型；根据触发操作类型对触发操作进行触发校验，得到校验结果；当校验结果为校验成功时，响应触发操作。
终端在接收到作用于主页面的预设区域的触发操作之后，可以获取预设的子页面对应的触发操作类型。子页面对应的触发操作类型可以是用户根据实际需求预先设置的多种操作类型中的至少一种。具体的，子页面对应的触发操作类型可以是多种操作类型中的一种。例如，子页面对应的触发操作类型可以是单击操作、双击操作、三击操作或者滑动操作中的一种。子页面对应的触发操作类型也可以是多种操作类型的结合。例如，子页面对应的触发操作类型可以是双指滑动操作。在其中一个实施例中，终端可以响应不同类型的触发操作，基于预设的操作类型与指令的映射关系，终端可以根据不同类型的触发操作执行不同的任务。例如，启动前置摄像头对应的操作类型可以是单击操作，调整显示亮度对应的操作类型可以是滑动操作。终端可以基于不同类型的触发操作执行不同的任务。
终端可以根据子页面对应的触发操作类型，对接收到的作用于预设区域的触发操作进行触发校验。具体的，终端可以获取接收到的触发操作对应的操作类型，将触发操作的操作类型与预设的触发操作类型进行比对，判断操作类型与预设的触发操作类型是否一致。
当操作类型与预设的触发操作类型不一致时，终端确定触发校验结果为校验失败，终端可以忽略接收到的预设区域对应的触发操作。当不存在一致的预设操作时，终端可以忽略接收到的触发操作。当操作类型与预设的触发操作类型一致时，终端确定触发校验结果为校验成功，终端可以继续响应接收到的预设区域对应的触发操作。
在其中一个实施例中，当触发校验失败时，终端还可以将预设区域的触发操作与其他预设操作进行比对，判断是否存在操作类型一致的预设操作。当存在一致的预设操作时，终端可以执行对应的预设操作。
在本实施例中，终端在响应触发操作之前，可以获取预设的与子页面对应的触发操作类型，根据触发操作类型对触发操作进行触发校验。当校验结果为校验成功时，终端可以响应触发操作，避免由于用户误触启动前置摄像头和显示子页面，有效的保证了子页面显示的准确性。
在一个实施例中，如图4所示，上述响应触发操作，在主页面上显示子页面的步骤包括：
步骤402，接收与触发操作连续的区域调整操作。
步骤404，响应区域调整操作，对子页面对应的区域进行调整，确定位于主页面上的目标区域。
步骤406，根据目标区域在主页面上显示子页面。
终端在接收到预设区域的触发操作之后，可以响应触发操作，在主页面上显示预设大小和形状的子页面。终端还可以在接收到触发操作之后，接收区域调整操作。区域调整操作可以是与触发操作连续的。例如，触发操作可以是点击操作。用户在需要终端显示子页面时，可以点击预设区域。终端可以响应接收到的预设区域的点击操作显示子页面。用户还可以在点击预设区域后，不松开触摸面板，连续进行区域调整操作。区域调整操作具体可以是滑动操作。用户可以在点击预设区域后连续进行滑动操作，以此对子页面对应的区域进行调整。
终端可以响应与触发操作连续的区域调整操作，区域调整操作可以包括调整方向和调整距离。终端可以根据调整方向和调整距离对子页面对应的区域进行调整。在其中一个实施例中，当区域调整操作为滑动操作时，终端可以在用户滑动操作的过程中动态显示调整的区域，以便于用户根据动态显示的区域进行区域调整操作。终端可以根据区域调整操作拉伸预设的子页面对应的区域。
具体的，终端可以获取区域调整操作对应的触摸点，将预设的子页面区域中触摸点的对角点作为固定点。在区域调整过程中，固定点所处的位置固定不动。终端可以根据调整方向和调整距离对触摸点进行调整，子页面对应的区域随着触摸点的变动而进行调整。如图5所示，图5为调整子页面对应区域的示意图，终端根据用户的区域调整操作扩大了子页面对应的区域。终端可以在响应区域调整操作，根据区域调整操作对子页面对应的区域进行调整之后，确定调整后的区域作为子页面对应的目标区域。终端可以根据目标区域在主页面上显示子页面。
在其中一个实施例中，终端在响应触发操作，显示子页面之后，还可以接收与触发操作不连续的区域调整操作。与触发操作不连续的区域调整操作具体可以是双指滑动操作等。终端在主页面上显示子页面之后，用户可以根据实际应用需求进行区域调整操作，终端可以根据与触发操作不连续的区域调整操作对子页面的区域大小、形状等进行调整，从而使得子页面的大小或形状符合实际应用需求，有效的提高了显示子页面的便利性。
在本实施例中，终端可以接收与触发操作连续的区域调整操作，响应区域调整操作，对子页面对应的区域进行调整，确定位于主页面上的目标区域。终端可以根据目标区域在主页面上显示子页面，从而显示满足用户实际应用需求的子页面，有效的提高了子页面显示的便利性。
在一个实施例中，上述方法还包括：接收作用于子页面的位置调整操作；响应位置调整操作，将子页面对应的状态切换为可移动状态；根据位置调整操作确定子页面对应的目标位置，将子页面移动至目标位置。
终端在主页面显示子页面之后，还可以接收作用于子页面的位置调整操作。当用户根据实际应用需求需要对子页面在主页面中的位置进行调整时，可以对子页面进行位置调整操作。位置调整操作可以是包括一种操作类型的操作，也可以是多种操作类型的结合。例如，位置调整操作可以是滑动操作。用户可以对子页面进行滑动操作，以此实现将子页面拖动至目标位置。位置调整操作还可以是按压操作和滑动操作的结合。
终端可以响应作用于子页面的位置调整操作，根据位置调整操作将子页面对应的状态切换为可移动状态。具体的，终端可以根据预设条件对位置调整操作进行校验。预设条件可以是用户根据实际需求预先设置的。例如，位置调整操作可以包括按压操作，预设条件具体可以包括但不限于预设按压时间或预设按压力度中的至少一种。
当预设条件包括预设按压时间和预设按压力度时，终端可以通过异形屏中的触摸面板，以及触摸面板下的压力传感器，采集用户按压操作对应的按压时间和按压力度。终端可以将按压操作对应的按压时间和按压力度，分别与预设按压时间和预设按压力度进行比对。当按压操作对应的按压时间和按压力度符合预设按压时间和预设按压力度时，确定校验成功，终端响应位置调整操作，将子页面对应的状态切换为可移动状态。否则，确定校验失败，终端可以忽略作用于子页面的位置调整操作。终端通过对位置调整操作进行校验，有效的避免了因为用户误碰触摸面板而移动子页面。
子页面对应的状态包括可移动状态和固定状态。当子页面处于固定状态时，子页面是不可以被移动的。终端可以响应作用于子页面的位置调整操作，将子页面对应的状态从固定状态切换为可移动状态。如图6所示，图6为一个实施例中调整子页面至目标位置的示意图。终端可以根据位置调整操作确定子页面对应的目标位置，将子页面移动至目标位置。当子页面移动至目标位置后，子页面对应的状态由可移动状态切换为固定状态。
在其中一个实施例中，终端在根据位置调整操作确定子页面对应的目标位置之后，还可以将确定的目标位置与主页面对应的边缘框进行比对，判断目标位置与主页面对应的边缘框是否重叠。当目标位置与边缘框不重叠时，终端可以将子页面移动至目标位置。当目标位置与边缘框重叠时，终端可以关闭子页面和前置摄像头。为用户提供了一种快速关闭子页面和前置摄像头的方式，便于用户关闭子页面和前置摄像头，有效的提高了用户体验。
在本实施例中，终端接收作用于子页面的位置调整操作，响应位置调整操作，将子页面对应的状态切换为可移动状态，有效的避免了因为用户误碰触摸面板而移动子页面。终端根据位置调整操作确定子页面对应的目标位置，将子页面移动至目标位置，以此对子页面的位置进行移动，从而根据用户的实际需求在目标位置显示子页面，有效的提高了页面显示的便利性。
在一个实施例中，上述方法还包括：当子页面对应的区域大于或等于预设阈值时，在子页面上显示拍照控件；接收触发拍照控件的拍照操作，根据拍照操作记录前置摄像头采集的图像数据。
终端可以对显示的子页面对应的区域进行校验。具体的，终端可以将子页面对应的区域与预设阈值进行比对，判断子页面对应的区域是否小于预设阈值。预设阈值可以是用户根据实际需求预先设置的，预设阈值可以是子页面的区域面积，预设阈值也可以是子页面的区域尺寸，预设阈值还可以是子页面在异形屏中的占比等。
当子页面对应的区域大于或等于预设阈值时，表示子页面对应区域面积较大，终端可以在子页面上显示拍照控件，使得用户可以触发拍照控件进行拍照。终端可以接收触发拍照控件的拍照操作，根据拍照操作记录前置摄像头采集的图像数据，实现拍照。当子页面对应的区域小于预设阈值时，表示子页面对应的区域面积较小，终端可以不在子页面中显示拍照控件。
在其中一个实施例中，终端可以将用于确定是否显示拍照控件的预设阈值记为第一阈值。终端还可以获取第二阈值，第二阈值也可以是用户根据需求预先设置的，第二阈值小于第一阈值。终端可以根据第二阈值对子页面对应的区域进行比对。当子页面对应的区域大于或等于第二阈值时，终端可以继续显示子页面。当子页面对应的区域小于第二阈值时，终端可以关闭子页面和摄像头。为用户提供了一种快速关闭子页面和前置摄像头的方式，便于用户关闭子页面和前置摄像头，有效的提高了用户体验。
在本实施例中，当子页面对应的区域大于或等于预设阈值时，表示子页面对应区域较大，有较大区域可以用于显示虚拟的拍照控件。终端可以在子页面上显示拍照控件，接收触发拍照控件的拍照操作，根据拍照操作记录前置摄像头采集的图像数据。便于用户根据子页面中显示的拍照控件进行拍照，有效的提高了页面显示的便利性。
应该理解的是，虽然图2和图4的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，图2和图4中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些子步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
在一个实施例中，如图7所示，提供了一种基于异形屏的页面显示处理装置，包括：主页面显示模块702、操作接收模块704和子页面显示模块706，其中：
主页面显示模块702，用于基于包括传感器孔的异形屏显示主页面。
操作接收模块704，用于接收作用于主页面的预设区域的触发操作，预设区域为传感器孔对应的区域。
子页面显示模块706，用于响应触发操作，在主页面上显示子页面；根据触发操作启动前置摄像头，通过子页面显示前置摄像头采集的图像数据。
在一个实施例中，上述基于异形屏的页面显示处理装置还包括操作校验模块，用于获取预设的子页面对应的触发操作类型；根据触发操作类型对触发操作进行触发校验，得到校验结果；当校验结果为校验成功时，响应触发操作。
在一个实施例中，上述子页面显示模块706还用于接收与触发操作连续的区域调整操作；响应区域调整操作，对子页面对应的区域进行调整，确定位于主页面上的目标区域；根据目标区域在主页面上显示子页面。
在一个实施例中，上述基于异形屏的页面显示处理装置还包括位置调整模块，用于接收作用于子页面的位置调整操作；响应位置调整操作，将子页面对应的状态切换为可移动状态；根据位置调整操作确定子页面对应的目标位置，将子页面移动至目标位置。
在一个实施例中，上述位置调整模块还用于将目标位置与主页面对应的边缘框进行比对；当目标位置与边缘框重叠时，关闭子页面和前置摄像头。
在一个实施例中，上述基于异形屏的页面显示处理装置还包括拍照模块，用于当子页面对应的区域大于或等于预设阈值时，在子页面上显示拍照控件；接收触发拍照控件的拍照操作，根据拍照操作记录前置摄像头采集的图像数据。
关于基于异形屏的页面显示处理装置的具体限定可以参见上文中对于基于异形屏的页面显示处理方法的限定，在此不再赘述。上述基于异形屏的页面显示处理装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中，提供了一种计算机设备，该计算机设备可以是终端，其内部结构图可以如图8所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口、显示屏和输入装置。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种基于异形屏的页面显示处理方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏，该计算机设备的输入装置可以是显示屏上覆盖的触摸层，也可以是计算机设备外壳上设置的按键、轨迹球或触控板，还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解，图8中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
在一个实施例中，提供了一种计算机设备，包括存储器和处理器，存储器中存储有计算机程序，该处理器执行计算机程序时实现上述基于异形屏的页面显示处理方法实施例中的步骤。
在一个实施例中，提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现上述基于异形屏的页面显示处理方法实施例中的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本申请构思的前提下，还可以做出若干变形和改进，这些都属于本申请的保护范围。因此，本申请专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种基于异形屏的页面显示处理方法，所述方法包括：
基于包括传感器孔的异形屏显示主页面；
接收作用于所述主页面的预设区域的触发操作，所述预设区域为所述传感器孔对应的区域；
响应所述触发操作，在所述主页面上显示子页面；
根据所述触发操作启动前置摄像头，通过所述子页面显示所述前置摄像头采集的图像数据。
2.根据权利要求1所述的方法，其特征在于，在所述响应所述触发操作之前，所述方法还包括：
获取预设的所述子页面对应的触发操作类型；
根据所述触发操作类型对所述触发操作进行触发校验，得到校验结果；
当所述校验结果为校验成功时，响应所述触发操作。
3.根据权利要求1所述的方法，其特征在于，所述响应所述触发操作，在所述主页面上显示子页面包括：
接收与所述触发操作连续的区域调整操作；
响应所述区域调整操作，对子页面对应的区域进行调整，确定位于所述主页面上的目标区域；
根据所述目标区域在所述主页面上显示所述子页面。
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
接收作用于所述子页面的位置调整操作；
响应所述位置调整操作，将所述子页面对应的状态切换为可移动状态；
根据所述位置调整操作确定所述子页面对应的目标位置，将所述子页面移动至所述目标位置。
5.根据权利要求4所述的方法，其特征在于，在所述根据所述位置调整操作确定所述子页面对应的目标位置之后，所述方法还包括：
将所述目标位置与所述主页面对应的边缘框进行比对；
当所述目标位置与所述边缘框重叠时，关闭所述子页面和所述前置摄像头。
6.根据权利要求1至5任意一项所述的方法，其特征在于，所述方法还包括：
当所述子页面对应的区域大于或等于预设阈值时，在所述子页面上显示拍照控件；
接收触发所述拍照控件的拍照操作，根据所述拍照操作记录所述前置摄像头采集的图像数据。
7.一种基于异形屏的页面显示处理装置，其特征在于，所述装置包括：
主页面显示模块，用于基于包括传感器孔的异形屏显示主页面；
操作接收模块，用于接收作用于所述主页面的预设区域的触发操作，所述预设区域为所述传感器孔对应的区域；
子页面显示模块，用于响应所述触发操作，在所述主页面上显示子页面；根据所述触发操作启动前置摄像头，通过所述子页面显示所述前置摄像头采集的图像数据。
8.根据权利要求7所述的装置，其特征在于，所述子页面显示模块还用于接收与所述触发操作连续的区域调整操作；响应所述区域调整操作，对子页面对应的区域进行调整，确定位于所述主页面上的目标区域；根据所述目标区域在所述主页面上显示所述子页面。
9.一种计算机设备，包括存储器和处理器，所述存储器存储有计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至6中任一项所述方法的步骤。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的方法的步骤。
CN202010090555.5A 2020-02-13 2020-02-13 基于异形屏的页面显示处理方法、装置和计算机设备 Active CN113253889B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202010090555.5A CN113253889B (zh) 2020-02-13 2020-02-13 基于异形屏的页面显示处理方法、装置和计算机设备
PCT/CN2021/076434 WO2021160148A1 (zh) 2020-02-13 2021-02-10 基于异形屏的页面显示处理方法、装置、计算机设备和存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010090555.5A CN113253889B (zh) 2020-02-13 2020-02-13 基于异形屏的页面显示处理方法、装置和计算机设备

Publications (2)

Publication Number Publication Date
CN113253889A true CN113253889A (zh) 2021-08-13
CN113253889B CN113253889B (zh) 2023-09-01

Family

ID=77219886

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010090555.5A Active CN113253889B (zh) 2020-02-13 2020-02-13 基于异形屏的页面显示处理方法、装置和计算机设备

Country Status (2)

Country Link
CN (1) CN113253889B (zh)
WO (1) WO2021160148A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114666647B (zh) * 2022-03-25 2023-07-07 深圳市康冠商用科技有限公司 不同信源之间实现画中画的方法、装置及相关组件
CN114927090B (zh) * 2022-05-30 2023-11-28 卡莱特云科技股份有限公司 一种异形led显示屏中灯点的排序方法、装置及系统
CN115150551A (zh) * 2022-06-20 2022-10-04 湖北星纪时代科技有限公司 用于终端的拍照处理方法、装置、电子设备和存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103973985A (zh) * 2014-05-30 2014-08-06 苏州天趣信息科技有限公司 一种移动终端照相机的功能调节方法、装置及其移动终端
CN107479788A (zh) * 2017-08-07 2017-12-15 深圳天珑无线科技有限公司 一种移动终端的拍照装置及拍照方法
CN107807772A (zh) * 2017-10-17 2018-03-16 广东欧珀移动通信有限公司 图像数据处理方法、装置及移动终端
CN108196722A (zh) * 2018-01-29 2018-06-22 广东欧珀移动通信有限公司 一种电子设备及其触控方法、计算机可读存储介质
CN108471498A (zh) * 2018-03-16 2018-08-31 维沃移动通信有限公司 一种拍摄预览方法及终端
CN110557564A (zh) * 2019-08-16 2019-12-10 深圳传音控股股份有限公司 相机的快速启动方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10122918B2 (en) * 2016-06-16 2018-11-06 Maurizio Sole Festa System for producing 360 degree media
CN108845854B (zh) * 2018-06-08 2021-03-09 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103973985A (zh) * 2014-05-30 2014-08-06 苏州天趣信息科技有限公司 一种移动终端照相机的功能调节方法、装置及其移动终端
CN107479788A (zh) * 2017-08-07 2017-12-15 深圳天珑无线科技有限公司 一种移动终端的拍照装置及拍照方法
CN107807772A (zh) * 2017-10-17 2018-03-16 广东欧珀移动通信有限公司 图像数据处理方法、装置及移动终端
CN108196722A (zh) * 2018-01-29 2018-06-22 广东欧珀移动通信有限公司 一种电子设备及其触控方法、计算机可读存储介质
CN108471498A (zh) * 2018-03-16 2018-08-31 维沃移动通信有限公司 一种拍摄预览方法及终端
CN110557564A (zh) * 2019-08-16 2019-12-10 深圳传音控股股份有限公司 相机的快速启动方法及装置

Also Published As

Publication number Publication date
WO2021160148A1 (zh) 2021-08-19
CN113253889B (zh) 2023-09-01

Similar Documents

Publication Publication Date Title
US11128802B2 (en) Photographing method and mobile terminal
US20200183556A1 (en) Interaction position determination method and system, storage medium and smart terminal
US11372957B2 (en) Method and device for starting application based on fingerprint recognition
CN113253889B (zh) 基于异形屏的页面显示处理方法、装置和计算机设备
US10761722B2 (en) Black screen gesture detection method and device, storage medium, and mobile terminal
CN109428969B (zh) 双屏终端的边缘触控方法、装置及计算机可读存储介质
US20150277571A1 (en) User interface to capture a partial screen display responsive to a user gesture
US9152316B2 (en) Electronic device, controlling method thereof, and non-transitory storage medium
CN108646969B (zh) 图像显示调节方法、装置、计算机设备和存储介质
US20190250783A1 (en) Screen Display Method and Terminal
US11579898B2 (en) Method and device for synchronously starting application based on fingerprint recognition
US20150033175A1 (en) Portable device
CN109147659B (zh) 屏幕显示控制方法、装置、设备和存储介质
CN113821154A (zh) 屏幕切换控制方法、可折叠设备和存储介质
CN113126874B (zh) 终端设备的控制方法和控制系统
CN106371595B (zh) 一种调出消息通知栏的方法及移动终端
CN114153369A (zh) 基于触控板功能的多指手势应用方法、装置、终端及介质
CN115617225A (zh) 应用界面显示方法、装置、电子设备及存储介质
CN111880707A (zh) 长截图方法、系统、装置、计算机和存储介质
CN114115639A (zh) 界面控制方法、装置、电子设备及存储介质
CN109189273B (zh) 触控事件处理方法、装置、计算机设备和存储介质
CN118227028A (zh) 一种触摸输入方法、电子设备及存储介质
JP2024053570A (ja) 電子機器及びタッチ操作方法
CN117289830A (zh) 照相机拍摄界面功能快捷显示方法、装置、设备和介质
CN112286400A (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