CN112486330B - Display control method, device and equipment - Google Patents
Display control method, device and equipment Download PDFInfo
- Publication number
- CN112486330B CN112486330B CN202011381041.1A CN202011381041A CN112486330B CN 112486330 B CN112486330 B CN 112486330B CN 202011381041 A CN202011381041 A CN 202011381041A CN 112486330 B CN112486330 B CN 112486330B
- Authority
- CN
- China
- Prior art keywords
- target
- interface
- display area
- area
- electronic device
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 207
- 230000004044 response Effects 0.000 claims description 5
- 238000004891 communication Methods 0.000 abstract description 6
- 238000005516 engineering process Methods 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 22
- 230000000903 blocking effect Effects 0.000 description 12
- 230000000694 effects Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 2
- 101001121408 Homo sapiens L-amino-acid oxidase Proteins 0.000 description 1
- 101000827703 Homo sapiens Polyphosphoinositide phosphatase Proteins 0.000 description 1
- 102100026388 L-amino-acid oxidase Human genes 0.000 description 1
- 102100023591 Polyphosphoinositide phosphatase Human genes 0.000 description 1
- 101100012902 Saccharomyces cerevisiae (strain ATCC 204508 / S288c) FIG2 gene Proteins 0.000 description 1
- 101100233916 Saccharomyces cerevisiae (strain ATCC 204508 / S288c) KAR5 gene Proteins 0.000 description 1
- 238000007599 discharging Methods 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/02—Input arrangements using manually operated switches, e.g. using keyboards or dials
- G06F3/023—Arrangements for converting discrete items of information into a coded form, e.g. arrangements for interpreting keyboard generated codes as alphanumeric codes, operand codes or instruction codes
- G06F3/0233—Character input methods
-
- 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)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
技术领域Technical Field
本申请属于通信技术领域,具体涉及一种显示控制方法、装置及设备。The present application belongs to the field of communication technology, and specifically relates to a display control method, device and equipment.
背景技术Background technique
随着信息技术的发展,电子设备也随之发展。然而,随着电子设备的进一步发展,异形屏的电子设备也随之出现。With the development of information technology, electronic devices have also developed. However, with the further development of electronic devices, electronic devices with special-shaped screens have also appeared.
在实现本申请过程中,发明人发现相关技术中至少存在如下问题:由于异形屏的显示区域形状各异,例如圆角矩形等,而一些待显示界面的显示形状是固定的,例如直角矩形。如此,异形屏显示这些应用界面时,待显示界面在显示的过程中,显示在异形屏的边角的部分界面可能会被电子设备的非显示区域遮挡,从而无法显示完整的待显示界面,影响用户使用体验。In the process of implementing this application, the inventors found that there are at least the following problems in the related art: since the display area of the special-shaped screen has different shapes, such as a rounded rectangle, and the display shape of some interfaces to be displayed is fixed, such as a right-angled rectangle. In this way, when the special-shaped screen displays these application interfaces, during the display process of the interface to be displayed, part of the interface displayed at the corner of the special-shaped screen may be blocked by the non-display area of the electronic device, so that the complete interface to be displayed cannot be displayed, affecting the user experience.
发明内容Summary of the invention
本申请实施例的目的是提供一种显示控制方法、装置及设备,能够解决相关技术中电子设备无法显示完整的待显示界面,影响用户使用体验的问题。The purpose of the embodiments of the present application is to provide a display control method, device and equipment, which can solve the problem in the related art that electronic devices cannot display a complete interface to be displayed, affecting the user experience.
为了解决上述技术问题,本申请是这样实现的:In order to solve the above technical problems, this application is implemented as follows:
第一方面,本申请实施例提供了一种显示控制方法,该方法包括:In a first aspect, an embodiment of the present application provides a display control method, the method comprising:
在电子设备的显示区域显示有目标界面,且目标界面的部分区域未显示在显示区域内的情况下,获取目标界面中被电子设备的非显示区域遮挡的目标区域;When a target interface is displayed in a display area of the electronic device and a partial area of the target interface is not displayed in the display area, obtaining a target area of the target interface that is blocked by a non-display area of the electronic device;
调整目标界面的目标属性,直至目标界面的全部区域显示在显示区域内;Adjust the target properties of the target interface until the entire area of the target interface is displayed in the display area;
其中,目标属性包括下述各项中的至少一项:目标界面的尺寸、目标界面在显示区域中的显示位置。The target attribute includes at least one of the following items: the size of the target interface, and the display position of the target interface in the display area.
第二方面,本申请实施例提供了一种显示控制装置,该装置包括:In a second aspect, an embodiment of the present application provides a display control device, the device comprising:
获取模块,用于在电子设备的显示区域显示有目标界面,且目标界面的部分区域未显示在显示区域内的情况下,获取目标界面中被电子设备的非显示区域遮挡的目标区域;An acquisition module, used for acquiring a target area in the target interface that is blocked by a non-display area of the electronic device when a target interface is displayed in a display area of the electronic device and a partial area of the target interface is not displayed in the display area;
调整模块,用于调整目标界面的目标属性,直至目标界面的全部区域显示在显示区域内;An adjustment module, used for adjusting target attributes of a target interface until the entire area of the target interface is displayed in the display area;
其中,目标属性包括下述各项中的至少一项:目标界面的尺寸、目标界面在显示区域中的显示位置。The target attribute includes at least one of the following items: the size of the target interface, and the display position of the target interface in the display area.
第三方面,本申请实施例提供了一种电子设备,该电子设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序或指令,程序或指令被处理器执行时实现如第一方面的方法的步骤。In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the method of the first aspect.
第四方面,本申请实施例提供了一种可读存储介质,该可读存储介质上存储程序或指令,程序或指令被处理器执行时实现如第一方面的方法的步骤。In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the method of the first aspect are implemented.
第五方面,本申请实施例提供了一种芯片,该芯片包括处理器和通信接口,通信接口和处理器耦合,处理器用于运行程序或指令,实现如第一方面的方法。In a fifth aspect, an embodiment of the present application provides a chip, which includes a processor and a communication interface, wherein the communication interface and the processor are coupled, and the processor is used to run programs or instructions to implement the method of the first aspect.
在本申请实施例中,电子设备的显示区域能够显示目标界面,但是无法完整的显示目标界面,即目标界面的部分区域未显示在显示区域内。在这种情况下,电子设备通过获取目标界面被电子设备的非显示区域遮挡的目标区域,并调整目标区域的属性,如目标界面的尺寸、目标界面在显示区域中的显示位置等,从而使得目标界面的全部区域能够在显示区域内,如此,电子设备的显示界面能够提高用户使用体验。In the embodiment of the present application, the display area of the electronic device can display the target interface, but cannot display the target interface completely, that is, part of the target interface is not displayed in the display area. In this case, the electronic device obtains the target area where the target interface is blocked by the non-display area of the electronic device, and adjusts the properties of the target area, such as the size of the target interface, the display position of the target interface in the display area, etc., so that the entire area of the target interface can be within the display area. In this way, the display interface of the electronic device can improve the user experience.
附图说明BRIEF DESCRIPTION OF THE DRAWINGS
图1是本申请实施例提供的一种显示控制方法的流程示意图;FIG1 is a flow chart of a display control method provided in an embodiment of the present application;
图2是本申请实施例提供的一种电子设备的界面示意图之一;FIG2 is one of the interface schematic diagrams of an electronic device provided in an embodiment of the present application;
图3是本申请实施例提供的一种电子设备的界面示意图之二;FIG3 is a second schematic diagram of an interface of an electronic device provided in an embodiment of the present application;
图4是本申请实施例提供的一种显示区域的边角结构示意图之一;FIG4 is one of the schematic diagrams of the corner structure of a display area provided in an embodiment of the present application;
图5是本申请实施例提供的一种目标区域确定方法的流程示意图;FIG5 is a schematic diagram of a flow chart of a method for determining a target area provided in an embodiment of the present application;
图6是本申请实施例提供的一种显示区域的边角结构示意图之二;FIG6 is a second schematic diagram of a corner structure of a display area provided in an embodiment of the present application;
图7是本申请实施例提供的一种被遮挡的目标区域的结构示意图之一;FIG. 7 is one of the structural schematic diagrams of a blocked target area provided in an embodiment of the present application;
图8是本申请实施例提供的一种缩小输入法界面的尺寸的流程示意图;FIG8 is a schematic diagram of a process of reducing the size of an input method interface provided by an embodiment of the present application;
图9是本申请实施例提供的一种目标点确定方法的流程示意图;FIG9 is a schematic diagram of a flow chart of a method for determining a target point provided in an embodiment of the present application;
图10是本申请实施例提供的一种输入法界面的结构示意图之一;FIG10 is one of the structural diagrams of an input method interface provided in an embodiment of the present application;
图11是本申请实施例提供的一种输入法界面的结构示意图之二;FIG11 is a second structural diagram of an input method interface provided in an embodiment of the present application;
图12是本申请实施例提供的一种电子设备的界面示意图之三;FIG12 is a third schematic diagram of an interface of an electronic device provided in an embodiment of the present application;
图13是本申请实施例提供的一种显示区域的边角结构示意图之三;FIG13 is a third schematic diagram of a corner structure of a display area provided in an embodiment of the present application;
图14是本申请实施例提供的一种显示区域的边角结构示意图之四;FIG14 is a fourth schematic diagram of a corner structure of a display area provided in an embodiment of the present application;
图15是本申请实施例提供的一种显示区域的边角结构示意图之五;FIG15 is a fifth schematic diagram of a corner structure of a display area provided in an embodiment of the present application;
图16是本申请实施例提供的一种显示控制装置的结构示意图;FIG16 is a schematic diagram of the structure of a display control device provided in an embodiment of the present application;
图17是本申请实施例提供的一种电子设备的硬件结构示意图;FIG17 is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application;
图18是本申请实施例提供的另一种电子设备的硬件结构示意图。FIG. 18 is a schematic diagram of the hardware structure of another electronic device provided in an embodiment of the present application.
具体实施方式Detailed ways
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整的描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的元素,而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施,且“第一”、“第二”等所区分的元素通常为一类,并不限定元素的个数,例如第一元素可以是一个,也可以是多个。此外,说明书以及权利要求中“和/或”表示所连接元素的至少其中之一,字符“/”,一般表示前后关联元素是一种“或”的关系。The terms "first", "second", etc. in the specification and claims of this application are used to distinguish similar elements, and are not used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable under appropriate circumstances, so that the embodiments of the present application can be implemented in an order other than those illustrated or described here, and the elements distinguished by "first", "second", etc. are usually a class, and the number of elements is not limited. For example, the first element can be one or more. In addition, "and/or" in the specification and claims represents at least one of the connected elements, and the character "/" generally indicates that the front and back associated elements are in an "or" relationship.
目前,随着信息技术的发展,电子设备也随之发展。然而,随着电子设备的进一步发展,异形屏的电子设备随之出现。At present, with the development of information technology, electronic devices are also developing. However, with the further development of electronic devices, electronic devices with special-shaped screens appear.
但是,由于异形屏的显示区域形状各异,例如圆角矩形等,而一些待显示界面的显示形状是固定的,例如直角矩形。如此,异形屏显示这些应用界面时,待显示界面在显示的过程中,显示在异形屏的边角的部分界面可能会被电子设备的非显示区域遮挡,从而无法显示完整的待显示界面,影响用户使用体验。However, since the display area of the special-shaped screen has different shapes, such as a rounded rectangle, and the display shape of some interfaces to be displayed is fixed, such as a right-angled rectangle, when the special-shaped screen displays these application interfaces, during the display process of the interface to be displayed, part of the interface displayed at the corner of the special-shaped screen may be blocked by the non-display area of the electronic device, so that the complete interface to be displayed cannot be displayed, affecting the user experience.
针对相关技术中出现的技术问题,本申请实施例提供了一种显示控制方法。该方法包括:电子设备的显示区域能够显示目标界面,但是无法完整的显示目标界面,即目标界面不包含于显示区域。在这种情况下,电子设备通过获取目标界面被电子设备的非显示区域遮挡的目标区域,并调整目标区域的属性,如目标界面的尺寸、目标界面在显示区域中的显示位置等,从而使得目标界面的全部区域能够在显示区域内,如此,电子设备的显示界面能够提高用户使用体验。In response to the technical problems arising in the related art, an embodiment of the present application provides a display control method. The method includes: the display area of the electronic device can display the target interface, but cannot fully display the target interface, that is, the target interface is not included in the display area. In this case, the electronic device obtains the target area where the target interface is blocked by the non-display area of the electronic device, and adjusts the properties of the target area, such as the size of the target interface, the display position of the target interface in the display area, etc., so that the entire area of the target interface can be within the display area. In this way, the display interface of the electronic device can improve the user experience.
下面结合附图,以显示控制方法的执行主体为电子设备为例,通过具体的实施例对本申请实施例提供的显示控制方法进行详细地说明。In the following, in conjunction with the accompanying drawings, taking the execution subject of the display control method as an electronic device as an example, the display control method provided in the embodiment of the present application is described in detail through specific embodiments.
图1是本请实施例提供的一种显示控制方法100的流程示意图。如图1所示,本申请实施例提供的显示控制方法100可以包括:S101和S102。Fig. 1 is a flow chart of a display control method 100 provided in the embodiment of the present application. As shown in Fig. 1, the display control method 100 provided in the embodiment of the present application may include: S101 and S102.
S101:在电子设备的显示区域显示有目标界面,且目标界面的部分区域未显示在显示区域内的情况下,获取目标界面中被电子设备的非显示区域遮挡的目标区域。S101: When a target interface is displayed in a display area of an electronic device and a partial area of the target interface is not displayed in the display area, a target area of the target interface blocked by a non-display area of the electronic device is obtained.
S102:调整目标界面的目标属性,直至目标界面的全部区域显示在显示区域内,其中,目标属性包括下述各项中的至少一项:目标界面的尺寸、目标界面在显示区域中的显示位置。S102: Adjusting target attributes of the target interface until the entire area of the target interface is displayed in the display area, wherein the target attributes include at least one of the following items: a size of the target interface, and a display position of the target interface in the display area.
由此,电子设备的显示区域能够显示目标界面,但是无法完整的显示目标界面,即目标界面的部分区域未显示在显示区域内。在这种情况下,电子设备通过获取目标界面被电子设备的非显示区域遮挡的目标区域,并调整目标区域的属性,如目标界面的尺寸、目标界面在显示区域中的显示位置等,从而使得目标界面的全部区域能够在显示区域内,如此,电子设备的显示界面能够提高用户使用体验。As a result, the display area of the electronic device can display the target interface, but cannot display the target interface completely, that is, part of the target interface is not displayed in the display area. In this case, the electronic device obtains the target area where the target interface is blocked by the non-display area of the electronic device, and adjusts the properties of the target area, such as the size of the target interface, the display position of the target interface in the display area, etc., so that the entire area of the target interface can be within the display area. In this way, the display interface of the electronic device can improve the user experience.
首先,介绍S101。First, let me introduce S101.
目标界面可以是应用程序的界面、电子设备的桌面界面,还可以是某个窗口对应的界面。如图2所示,电子设备20包括:电子设备的显示区域21、电子设备的非显示区域22和电子设备的显示区域21显示的目标界面23。如图3所示,示例性地示出了本申请实施例中目标界面23不包含于显示区域21的示意图,也就是显示区域21无法完整的显示目标界面23,非显示区域22将目标界面中的部分区域230遮挡,使得该部分区域是不可见的。目标界面的目标区域可能包括待显示的信息,为了能够使目标界面完整的显示在目标区域内,以使目标区域中的待显示的信息能够显示在显示区域中,电子设备需要获取目标界面中被电子设备的非显示区域遮挡的目标区域。The target interface can be the interface of an application, the desktop interface of an electronic device, or the interface corresponding to a certain window. As shown in Figure 2, the electronic device 20 includes: a display area 21 of the electronic device, a non-display area 22 of the electronic device, and a target interface 23 displayed in the display area 21 of the electronic device. As shown in Figure 3, a schematic diagram of an embodiment of the present application in which the target interface 23 is not included in the display area 21 is exemplarily shown, that is, the display area 21 cannot fully display the target interface 23, and the non-display area 22 blocks a partial area 230 in the target interface, making the partial area invisible. The target area of the target interface may include information to be displayed. In order to enable the target interface to be fully displayed in the target area, so that the information to be displayed in the target area can be displayed in the display area, the electronic device needs to obtain the target area in the target interface that is blocked by the non-display area of the electronic device.
在一些实施例中,如图4所示,电子设备的显示区域41可以为圆角矩形,目标界面42可以为直角矩形。其中,目标界面42可以是应用程序的界面,如输入法界面,还可以是显示信息的窗口界面。In some embodiments, as shown in Figure 4, the display area 41 of the electronic device may be a rounded rectangle, and the target interface 42 may be a right-angled rectangle. The target interface 42 may be an application interface, such as an input method interface, or a window interface for displaying information.
下面以电子设备的显示区域为圆角矩形、目标界面为直角矩形,且目标界面为输入法界面为例,对S101进行详细介绍。S101 is described in detail below by taking the case where the display area of the electronic device is a rounded rectangle, the target interface is a right-angled rectangle, and the target interface is an input method interface as an example.
在一些实施例中,如图5所示,为了能够使输入法界面完整的显示在目标区域内,以使目标区域中的待显示的信息能够显示在显示区域中,S101还可以具体包括下述S501和S502。In some embodiments, as shown in FIG. 5 , in order to enable the input method interface to be completely displayed in the target area so that the information to be displayed in the target area can be displayed in the display area, S101 may further specifically include the following S501 and S502 .
S501:确定显示区域的目标边角,目标边角为与遮挡所述目标区域的非显示区域对应的显示区域边角,目标边角包括相互垂直的第一边、第二边以及连接第一边和第二边的圆弧线。S501: Determine a target corner of a display area, where the target corner is a corner of the display area corresponding to a non-display area that blocks the target area, and the target corner includes a first side and a second side that are perpendicular to each other, and an arc line connecting the first side and the second side.
S502:确定第一边的延长线、第二边的延长线以及圆弧线所围成的区域为目标区域。S502: Determine an area enclosed by an extension line of the first side, an extension line of the second side, and the arc line as a target area.
如图4所示,电子设备的显示区域41的各个边均由圆弧线连接,每个圆弧线均对应一个边角,且电子设备中显示区域各个边与输入法界面的各个边是部分重合的。遮挡目标区域的非显示区域43通过显示区域41的目标边角和显示区域41连接。其中,显示区域41的目标边角包括相互垂直的第一边411和第二边412,以及连接第一边和第二边的圆弧线413。需要说明的是,在该实施例中,第一边411为目标边角中竖直方向的边,第二边412为目标边角中水平方向的边。但是,在另一些实施例中,第一边还可以是目标边角中水平方向的边,第二边还可以是目标边角中竖直方向的边。As shown in Figure 4, each side of the display area 41 of the electronic device is connected by an arc line, each arc line corresponds to a corner, and each side of the display area in the electronic device is partially overlapped with each side of the input method interface. The non-display area 43 that blocks the target area is connected to the display area 41 through the target corner of the display area 41. Among them, the target corner of the display area 41 includes a first side 411 and a second side 412 that are perpendicular to each other, and an arc line 413 connecting the first side and the second side. It should be noted that, in this embodiment, the first side 411 is the side in the vertical direction of the target corner, and the second side 412 is the side in the horizontal direction of the target corner. However, in other embodiments, the first side can also be the side in the horizontal direction of the target corner, and the second side can also be the side in the vertical direction of the target corner.
需要说明的是,遮挡目标区域的非显示区域43是电子设备中非显示区域的一部分。It should be noted that the non-display area 43 shielding the target area is a part of the non-display area in the electronic device.
电子设备能够根据显示区域和被非显示区域遮挡的目标区域,确定显示区域的目标边角。其中,目标边角是与遮挡目标区域的非显示区域43相对应的显示区域41的边角,例如,目标区域有两个,分别位于输入法界面42的左下角和右下角,则目标边角也有两个,且显示区域右下角的边角对应输入法界面右下角的目标区域,显示区域左下角的边角对应输入法界面左下角的目标区域。The electronic device can determine the target corners of the display area according to the display area and the target area blocked by the non-display area. The target corners are the corners of the display area 41 corresponding to the non-display area 43 blocking the target area. For example, there are two target areas, which are located at the lower left corner and the lower right corner of the input method interface 42, respectively. Then, there are also two target corners, and the corner at the lower right corner of the display area corresponds to the target area at the lower right corner of the input method interface, and the corner at the lower left corner of the display area corresponds to the target area at the lower left corner of the input method interface.
确定目标边角后,可以根据目标边角的结构,确定被遮挡的目标区域。具体地,如图6所示,目标边角可以包括边角1和边角2。After the target corners are determined, the blocked target area can be determined according to the structure of the target corners. Specifically, as shown in FIG6 , the target corners may include corner 1 and corner 2.
作边角1的第一边611的延长线和第二边612的延长线,第一边611的延长线和第二边612的延长线相交于第一交点P1,也即输入法界面的一个顶点P1。其中,第一边621的延长线、第二边622延长线以及圆弧线613围成的区域即为目标区域614。边角2对应的目标区域确定方式与边角1对应的目标区域的确定方式相同,边角2包括第三边621、第四边622和圆弧线623。其中,第三边621的延长线和第四边622的延长线相交于第四交点P2,也即输入法界面的另一个顶点P2。第三边621的延长线、第四边622的延长线和圆弧线623围成的区域为目标区域624。Draw the extension line of the first side 611 and the extension line of the second side 612 of corner 1, and the extension line of the first side 611 and the extension line of the second side 612 intersect at the first intersection P1, which is also a vertex P1 of the input method interface. Among them, the area surrounded by the extension line of the first side 621, the extension line of the second side 622 and the arc line 613 is the target area 614. The method for determining the target area corresponding to corner 2 is the same as the method for determining the target area corresponding to corner 1. Corner 2 includes a third side 621, a fourth side 622 and an arc line 623. Among them, the extension line of the third side 621 and the extension line of the fourth side 622 intersect at the fourth intersection P2, which is also another vertex P2 of the input method interface. The area surrounded by the extension line of the third side 621, the extension line of the fourth side 622 and the arc line 623 is the target area 624.
由此,电子设备显示区域的边角,确定输入法界面被遮挡的目标区域,从而对目标区域进行调整,使输入法界面完整的显示在电子设备的显示区域中,以使目标区域中的待显示的信息能够显示在显示区域中,避免被遮挡的目标区域中存在有效信息用户无法查看,提高用户的使用体验。Thus, the corners of the display area of the electronic device determine the target area where the input method interface is blocked, and the target area is adjusted so that the input method interface is completely displayed in the display area of the electronic device, so that the information to be displayed in the target area can be displayed in the display area, avoiding the existence of valid information in the blocked target area that the user cannot view, thereby improving the user experience.
在一些实施例中,如图7所示,目标边角包括边角1和边角2。本申请实施例还可以通过下述步骤确定目标区域:确定边角1的第一边711延长线和第二边712延长线的第一交点P1,也即输入法界面的一个顶点P1。确定边角2的第三边721延长线和第四边722延长线的第四交点P2,也即输入法界面的另一个顶点P2。边角1的圆弧线713与第一边711相交于点Q1,边角2的圆弧线723和第三边721相交于点Q2。连接点Q1、点Q2、顶点P1和顶点P2后所围成的区域即为目标区域75。In some embodiments, as shown in FIG7 , the target corners include corner 1 and corner 2. The embodiment of the present application can also determine the target area by the following steps: determine the first intersection point P1 of the extension line of the first side 711 and the extension line of the second side 712 of corner 1, that is, a vertex P1 of the input method interface. Determine the fourth intersection point P2 of the extension line of the third side 721 and the extension line of the fourth side 722 of corner 2, that is, another vertex P2 of the input method interface. The arc line 713 of corner 1 intersects with the first side 711 at point Q1, and the arc line 723 of corner 2 intersects with the third side 721 at point Q2. The area enclosed by connecting point Q1, point Q2, vertex P1 and vertex P2 is the target area 75.
接着,介绍S102。Next, S102 is introduced.
为了能够使输入法界面完整的显示在目标区域内,电子设备获取到输入法界面中被遮挡的目标区域后,调整输入法界面的属性,如调整输入法界面的尺寸,调整输入法界面在显示区域中的显示位置。In order to display the input method interface completely in the target area, the electronic device adjusts the properties of the input method interface, such as adjusting the size of the input method interface and adjusting the display position of the input method interface in the display area, after obtaining the blocked target area in the input method interface.
下面以电子设备的显示区域为圆角矩形、输入法界面为直角矩形,且输入法界面为输入法界面为例,对S102进行详细介绍。S102 is described in detail below by taking the case where the display area of the electronic device is a rounded rectangle, the input method interface is a right-angled rectangle, and the input method interface is an input method interface as an example.
电子设备在确定目标区域后,需要根据目标区域对输入法界面进行调整,直至目标区域显示在显示区域中。其中,调整输入法界面属性的方式可以有多种,下面以具体实施例对输入法界面属性进行调整的方式进行详细介绍。After determining the target area, the electronic device needs to adjust the input method interface according to the target area until the target area is displayed in the display area. There are many ways to adjust the input method interface attributes, and the following specific embodiments will introduce the way to adjust the input method interface attributes in detail.
其一,可以通过缩小输入法界面尺寸的方式,将目标区域显示在显示区域中。First, the target area can be displayed in the display area by reducing the size of the input method interface.
在一些实施例中,为了能够缩小输入法界面的尺寸,从而使显示区域显示的输入法界面,在S101之后,在S102之前,如图8所示,该方法还可以通过下述S801-S803缩小输入法界面的尺寸。In some embodiments, in order to reduce the size of the input method interface so that the input method interface displayed in the display area is displayed, after S101 and before S102, as shown in Figure 8, the method can also reduce the size of the input method interface through the following S801-S803.
S801:确定第一边的延长线和第二边的延长线的第一交点。S801: Determine a first intersection point between an extension line of a first side and an extension line of a second side.
如图6和图7所示,输入法界面中第一边的延长线和第二边的延长线相交与第一交点P1。其中,第一交点P1也是被遮挡的目标区域的一个顶点。As shown in Figures 6 and 7, the extension line of the first side and the extension line of the second side in the input method interface intersect at a first intersection point P1, wherein the first intersection point P1 is also a vertex of the obscured target area.
S802:确定圆弧线上的点到第一交点距离最短的目标点。S802: Determine the target point with the shortest distance from the point on the arc line to the first intersection point.
目标点圆弧线上的多个点中到第一交点距离最短的点。根据该目标点能够确定目标区域不被遮挡的最近的区域。该目标点位于目标边角的圆弧线上。将目标区域的顶点P1移动到目标点时,输入法界面恰好被完整的显示在目标区域中。The point with the shortest distance to the first intersection point among the multiple points on the arc line of the target point. According to the target point, the nearest area of the target area that is not blocked can be determined. The target point is located on the arc line of the target corner. When the vertex P1 of the target area is moved to the target point, the input method interface is completely displayed in the target area.
具体地,在一些实施例中,如图9所示,S802可以具体通过下述S901-S904确定目标点。Specifically, in some embodiments, as shown in FIG. 9 , S802 may specifically determine the target point through the following S901 - S904 .
S901:过第一边与圆弧线的交点绘制第一边的第一垂线,以及过第二边与圆弧线的交点绘制第二边的第二垂线。S901: Draw a first perpendicular line to the first side through the intersection point of the first side and the arc line, and draw a second perpendicular line to the second side through the intersection point of the second side and the arc line.
S902:确定第一垂线和第二垂线的第二交点。S902: Determine a second intersection point of the first perpendicular line and the second perpendicular line.
S903:连接第一交点和所述第二交点,得到目标直线。S903: Connect the first intersection point and the second intersection point to obtain a target straight line.
S904:将目标直线与圆弧线的交点确定为目标点。S904: Determine the intersection point of the target straight line and the arc line as the target point.
如图10所示,以图6中目标区域的示意图为例,边角1的第一边611和圆弧线613相交于点N1,边角1的第二边612和圆弧线613相交于点M1。过N1点的第一垂线1011和过M1点的第二垂线1012相交于第二交点O1。其中,第二交点O1为圆弧线对应的圆心。连接第二交点O1和顶点P1得到目标直线1013。其中,目标直线1013和圆弧线613相交于点P1',该点P1'即为目标点。同理,边角2的第三边621和圆弧线623相交于N2,边角2的第四边622和圆弧线623相交于点M2。过N2点的直线1021和过M2点的直线1022相交于第三交点O2。其中,第三交点O2为圆弧线对应的圆心。连接第三交点O2和顶点P2得到直线1023。其中,直线1023和圆弧线1020相交于点P2',该点P2'即为目标点。需要说明的是,边角1的第二边和边角2的第四边均在显示区域的底边上。As shown in FIG. 10 , taking the schematic diagram of the target area in FIG. 6 as an example, the first side 611 of corner 1 and the arc line 613 intersect at point N1, and the second side 612 of corner 1 and the arc line 613 intersect at point M1. The first perpendicular line 1011 through point N1 and the second perpendicular line 1012 through point M1 intersect at the second intersection O1. Among them, the second intersection O1 is the center of the circle corresponding to the arc line. Connecting the second intersection O1 and the vertex P1 obtains the target straight line 1013. Among them, the target straight line 1013 and the arc line 613 intersect at point P1 ', and the point P1 'is the target point. Similarly, the third side 621 of corner 2 and the arc line 623 intersect at N2, and the fourth side 622 of corner 2 and the arc line 623 intersect at point M2. The straight line 1021 through point N2 and the straight line 1022 through point M2 intersect at the third intersection O2. The third intersection O2 is the center of the arc. The third intersection O2 and the vertex P2 are connected to obtain a straight line 1023. The straight line 1023 and the arc 1020 intersect at a point P2', which is the target point. It should be noted that the second side of the corner 1 and the fourth side of the corner 2 are both on the bottom edge of the display area.
如图11所示,以图7中目标区域的示意图为例,为了能够缩小输入法界面的尺寸,从而使显示区域显示的输入法界面,电子设备可以直接确定点Q1和点Q2为目标点,然后按照目标方式缩小输入法界面的尺寸。As shown in Figure 11, taking the schematic diagram of the target area in Figure 7 as an example, in order to reduce the size of the input method interface and thus display the input method interface in the display area, the electronic device can directly determine point Q1 and point Q2 as target points, and then reduce the size of the input method interface in a target manner.
由此,通过边角能够确定目标点,电子设备可以根据目标点,调整输入法界面的顶点的位置来缩小输入法界面的尺寸,以使显示区域显示完整的输入法界面,提高用户的使用体验。Thus, the target point can be determined by the corners, and the electronic device can adjust the positions of the vertices of the input method interface according to the target point to reduce the size of the input method interface so that the display area displays the complete input method interface, thereby improving the user experience.
S803:按照目标方式缩小输入法界面,直至第一交点与目标点重合,或直至第一交点位于显示区域内;目标方式为沿着第一交点和目标点的连线向目标点的方向移动第一交点。S803: Shrinking the input method interface in a target manner until the first intersection coincides with the target point, or until the first intersection is within the display area; the target manner is to move the first intersection toward the target point along a line connecting the first intersection and the target point.
例如,如图10所示,为了使显示区域完整的显示输入法界面,在缩小输入法界面的过程中,还可以先保持顶点P3保持不动,缩小输入法界面,其中,顶点P1在此次缩小输入法界面的过程中沿着直线1013向目标点P1'移动。在顶点P1移动至目标点P1'的同时,顶点P4会移动到顶点P4'。顶点P3为顶点P1在输入法界面中的对角线方向的顶点。然后先保持顶点P4保持不动,缩小输入法界面,其中,顶点P2在此次缩小输入法界面的过程中沿着直线1023向目标点P2'移动。在顶点P2移动至目标点P2'的同时,顶点P3会移动到顶点P3'。顶点P4为顶点P2在输入法界面中的对角线方向的顶点。For example, as shown in FIG10 , in order to make the display area fully display the input method interface, in the process of reducing the input method interface, you can also keep vertex P3 still and reduce the input method interface, wherein vertex P1 moves toward target point P1′ along straight line 1013 during the process of reducing the input method interface. While vertex P1 moves to target point P1′, vertex P4 moves to vertex P4′. Vertex P3 is the vertex in the diagonal direction of vertex P1 in the input method interface. Then, keep vertex P4 still and reduce the input method interface, wherein vertex P2 moves toward target point P2′ along straight line 1023 during the process of reducing the input method interface. While vertex P2 moves to target point P2′, vertex P3 moves to vertex P3′. Vertex P4 is the vertex in the diagonal direction of vertex P2 in the input method interface.
此外,缩小输入法界面的过程中,可以保持输入法界面的中心点在显示区域中的位置不变。In addition, during the process of shrinking the input method interface, the position of the center point of the input method interface in the display area can be kept unchanged.
缩小尺寸后的输入法界面的顶点分别为P1'、P2'、P3'、P4'。The vertices of the reduced-size input method interface are P1', P2', P3', and P4' respectively.
又例如,如图11所示,电子设备可以将输入法界面的目标区域中边P1P2沿着垂直边P1P2的直线1101向远离边P1P2的方向移动边P1P2,直至第一交点P1和点Q1重合,以及第四交点P2和点Q2重合。也即,输入法界面的顶点P1与点Q1重合,以及输入法界面的顶点P2和点Q2重合。For another example, as shown in Figure 11, the electronic device can move the edge P1P2 in the target area of the input method interface along a straight line 1101 perpendicular to the edge P1P2 in a direction away from the edge P1P2 until the first intersection point P1 coincides with the point Q1, and the fourth intersection point P2 coincides with the point Q2. That is, the vertex P1 of the input method interface coincides with the point Q1, and the vertex P2 of the input method interface coincides with the point Q2.
由此,电子设备可以根据目标点和输入法界面的顶点之间的相对位置来缩小输入法界面的尺寸,以使显示区域显示完整的输入法界面,提高用户的使用体验。Thus, the electronic device can reduce the size of the input method interface according to the relative position between the target point and the vertex of the input method interface, so that the display area displays the complete input method interface, thereby improving the user experience.
其二,可以通过移动输入法界面在显示区域中的位置的方式,将目标区域显示在显示区域中。Secondly, the target area can be displayed in the display area by moving the position of the input method interface in the display area.
在一些实施例中,为了能够使显示区域完整的显示输入法界面,S102可以具体包括下述步骤:移动输入法界面,直至目标界面的全部区域显示在显示区域内。In some embodiments, in order to enable the display area to completely display the input method interface, S102 may specifically include the following steps: moving the input method interface until the entire area of the target interface is displayed in the display area.
移动目标界面可以是整体移动输入法界面在显示区域中的显示位置,不进行目标界面的尺寸缩小,直至目标界面的全部区域显示在显示区域内。整体移动输入法界面在显示区域中的显示位置可以是将输入法界面整体向左移动,可以是将输入法界面整体向上移动,还可以是将输入法界面整体向显示区域的上方移动,具体移动方式可以根据被遮挡的目标区域来确定。Moving the target interface may be to move the display position of the input method interface in the display area as a whole, without reducing the size of the target interface, until the entire area of the target interface is displayed in the display area. Moving the display position of the input method interface in the display area as a whole may be to move the input method interface as a whole to the left, to move the input method interface as a whole upward, or to move the input method interface as a whole to the top of the display area. The specific movement method may be determined according to the blocked target area.
例如,输入法左下角和右下角分别被电子设备的非显示区域遮挡,则可以将输入法界面整体向显示区域的上方移动,直至目标界面的全部区域显示在显示区域内,也即输入法界面能够完整的显示在显示区域中。For example, if the lower left corner and the lower right corner of the input method are respectively blocked by the non-display area of the electronic device, the input method interface can be moved as a whole to the upper part of the display area until the entire area of the target interface is displayed in the display area, that is, the input method interface can be fully displayed in the display area.
由此,电子设备通过移动输入法界面,能够将输入法界面完整的显示在显示区域中,避免电子设备的非显示区域遮挡目标区域中的关键信息,提高用户的使用体验。Therefore, the electronic device can completely display the input method interface in the display area by moving the input method interface, thereby preventing the non-display area of the electronic device from blocking key information in the target area, thereby improving the user experience.
具体地,在一些实施例中,可以通过下述步骤移动输入法界面:控制输入法界面沿着远离显示区域的第一目标边的方向移动目标距离,直至目标界面的全部区域显示在显示区域内;Specifically, in some embodiments, the input method interface may be moved by the following steps: controlling the input method interface to move a target distance in a direction away from a first target edge of the display area until the entire area of the target interface is displayed in the display area;
其中,第一目标边为显示区域中与第二目标边重合的边;目标距离为第一交点到第三目标边与圆弧线的交点之间的距离,在第二目标边和第三目标边中,一条边为第一边,另一条边为第二边。Among them, the first target edge is the edge that coincides with the second target edge in the display area; the target distance is the distance between the first intersection point and the intersection point of the third target edge and the arc line, and among the second target edge and the third target edge, one edge is the first edge and the other edge is the second edge.
第一目标边可以为显示区域的任意一边,且第一目标边与输入法界面中的第二目标边重合。第二目标边和第三目标边均是同一个边角结构中的不同边。例如,第二目标边为第一边时,第三目标边为第二边。例如,第一目标边为显示区域的底边,第一边为边角的竖直方向的边。第二边为水平方向的边,且第二边与显示区域的底边重合。为了使目标界面完整的显示在目标区域中,电子设备可以控制输入法界面沿着远离显示区域的底边方向移动目标距离。目标距离可以是目标距离为第一交点到第三目标边与圆弧线的交点之间的距离。The first target edge can be any edge of the display area, and the first target edge coincides with the second target edge in the input method interface. The second target edge and the third target edge are different edges in the same corner structure. For example, when the second target edge is the first edge, the third target edge is the second edge. For example, the first target edge is the bottom edge of the display area, and the first edge is the vertical edge of the corner. The second edge is the horizontal edge, and the second edge coincides with the bottom edge of the display area. In order to make the target interface completely displayed in the target area, the electronic device can control the input method interface to move the target distance in the direction away from the bottom edge of the display area. The target distance can be the target distance being the distance between the first intersection point and the intersection point of the third target edge and the arc line.
例如,图6中所示的目标区域,可将输入法界面整体移动目标距离,以使输入法界面完整的显示在电子设备的显示区域中。又例如,图7中所示的目标区域,也可以将输入法界面整体移动目标距离(如P1到Q1的距离),从而使得输入法界面中的第一顶点P1与点Q1重合,第二顶点P2与点Q2重合,以使输入法界面完整的显示在电子设备的显示区域中。For example, the target area shown in FIG6 can move the input method interface as a whole by the target distance so that the input method interface is completely displayed in the display area of the electronic device. For another example, the target area shown in FIG7 can also move the input method interface as a whole by the target distance (such as the distance from P1 to Q1), so that the first vertex P1 in the input method interface coincides with point Q1, and the second vertex P2 coincides with point Q2, so that the input method interface is completely displayed in the display area of the electronic device.
由此,电子设备通过控制输入法界面移动目标距离,使得输入法界面完整的显示在电子设备的显示区域中,避免了遮挡输入法界面中的信息,提高用户的使用体验。Therefore, the electronic device controls the input method interface to move the target distance, so that the input method interface is completely displayed in the display area of the electronic device, thereby avoiding blocking of information in the input method interface and improving the user experience.
在一些实施例中,为了能够将被遮挡区域中的信息显示在显示区域内,S102可以具体包括下述步骤:移动目标区域至显示区域内。In some embodiments, in order to display the information in the blocked area in the display area, S102 may specifically include the following steps: moving the target area into the display area.
具体地,移动目标界面在显示区域中的显示位置可以是只移动被非显示区域遮挡的目标区域,直至目标区域显示在显示区域内。在这里,可以将目标区域移动至显示区域内的任意位置。Specifically, the display position of the moving target interface in the display area may be to move only the target area blocked by the non-display area until the target area is displayed in the display area. Here, the target area may be moved to any position in the display area.
例如,如图6所示,电子设备可以将目标区域614移动至显示区域41内。For example, as shown in FIG. 6 , the electronic device may move the target area 614 into the display area 41 .
当目标区域显示在显示区域内时,用户可以对目标区域的进行操作,电子设备根据用户对目标区域的输入移动目标区域。When the target area is displayed in the display area, the user can operate the target area, and the electronic device moves the target area according to the user's input on the target area.
由此,电子设备通过移动目标区域,使得被遮挡的区域均能够显示在电子设备的显示区域中,避免了遮挡输入法界面中的信息,提高用户的使用体验。Therefore, the electronic device moves the target area so that the blocked areas can all be displayed in the display area of the electronic device, thereby avoiding blocking of information in the input method interface and improving the user experience.
在一些实施例中,如图12所示,电子设备包括显示区域1201和非显示区域1202。电子设备的显示区域1201可以是八边形,目标界面1203可以是直角矩形。In some embodiments, as shown in Fig. 12, the electronic device includes a display area 1201 and a non-display area 1202. The display area 1201 of the electronic device may be an octagon, and the target interface 1203 may be a right-angled rectangle.
下面以电子设备的显示区域为八边形,目标界面为直角矩形,目标界面为输入法界面为例,对S101和S102进行详细介绍。S101 and S102 are described in detail below by taking the case where the display area of the electronic device is an octagon, the target interface is a right-angled rectangle, and the target interface is an input method interface as an example.
首先,介绍S101。First, let me introduce S101.
在一些实施例中,电子设备需要确定显示区域的目标边角,该目标边角连接了遮挡目标区域对应的非显示区域和显示区域,且该目标边角包括第一边、第二边和连接第一边和第二边的第五边。其中,电子设备可以确定第一边的延长线、第二边的延长线和第五边围成的区域为目标区域。In some embodiments, the electronic device needs to determine a target corner of the display area, the target corner connects the non-display area and the display area corresponding to the occluded target area, and the target corner includes a first side, a second side, and a fifth side connecting the first side and the second side. The electronic device may determine that the area enclosed by the extension line of the first side, the extension line of the second side, and the fifth side is the target area.
如图13所示,电子设备的显示区域1201的各个边均由直线连接,从而形成了八边形的显示区域,每个直线均对应一个边角,且电子设备各个边与输入法界面的各个边是部分重合的。遮挡目标区域的非显示区域1202通过显示区域1201的目标边角和显示区域1201连接。其中,显示区域1201的目标边角包括相互垂直的第一边1311和第二边1312,以及连接第一边和第二边的目标边1313。其中,第一边1311为目标边角中垂直方向的边,第二边1312为目标边角中水平方向的边。As shown in FIG13 , each side of the display area 1201 of the electronic device is connected by a straight line, thereby forming an octagonal display area, each straight line corresponds to a corner, and each side of the electronic device partially overlaps with each side of the input method interface. The non-display area 1202 that blocks the target area is connected to the display area 1201 through the target corner of the display area 1201. Among them, the target corner of the display area 1201 includes a first side 1311 and a second side 1312 that are perpendicular to each other, and a target side 1313 connecting the first side and the second side. Among them, the first side 1311 is the side in the vertical direction of the target corner, and the second side 1312 is the side in the horizontal direction of the target corner.
需要说明的是,遮挡目标区域的非显示区域1202是电子设备中非显示区域的一部分。It should be noted that the non-display area 1202 that blocks the target area is a part of the non-display area in the electronic device.
电子设备能够根据显示区域和被非显示区域遮挡的目标区域,确定显示区域的目标边角。其中,目标边角连接了显示区域1201和遮挡目标区域的非显示区域1202,也即目标边角是对应于被遮挡的目标区域的。例如,目标边角也有两个,且分别位于显示区域1201的左下角和右下角。目标区域有两个,分别位于输入法界面1203的左下角和右下角。The electronic device can determine the target corner of the display area according to the display area and the target area blocked by the non-display area. The target corner connects the display area 1201 and the non-display area 1202 blocking the target area, that is, the target corner corresponds to the blocked target area. For example, there are two target corners, which are respectively located at the lower left corner and the lower right corner of the display area 1201. There are two target areas, which are respectively located at the lower left corner and the lower right corner of the input method interface 1203.
确定目标边角后,可以根据目标边角的结构,确定被遮挡的目标区域。具体地,如图14所示,目标边角可以包括边角1和边角2。After the target corners are determined, the blocked target area can be determined according to the structure of the target corners. Specifically, as shown in FIG14 , the target corners may include corner 1 and corner 2.
作边角1的第一边1411的延长线和第二边1412的延长线,第一边1411的延长线和第二边1412的延长线相交于第一交点P1,也即输入法界面的一个顶点P1。其中,第一边1421的延长线、第二边1422延长线以及目标边1413围成的区域即为目标区域1414。边角2对应的目标区域确定方式与边角1对应的目标区域的确定方式相同,边角2包括第三边1421、第四边1422和目标边1423。其中,第三边1421的延长线和第四边1422的延长线相交于P2点,也即输入法界面的另一个顶点P2。第三边1421的延长线、第四边1422的延长线和目标边1423围成的区域为目标区域1424。其中,P2点为目标区域1424的顶点。Draw the extension line of the first side 1411 and the extension line of the second side 1412 of corner 1, and the extension line of the first side 1411 and the extension line of the second side 1412 intersect at the first intersection P1, which is also a vertex P1 of the input method interface. Among them, the area surrounded by the extension line of the first side 1421, the extension line of the second side 1422 and the target side 1413 is the target area 1414. The method for determining the target area corresponding to corner 2 is the same as the method for determining the target area corresponding to corner 1. Corner 2 includes the third side 1421, the fourth side 1422 and the target side 1423. Among them, the extension line of the third side 1421 and the extension line of the fourth side 1422 intersect at point P2, which is also another vertex P2 of the input method interface. The area surrounded by the extension line of the third side 1421, the extension line of the fourth side 1422 and the target side 1423 is the target area 1424. Among them, point P2 is the vertex of the target area 1424.
由此,电子设备显示区域的边角,确定输入法界面被遮挡的目标区域,从而对目标区域进行调整,使输入法界面完整的显示在电子设备的显示区域中,以使目标区域中的待显示的信息能够显示在显示区域中,避免被遮挡的目标区域中存在有效信息用户无法查看,提高用户的使用体验。Thus, the corners of the display area of the electronic device determine the target area where the input method interface is blocked, and the target area is adjusted so that the input method interface is completely displayed in the display area of the electronic device, so that the information to be displayed in the target area can be displayed in the display area, avoiding the existence of valid information in the blocked target area that the user cannot view, thereby improving the user experience.
在一些实施例中,如图15所示,目标边角包括边角1和边角2。本申请实施例还可以通过下述步骤确定目标区域:确定边角1的第一边1511延长线和第二边1512延长线的第一交点P1,也即输入法界面的顶点P1。确定边角2的第三边1521延长线和第四边1522延长线的第二交点P2,也即输入法界面的另一个顶点P2。边角1的第五边与第一边1511相交于点Q1,边角2的第五边和第二边1522相交于点Q2。连接点Q1、点Q2、第一顶点P1和第二顶点P2后所围成的区域即为目标区域1500。其中,第一交点P1和第二交点P2均为目标区域1500的顶点。In some embodiments, as shown in FIG. 15 , the target corners include corner 1 and corner 2. The embodiment of the present application can also determine the target area by the following steps: determine the first intersection point P1 of the extension line of the first side 1511 and the extension line of the second side 1512 of corner 1, that is, the vertex P1 of the input method interface. Determine the second intersection point P2 of the extension line of the third side 1521 and the extension line of the fourth side 1522 of corner 2, that is, another vertex P2 of the input method interface. The fifth side of corner 1 intersects with the first side 1511 at point Q1, and the fifth side of corner 2 intersects with the second side 1522 at point Q2. The area enclosed by connecting point Q1, point Q2, the first vertex P1 and the second vertex P2 is the target area 1500. Among them, the first intersection point P1 and the second intersection point P2 are both vertices of the target area 1500.
接着,介绍S102。Next, S102 is introduced.
确定目标区域后,需要根据目标区域对输入法界面进行调整,直至目标区域显示在显示区域中。其中,调整输入法界面属性的方式可以有多种,下面以具体实施例对输入法界面属性进行调整的方式进行详细介绍。After determining the target area, the input method interface needs to be adjusted according to the target area until the target area is displayed in the display area. There are many ways to adjust the input method interface attributes, and the following specific embodiments will introduce the way to adjust the input method interface attributes in detail.
其一,可以通过缩小输入法界面尺寸的方式,将目标区域显示在显示区域中。First, the target area can be displayed in the display area by reducing the size of the input method interface.
例如,电子设备可以控制输入法界面的底边向远离显示区域的底边方向移动,直至输入法界面能够完整的显示输入法界面,从而缩小输入法界面的尺寸。其中,在移动输入法界面的底边过程中,直至输入法界面的顶点P1与点Q1重合,同时顶点P2与点Q2重合。For example, the electronic device can control the bottom edge of the input method interface to move away from the bottom edge of the display area until the input method interface can be fully displayed, thereby reducing the size of the input method interface. In the process of moving the bottom edge of the input method interface, until the vertex P1 of the input method interface coincides with the point Q1, and the vertex P2 coincides with the point Q2.
又例如,电子设备可以控制输入法界面的顶点P1和顶点P2同时移动,可以将顶点P1移动至边角1的第五边上,以及将第二顶点P2移动至边角2的第五边上,从而缩小输入法界面的尺寸。For another example, the electronic device can control the simultaneous movement of vertices P1 and P2 of the input method interface, and can move vertex P1 to the fifth side of corner 1, and move the second vertex P2 to the fifth side of corner 2, thereby reducing the size of the input method interface.
由此,电子设备通过调整输入法界面的顶点的位置来缩小输入法界面的尺寸,以使显示区域显示完整的输入法界面,提高用户的使用体验。Therefore, the electronic device reduces the size of the input method interface by adjusting the positions of the vertices of the input method interface, so that the display area displays the complete input method interface, thereby improving the user experience.
其二,可以通过移动目标界面的方式将目标区域显示在显示区域中。Secondly, the target area can be displayed in the display area by moving the target interface.
电子设备确定目标区域后,根据目标区域和显示区域的边角整体移动输入法界面。After the electronic device determines the target area, it moves the input method interface as a whole according to the corners of the target area and the display area.
例如,电子设备可以控制输入法界面整体向远离显示区域底边的方向移动,直至输入法界面的顶点P1与边角1中点Q1重合,同时顶点P2与边角2的点Q2重合。For example, the electronic device can control the input method interface to move as a whole away from the bottom edge of the display area until the vertex P1 of the input method interface coincides with the midpoint Q1 of corner 1, and the vertex P2 coincides with the point Q2 of corner 2.
由此,电子设备通过移动输入法界面,能够将输入法界面完整的显示在显示区域中,避免电子设备的非显示区域遮挡目标区域中的关键信息,提高用户的使用体验。Therefore, the electronic device can completely display the input method interface in the display area by moving the input method interface, thereby preventing the non-display area of the electronic device from blocking key information in the target area, thereby improving the user experience.
在上述实施例中,电子设备能够自动调整目标界面的属性。另外,在一些实施例中,为了使得调整后的目标界面能够显示在显示区域中,且更能够满足用户的需求,电子设备获取到被遮挡的目标区域后,目标界面的状态从不可编辑状态转换为可编辑状态。其中,在S101之后,在S102之前,还可以包括下述步骤:接收用户对输入法界面的目标输入。In the above embodiments, the electronic device can automatically adjust the properties of the target interface. In addition, in some embodiments, in order to enable the adjusted target interface to be displayed in the display area and better meet the needs of the user, after the electronic device obtains the blocked target area, the state of the target interface is converted from a non-editable state to an editable state. Among them, after S101 and before S102, the following step may also be included: receiving the user's target input to the input method interface.
目标输入可以是点击输入,双击输入,拖拽输入等,以及多个输入之间的组合。例如,目标输入可以是用户长按输入法界面,向显示区域的上方移动输入法界面。又例如,用户双指从长按输入法界面,同时双指同时向对方的方向移动。再例如,用户双指从长按输入法界面,同时双指同时向对方的方向移动后,继续将输入法界面向显示区域的上方移动。The target input may be a click input, a double-click input, a drag input, etc., and a combination of multiple inputs. For example, the target input may be that the user long presses the input method interface and moves the input method interface to the top of the display area. For another example, the user long presses the input method interface with two fingers and moves the two fingers toward each other at the same time. For another example, the user long presses the input method interface with two fingers and moves the two fingers toward each other at the same time, and then continues to move the input method interface to the top of the display area.
用户可以根据自身的需求调整输入法界面,具体地,S102具体可以包括下述步骤:响应于目标输入,调整输入法界面的属性,直至目标界面的全部区域显示在显示区域内。The user may adjust the input method interface according to his/her needs. Specifically, S102 may include the following steps: in response to the target input, adjusting the properties of the input method interface until the entire area of the target interface is displayed in the display area.
电子设备接收到用户的目标输入,并根据用户的目标输入,调整输入法界面的尺寸、调整输入法界面的显示位置。例如,电子设备接收到用户长按输入法界面,向显示区域的上方移动输入法界面的输入,则将输入法界面向显示区域的上方移动。又例如,电子设备接收到用户双指从长按输入法界面,同时双指同时向对方的方向移动的输入,则电子设备根据用户的输入,缩小显示界面的尺寸。The electronic device receives the user's target input, and adjusts the size of the input method interface and the display position of the input method interface according to the user's target input. For example, if the electronic device receives the user's input of long pressing the input method interface and moving the input method interface to the top of the display area, the input method interface will be moved to the top of the display area. For another example, if the electronic device receives the user's input of long pressing the input method interface with two fingers and moving the two fingers toward each other at the same time, the electronic device will reduce the size of the display interface according to the user's input.
由此,电子设备获取到被遮挡的目标区域后,将输入法界面的状态从不可编辑状态转换为可编辑状态,从而用户可以对输入法界面进行调整,如缩小输入法界面的尺寸,调整输入法界面在显示区域中的显示位置等等,进而输入法界面能够完整的显示在电子设备的显示区域中,提高用户的使用体验。Therefore, after the electronic device obtains the obscured target area, it converts the state of the input method interface from a non-editable state to an editable state, so that the user can adjust the input method interface, such as reducing the size of the input method interface, adjusting the display position of the input method interface in the display area, etc., so that the input method interface can be fully displayed in the display area of the electronic device, thereby improving the user experience.
本申请实施例提供的显示控制方法中,电子设备的显示区域能够显示目标界面,但是无法完整的显示目标界面,即目标界面不包含于显示区域。在这种情况下,电子设备通过获取目标界面被电子设备的非显示区域遮挡的目标区域,并调整目标区域的属性,如目标界面的尺寸、目标界面在显示区域中的显示位置等,从而使得目标区域能够在显示区域内,如此,电子设备的显示界面能够提高用户使用体验。In the display control method provided in the embodiment of the present application, the display area of the electronic device can display the target interface, but cannot display the target interface completely, that is, the target interface is not included in the display area. In this case, the electronic device obtains the target area where the target interface is blocked by the non-display area of the electronic device, and adjusts the properties of the target area, such as the size of the target interface, the display position of the target interface in the display area, etc., so that the target area can be within the display area. In this way, the display interface of the electronic device can improve the user experience.
需要说明的是,本申请实施例中以电子设备执行显示控制方法为例,说明本申请实施例提供的显示控制方法。但是,本申请实施例提供的显示控制方法,执行主体可以为电子设备,还可以是显示控制装置或该显示控制装置中的用于执行显示控制方法的控制模块。It should be noted that in the embodiment of the present application, an electronic device executing the display control method is used as an example to illustrate the display control method provided in the embodiment of the present application. However, the display control method provided in the embodiment of the present application can be executed by an electronic device, or by a display control device or a control module in the display control device for executing the display control method.
基于本申请提供的显示控制方法,相应地,本申请提供一个实施例的显示控制装置。下面,本申请实施例中以显示控制装置执行显示控制方法为例,说明本申请实施例提供的显示控制装置。Based on the display control method provided by the present application, the present application accordingly provides a display control device of an embodiment. Below, the display control device provided by the embodiment of the present application is described by taking the display control method executed by the display control device in the embodiment of the present application as an example.
图16为本申请提供的一种显示控制装置1600的结构示意图。FIG. 16 is a schematic structural diagram of a display control device 1600 provided in the present application.
如图16所示,本申请提供的显示控制装置1600可以包括:获取模块1610,调整模块1620。As shown in FIG. 16 , the display control device 1600 provided in the present application may include: an acquisition module 1610 and an adjustment module 1620 .
获取模块1610,用于在电子设备的显示区域显示有目标界面,且目标界面的部分区域未显示在显示区域内的情况下,获取目标界面中被电子设备的非显示区域遮挡的目标区域;The acquisition module 1610 is used to acquire a target area of the target interface that is blocked by a non-display area of the electronic device when a target interface is displayed in a display area of the electronic device and a partial area of the target interface is not displayed in the display area;
调整模块1620,用于调整目标界面的目标属性,直至目标界面的全部区域显示在显示区域内;An adjustment module 1620, configured to adjust target attributes of a target interface until the entire area of the target interface is displayed in the display area;
其中,目标属性包括下述各项中的至少一项:目标界面的尺寸、目标界面在显示区域中的显示位置。The target attribute includes at least one of the following items: the size of the target interface, and the display position of the target interface in the display area.
由此,电子设备的显示区域能够显示目标界面,但是无法完整的显示目标界面,即目标界面不包含于显示区域。在这种情况下,电子设备通过获取目标界面被电子设备的非显示区域遮挡的目标区域,并调整目标区域的属性,如目标界面的尺寸、目标界面在显示区域中的显示位置等,从而使得目标区域能够在显示区域内,如此,电子设备的显示界面能够提高用户使用体验。As a result, the display area of the electronic device can display the target interface, but cannot display the target interface completely, that is, the target interface is not included in the display area. In this case, the electronic device obtains the target area where the target interface is blocked by the non-display area of the electronic device, and adjusts the properties of the target area, such as the size of the target interface, the display position of the target interface in the display area, etc., so that the target area can be within the display area. In this way, the display interface of the electronic device can improve the user experience.
可选地,在本申请的一些实施例中,获取模块1610包括:Optionally, in some embodiments of the present application, the acquisition module 1610 includes:
第一确定子模块1611,用于确定显示区域的目标边角,目标边角为与遮挡目标区域的非显示区域对应的显示区域边角,目标边角包括相互垂直的第一边、第二边以及连接第一边和第二边的圆弧线;A first determining submodule 1611 is used to determine a target corner of the display area, where the target corner is a corner of the display area corresponding to the non-display area that blocks the target area, and the target corner includes a first side and a second side that are perpendicular to each other, and an arc line connecting the first side and the second side;
第二确定子模块1612,用于确定第一边的延长线、第二边的延长线以及圆弧线所围成的区域为目标区域。The second determining submodule 1612 is used to determine that the area enclosed by the extension line of the first side, the extension line of the second side and the arc line is the target area.
由此,电子设备显示区域的边角,确定目标界面被遮挡的目标区域,从而对目标区域进行调整,使目标界面完整的显示在电子设备的显示区域中,以使目标区域中的待显示的信息能够显示在显示区域中,避免被遮挡的目标区域中存在有效信息用户无法查看,提高用户的使用体验。Thus, the corners of the display area of the electronic device determine the target area where the target interface is blocked, and the target area is adjusted so that the target interface is completely displayed in the display area of the electronic device, so that the information to be displayed in the target area can be displayed in the display area, avoiding the situation where the user cannot view the valid information in the blocked target area, thereby improving the user experience.
可选地,在本申请的一些实施例中,调整模块1620包括:Optionally, in some embodiments of the present application, the adjustment module 1620 includes:
第三确定子模块1621,用于确定第一边的延长线和第二边的延长线的第一交点;The third determining submodule 1621 is used to determine a first intersection point between an extension line of the first side and an extension line of the second side;
第四确定子模块1622,还用于确定圆弧线上的点到第一交点距离最短的目标点;The fourth determination submodule 1622 is further used to determine the target point with the shortest distance from the point on the arc line to the first intersection point;
缩小子模块1623,用于按照目标方式缩小目标界面,直至第一交点与目标点重合,或直至第一交点位于显示区域内;目标方式为沿着第一交点和目标点的连线向目标点的方向移动第一交点。The shrinking submodule 1623 is used to shrink the target interface in a target manner until the first intersection coincides with the target point, or until the first intersection is within the display area; the target manner is to move the first intersection toward the target point along the line connecting the first intersection and the target point.
由此,电子设备可以根据目标点和目标界面的顶点之间的相对位置来缩小目标界面的尺寸,以使显示区域显示完整的目标界面,提高用户的使用体验。Thus, the electronic device can reduce the size of the target interface according to the relative position between the target point and the vertex of the target interface, so that the display area displays the complete target interface, thereby improving the user experience.
可选地,在本申请的一些实施例中,第三确定子模块1621具体包括:Optionally, in some embodiments of the present application, the third determining submodule 1621 specifically includes:
绘制单元,用于过第一边与圆弧线的交点绘制第一边的第一垂线,以及过第二边与圆弧线的交点绘制第二边的第二垂线;A drawing unit, used for drawing a first perpendicular line of the first side through the intersection point of the first side and the arc line, and drawing a second perpendicular line of the second side through the intersection point of the second side and the arc line;
第一确定单元,还用于确定第一垂线和第二垂线的第二交点;The first determining unit is further used to determine a second intersection point of the first perpendicular line and the second perpendicular line;
连接单元,还用于连接第一交点和第二交点,得到目标直线;The connection unit is further used to connect the first intersection point and the second intersection point to obtain a target straight line;
第二确定单元,还用于将目标直线与圆弧线的交点确定为目标点。The second determining unit is further used to determine the intersection point of the target straight line and the arc line as the target point.
由此,通过边角能够确定目标点,电子设备可以根据目标点,调整目标界面的顶点的位置来缩小目标界面的尺寸,以使显示区域显示完整的输入法界面,提高用户的使用体验。Thus, the target point can be determined by the corners, and the electronic device can adjust the positions of the vertices of the target interface according to the target point to reduce the size of the target interface so that the display area displays a complete input method interface, thereby improving the user experience.
可选地,在本申请的一些实施例中,调整模块1620还包括:Optionally, in some embodiments of the present application, the adjustment module 1620 further includes:
移动子模块1624,用于移动目标界面,直至目标界面的全部区域显示在显示区域内。The moving submodule 1624 is used to move the target interface until the entire area of the target interface is displayed in the display area.
由此,电子设备通过移动目标界面,能够将目标界面完整的显示在显示区域中,避免电子设备的非显示区域遮挡目标区域中的关键信息,提高用户的使用体验。Therefore, the electronic device can completely display the target interface in the display area by moving the target interface, thereby preventing the non-display area of the electronic device from blocking key information in the target area, thereby improving the user experience.
可选地,在本申请的一些实施例中,移动子模块1624包括控制单元;Optionally, in some embodiments of the present application, the moving submodule 1624 includes a control unit;
控制单元,具体用于控制目标界面沿着远离显示区域的第一目标边的方向移动目标距离,直至目标界面的全部区域显示在显示区域内;a control unit, specifically configured to control the target interface to move a target distance in a direction away from a first target edge of the display area until the entire area of the target interface is displayed in the display area;
其中,第一目标边为显示区域中与第二目标边重合的边;目标距离为第一交点到第三目标边与圆弧线的交点之间的距离,在第二目标边和第三目标边中,一条边为第一边,另一条边为第二边。Among them, the first target edge is the edge that coincides with the second target edge in the display area; the target distance is the distance between the first intersection point and the intersection point of the third target edge and the arc line, and among the second target edge and the third target edge, one edge is the first edge and the other edge is the second edge.
由此,电子设备通过控制目标界面移动目标距离,使得目标界面完整的显示在电子设备的显示区域中,避免了遮挡目标界面中的信息,提高用户的使用体验。Therefore, the electronic device controls the target interface to move the target distance so that the target interface is completely displayed in the display area of the electronic device, thereby avoiding blocking of information in the target interface and improving the user experience.
可选地,在本申请的一些实施例中,调整模块1620还包括:Optionally, in some embodiments of the present application, the adjustment module 1620 further includes:
移动子模块1624,用于移动目标区域至显示区域内。The moving submodule 1624 is used to move the target area into the display area.
由此,电子设备通过移动目标区域,使得被遮挡的区域均能够显示在电子设备的显示区域中,避免了遮挡输入法界面中的信息,提高用户的使用体验。Therefore, the electronic device moves the target area so that the blocked areas can all be displayed in the display area of the electronic device, thereby avoiding blocking of information in the input method interface and improving the user experience.
可选地,在本申请的一些实施例中,装置1600还包括:Optionally, in some embodiments of the present application, the apparatus 1600 further includes:
接收模块1630,用于接收用户对目标界面的目标输入;The receiving module 1630 is used to receive a target input of a user to a target interface;
调整模块1620,具体用于响应于目标输入,调整目标界面的目标属性,直至目标界面的全部区域显示在显示区域内。The adjustment module 1620 is specifically configured to adjust the target attribute of the target interface in response to the target input until the entire area of the target interface is displayed in the display area.
由此,电子设备获取到被遮挡的目标区域后,将目标界面的状态从不可编辑状态转换为可编辑状态,从而用户可以对目标界面进行调整,如缩小目标界面的尺寸,调整目标界面在显示区域中的显示位置等等,进而目标界面能够完整的显示在电子设备的显示区域中,提高用户的使用体验。Therefore, after the electronic device obtains the obscured target area, it converts the state of the target interface from a non-editable state to an editable state, so that the user can adjust the target interface, such as reducing the size of the target interface, adjusting the display position of the target interface in the display area, etc., so that the target interface can be fully displayed in the display area of the electronic device, thereby improving the user experience.
可选地,在本申请的一些实施例中,目标界面为输入法界面。Optionally, in some embodiments of the present application, the target interface is an input method interface.
由此,电子设备能够完整的显示输入法界面,提高了用户体验。As a result, the electronic device can fully display the input method interface, thereby improving the user experience.
本申请实施例提供的显示控制装置,电子设备的显示区域能够显示目标界面,但是无法完整的显示目标界面,即目标界面不包含于显示区域。在这种情况下,电子设备通过获取目标界面被电子设备的非显示区域遮挡的目标区域,并调整目标区域的属性,如目标界面的尺寸、目标界面在显示区域中的显示位置等,从而使得目标区域能够在显示区域内,如此,电子设备的显示界面能够提高用户使用体验。In the display control device provided in the embodiment of the present application, the display area of the electronic device can display the target interface, but cannot display the target interface completely, that is, the target interface is not included in the display area. In this case, the electronic device obtains the target area where the target interface is blocked by the non-display area of the electronic device, and adjusts the properties of the target area, such as the size of the target interface, the display position of the target interface in the display area, etc., so that the target area can be within the display area. In this way, the display interface of the electronic device can improve the user experience.
本申请实施例中的显示控制装置可以是装置,也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备,也可以为非移动电子设备。示例性的,移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、穿戴式设备、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本或者个人数字助理(personaldigital assistant,PDA)等,非移动电子设备可以为服务器、网络附属存储器(NetworkAttached Storage,NAS)、个人计算机(personal computer,PC)、电视机(television,TV)、柜员机或者自助机等,本申请实施例不作具体限定。The display control device in the embodiment of the present application can be a device, or a component, integrated circuit, or chip in a terminal. The device can be a mobile electronic device or a non-mobile electronic device. Exemplarily, the mobile electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, an in-vehicle electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc. The non-mobile electronic device can be a server, a network attached storage (NAS), a personal computer (PC), a television (TV), a teller machine or a self-service machine, etc., which is not specifically limited in the embodiment of the present application.
本申请实施例中的显示控制装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统,可以为ios操作系统,还可以为其他可能的操作系统,本申请实施例不作具体限定。The display control device in the embodiment of the present application may be a device having an operating system. The operating system may be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiment of the present application.
本申请实施例提供的显示控制装置能够实现图1、图5、图8和图9的实施例中显示控制装置实现的各个过程,为避免重复,这里不再赘述。The display control device provided in the embodiment of the present application can implement various processes implemented by the display control device in the embodiments of Figures 1, 5, 8 and 9, and will not be described again here to avoid repetition.
可选地,如图17所示,本申请实施例还提供一种电子设备1700,包括处理器1701,存储器1702,存储在存储器1702上并可在处理器1701上运行的程序或指令,该程序或指令被处理器1701执行时实现上述显示控制方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。Optionally, as shown in Figure 17, an embodiment of the present application also provides an electronic device 1700, including a processor 1701, a memory 1702, and a program or instruction stored in the memory 1702 and executable on the processor 1701. When the program or instruction is executed by the processor 1701, each process of the above-mentioned display control method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.
需要注意的是,本申请实施例中的电子设备包括上述的移动电子设备和非移动电子设备。It should be noted that the electronic devices in the embodiments of the present application include the above-mentioned mobile electronic devices and non-mobile electronic devices.
图18为实现本申请实施例的一种电子设备1800的硬件结构示意图。FIG. 18 is a schematic diagram of the hardware structure of an electronic device 1800 implementing an embodiment of the present application.
该电子设备1800包括但不限于:射频单元1801、网络模块1802、音频输出单元1803、输入单元1804、传感器1805、显示单元1806、用户输入单元1807、接口单元1808、存储器1809、以及处理器1810等部件。其中,输入单元1804包括图形处理器和麦克风。显示单元1806包括显示面板。用户输入单元1807包括触控面板和其他输入设备。存储器1809中包括电子设备的操作系统和电子设备上安装的应用程序。The electronic device 1800 includes, but is not limited to, components such as a radio frequency unit 1801, a network module 1802, an audio output unit 1803, an input unit 1804, a sensor 1805, a display unit 1806, a user input unit 1807, an interface unit 1808, a memory 1809, and a processor 1810. The input unit 1804 includes a graphics processor and a microphone. The display unit 1806 includes a display panel. The user input unit 1807 includes a touch panel and other input devices. The memory 1809 includes an operating system of the electronic device and applications installed on the electronic device.
本领域技术人员可以理解,电子设备1800还可以包括给各个部件供电的电源(比如电池),电源可以通过电源管理系统与处理器1810逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图18中示出的电子设备结构并不构成对电子设备的限定,电子设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置,在此不再赘述。Those skilled in the art will appreciate that the electronic device 1800 may also include a power source (such as a battery) for supplying power to each component, and the power source may be logically connected to the processor 1810 through a power management system, so that the power management system can manage charging, discharging, and power consumption management. The electronic device structure shown in FIG18 does not constitute a limitation on the electronic device, and the electronic device may include more or fewer components than shown, or combine certain components, or arrange components differently, which will not be described in detail here.
其中,处理器1810,用于在电子设备的显示区域显示有目标界面,且所述目标界面部分区域未显示在显示区域内的情况下,获取所述目标界面中被所述电子设备的非显示区域遮挡的目标区域;The processor 1810 is configured to obtain a target area of the target interface that is blocked by a non-display area of the electronic device when a target interface is displayed in a display area of the electronic device and a partial area of the target interface is not displayed in the display area;
处理器1810,用于调整所述目标界面的目标属性,直至所述目标界面的全部区域显示在所述显示区域内;Processor 1810, configured to adjust a target attribute of the target interface until the entire area of the target interface is displayed in the display area;
其中,所述目标属性包括下述各项中的至少一项:所述目标界面的尺寸、所述目标界面在所述显示区域中的显示位置。The target attribute includes at least one of the following items: the size of the target interface, and the display position of the target interface in the display area.
在本申请实施例中,电子设备的显示区域能够显示目标界面,但是无法完整的显示目标界面,即目标界面不包含于显示区域。在这种情况下,电子设备通过获取目标界面被电子设备的非显示区域遮挡的目标区域,并调整目标区域的属性,如目标界面的尺寸、目标界面在显示区域中的显示位置等,从而使得目标区域能够在显示区域内,如此,电子设备的显示界面能够提高用户使用体验。In the embodiment of the present application, the display area of the electronic device can display the target interface, but cannot display the target interface completely, that is, the target interface is not included in the display area. In this case, the electronic device obtains the target area where the target interface is blocked by the non-display area of the electronic device, and adjusts the properties of the target area, such as the size of the target interface, the display position of the target interface in the display area, etc., so that the target area can be within the display area. In this way, the display interface of the electronic device can improve the user experience.
可选地,在本申请的一些实施例中,处理器1810,用于确定显示区域的目标边角,目标边角为与遮挡目标区域的非显示区域对应的显示区域边角,目标边角包括相互垂直的第一边、第二边以及连接第一边和第二边的圆弧线;Optionally, in some embodiments of the present application, the processor 1810 is configured to determine a target corner of the display area, where the target corner is a corner of the display area corresponding to the non-display area that blocks the target area, and the target corner includes a first side, a second side, and an arc line connecting the first side and the second side that are perpendicular to each other;
处理器1810,还用于确定第一边的延长线、第二边的延长线以及圆弧线所围成的区域为目标区域。The processor 1810 is further configured to determine that an area enclosed by an extension line of the first side, an extension line of the second side, and the arc line is a target area.
由此,电子设备显示区域的边角,确定目标界面被遮挡的目标区域,从而对目标区域进行调整,使目标界面完整的显示在电子设备的显示区域中,以使目标区域中的待显示的信息能够显示在显示区域中,避免被遮挡的目标区域中存在有效信息用户无法查看,提高用户的使用体验。Thus, the corners of the display area of the electronic device determine the target area where the target interface is blocked, and the target area is adjusted so that the target interface is completely displayed in the display area of the electronic device, so that the information to be displayed in the target area can be displayed in the display area, avoiding the situation where the user cannot view the valid information in the blocked target area, thereby improving the user experience.
可选地,在本申请的一些实施例中,Optionally, in some embodiments of the present application,
处理器1810,还用于确定第一边的延长线和第二边的延长线的第一交点;The processor 1810 is further configured to determine a first intersection point between an extension line of the first side and an extension line of the second side;
处理器1810,还用于确定圆弧线上的点到第一交点距离最短的目标点;The processor 1810 is further configured to determine a target point having the shortest distance from a point on the arc line to the first intersection point;
处理器1810,用于按照目标方式缩小目标界面,直至第一交点与目标点重合,或直至第一交点位于显示区域内;目标方式为沿着第一交点和目标点的连线向目标点的方向移动第一交点。Processor 1810 is used to shrink the target interface in a target manner until the first intersection coincides with the target point, or until the first intersection is within the display area; the target manner is to move the first intersection toward the target point along a line connecting the first intersection and the target point.
由此,电子设备可以根据目标点和目标界面的顶点之间的相对位置来缩小目标界面的尺寸,以使显示区域显示完整的目标界面,提高用户的使用体验。Thus, the electronic device can reduce the size of the target interface according to the relative position between the target point and the vertex of the target interface, so that the display area displays the complete target interface, thereby improving the user experience.
可选地,在本申请的一些实施例中,处理器1810,用于过第一边与圆弧线的交点绘制第一边的第一垂线,以及过第二边与圆弧线的交点绘制第二边的第二垂线;Optionally, in some embodiments of the present application, the processor 1810 is configured to draw a first perpendicular line to the first side through an intersection point of the first side and the arc line, and draw a second perpendicular line to the second side through an intersection point of the second side and the arc line;
处理器1810,还用于确定第一垂线和第二垂线的第二交点;The processor 1810 is further configured to determine a second intersection point of the first perpendicular line and the second perpendicular line;
处理器1810,还用于连接第一交点和第二交点,得到目标直线;The processor 1810 is further configured to connect the first intersection point and the second intersection point to obtain a target straight line;
处理器1810,还用于将目标直线与圆弧线的交点确定为目标点。The processor 1810 is further configured to determine the intersection point of the target straight line and the arc line as the target point.
由此,通过边角能够确定目标点,电子设备可以根据目标点,调整目标界面的顶点的位置来缩小目标界面的尺寸,以使显示区域显示完整的输入法界面,提高用户的使用体验。Thus, the target point can be determined by the corners, and the electronic device can adjust the positions of the vertices of the target interface according to the target point to reduce the size of the target interface so that the display area displays a complete input method interface, thereby improving the user experience.
可选地,在本申请的一些实施例中,处理器1810,用于移动目标界面,直至目标界面的全部区域显示在显示区域内。Optionally, in some embodiments of the present application, the processor 1810 is used to move the target interface until the entire area of the target interface is displayed in the display area.
由此,电子设备通过移动目标界面,能够将目标界面完整的显示在显示区域中,避免电子设备的非显示区域遮挡目标区域中的关键信息,提高用户的使用体验。Therefore, the electronic device can completely display the target interface in the display area by moving the target interface, thereby preventing the non-display area of the electronic device from blocking key information in the target area, thereby improving the user experience.
可选地,在本申请的一些实施例中,处理器1810,具体用于控制目标界面沿着远离显示区域的第一目标边的方向移动目标距离,直至目标界面的全部区域显示在显示区域内;Optionally, in some embodiments of the present application, the processor 1810 is specifically configured to control the target interface to move a target distance in a direction away from the first target edge of the display area until the entire area of the target interface is displayed in the display area;
其中,第一目标边为显示区域中与第二目标边重合的边;目标距离为第一交点到第三目标边与圆弧线的交点之间的距离,在第二目标边和第三目标边中,一条边为第一边,另一条边为第二边。Among them, the first target edge is the edge that coincides with the second target edge in the display area; the target distance is the distance between the first intersection point and the intersection point of the third target edge and the arc line, and among the second target edge and the third target edge, one edge is the first edge and the other edge is the second edge.
由此,电子设备通过控制目标界面移动目标距离,使得目标界面完整的显示在电子设备的显示区域中,避免了遮挡目标界面中的信息,提高用户的使用体验。Thus, the electronic device controls the target interface to move the target distance so that the target interface is completely displayed in the display area of the electronic device, thereby avoiding blocking of information in the target interface and improving the user experience.
可选地,在本申请的一些实施例中,处理器1810,具体用于移动目标区域至显示区域内。Optionally, in some embodiments of the present application, the processor 1810 is specifically configured to move the target area into the display area.
由此,电子设备通过移动目标区域,使得被遮挡的区域均能够显示在电子设备的显示区域中,避免了遮挡输入法界面中的信息,提高用户的使用体验。Therefore, the electronic device moves the target area so that the blocked areas can all be displayed in the display area of the electronic device, thereby avoiding blocking of information in the input method interface and improving the user experience.
可选地,在本申请的一些实施例中,用户输入单元1807,用于接收用户对目标界面的目标输入;Optionally, in some embodiments of the present application, the user input unit 1807 is used to receive a target input of a user to a target interface;
处理器1810,具体用于响应于目标输入,调整目标界面的目标属性,直至目标界面的全部区域显示在显示区域内。The processor 1810 is specifically configured to adjust the target attribute of the target interface in response to the target input until the entire area of the target interface is displayed in the display area.
由此,电子设备获取到被遮挡的目标区域后,将目标界面的状态从不可编辑状态转换为可编辑状态,从而用户可以对目标界面进行调整,如缩小目标界面的尺寸,调整目标界面在显示区域中的显示位置等等,进而目标界面能够完整的显示在电子设备的显示区域中,提高用户的使用体验。Therefore, after the electronic device obtains the obscured target area, it converts the state of the target interface from a non-editable state to an editable state, so that the user can adjust the target interface, such as reducing the size of the target interface, adjusting the display position of the target interface in the display area, etc., so that the target interface can be fully displayed in the display area of the electronic device, thereby improving the user experience.
本申请实施例还提供一种可读存储介质,所述可读存储介质上存储有程序或指令,该程序或指令被处理器执行时实现上述显示控制方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the various processes of the above-mentioned display control method embodiment are implemented and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.
其中,所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质,包括计算机可读存储介质,如计算机只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等。The processor is a processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a computer read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk.
本申请实施例另提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现上述显示控制方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。An embodiment of the present application further provides a chip, which includes a processor and a communication interface, wherein the communication interface is coupled to the processor, and the processor is used to run programs or instructions to implement the various processes of the above-mentioned display control method embodiment, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.
应理解,本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。It should be understood that the chip mentioned in the embodiments of the present application can also be called a system-level chip, a system chip, a chip system or a system-on-chip chip, etc.
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外,需要指出的是,本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能,还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能,例如,可以按不同于所描述的次序来执行所描述的方法,并且还可以添加、省去、或组合各种步骤。另外,参照某些示例所描述的特征可在其他示例中被组合。It should be noted that, in this article, the terms "comprise", "include" or any other variant thereof are intended to cover non-exclusive inclusion, so that the process, method, article or device including a series of elements includes not only those elements, but also includes other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "including one..." do not exclude the presence of other identical elements in the process, method, article or device including the element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in reverse order according to the functions involved, for example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, or the part that contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk), and includes a number of instructions for a terminal (which can be a mobile phone, computer, server, air conditioner, or network device, etc.) to execute the methods described in each embodiment of the present application.
上面结合附图对本申请的实施例进行了描述,但是本申请并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本申请的启示下,在不脱离本申请宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本申请的保护之内。The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.
Claims (6)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011381041.1A CN112486330B (en) | 2020-11-30 | 2020-11-30 | Display control method, device and equipment |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011381041.1A CN112486330B (en) | 2020-11-30 | 2020-11-30 | Display control method, device and equipment |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112486330A CN112486330A (en) | 2021-03-12 |
CN112486330B true CN112486330B (en) | 2024-06-04 |
Family
ID=74938445
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011381041.1A Active CN112486330B (en) | 2020-11-30 | 2020-11-30 | Display control method, device and equipment |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112486330B (en) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107577495A (en) * | 2017-09-05 | 2018-01-12 | 广东欧珀移动通信有限公司 | Interface display method, device and terminal |
CN108073343A (en) * | 2018-01-26 | 2018-05-25 | 维沃移动通信有限公司 | A kind of display interface method of adjustment and mobile terminal |
CN108984082A (en) * | 2018-07-09 | 2018-12-11 | 维沃移动通信有限公司 | A kind of image display method and mobile terminal |
CN109032445A (en) * | 2018-07-16 | 2018-12-18 | 维沃移动通信有限公司 | A kind of control method for screen display and terminal device |
WO2020125405A1 (en) * | 2018-12-21 | 2020-06-25 | 维沃移动通信有限公司 | Control method for terminal apparatus, and terminal apparatus |
-
2020
- 2020-11-30 CN CN202011381041.1A patent/CN112486330B/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107577495A (en) * | 2017-09-05 | 2018-01-12 | 广东欧珀移动通信有限公司 | Interface display method, device and terminal |
CN108073343A (en) * | 2018-01-26 | 2018-05-25 | 维沃移动通信有限公司 | A kind of display interface method of adjustment and mobile terminal |
CN108984082A (en) * | 2018-07-09 | 2018-12-11 | 维沃移动通信有限公司 | A kind of image display method and mobile terminal |
CN109032445A (en) * | 2018-07-16 | 2018-12-18 | 维沃移动通信有限公司 | A kind of control method for screen display and terminal device |
WO2020125405A1 (en) * | 2018-12-21 | 2020-06-25 | 维沃移动通信有限公司 | Control method for terminal apparatus, and terminal apparatus |
Also Published As
Publication number | Publication date |
---|---|
CN112486330A (en) | 2021-03-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2019047748A9 (en) | Split screen display method, apparatus, terminal, and storage medium | |
WO2019174546A1 (en) | User interface display method and device, apparatus, and storage medium | |
US11853543B2 (en) | Method and apparatus for controlling display of video call interface, storage medium and device | |
CN109460177A (en) | A kind of image processing method and terminal device | |
CN111857509A (en) | Split-screen display method, device and electronic device | |
WO2023061280A1 (en) | Application program display method and apparatus, and electronic device | |
WO2021136136A1 (en) | Screenshot method and electronic device | |
CN111638818B (en) | Window position adjusting method and device and electronic equipment | |
KR20160084237A (en) | Image display apparatus and method for displaying image | |
WO2022194211A1 (en) | Image processing method and apparatus, electronic device and readable storage medium | |
CN110377220B (en) | Instruction response method and device, storage medium and electronic equipment | |
WO2022242515A1 (en) | Interface display method and apparatus | |
CN111813308A (en) | Interface processing method, device, electronic device and storage medium | |
CN111190677A (en) | Information display method, information display device and terminal equipment | |
CN117333256A (en) | Page display method and device, electronic equipment and storage medium | |
CN113986076A (en) | Icon display control method, device, electronic device and storage medium | |
WO2023155877A1 (en) | Application icon management method and apparatus and electronic device | |
WO2021068766A1 (en) | Image display method, image display apparatus, and mobile terminal | |
WO2024175064A1 (en) | Operation executing method and device | |
CN112486330B (en) | Display control method, device and equipment | |
CN113946250A (en) | Folder display method and device and electronic equipment | |
CN111796746B (en) | Volume adjustment method, volume adjustment device and electronic equipment | |
CN111857474B (en) | Application program control method and device and electronic equipment | |
CN112486616A (en) | Interface display method, interface display device, electronic equipment and storage medium | |
CN115291778B (en) | Display control method, device, electronic device and readable storage medium |
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 |