Display control method, device and equipment of interface and storage medium

Abstract

Embodiments of the application disclose a display control method, device and equipment of an interface and a storage medium, the method comprising: displaying a control sub-interface in a display interface, the display interface corresponding to first display content, the first display content being part of total display content displayed in the display interface; displaying a first sub-region in the control sub-interface, a display parameter of the first sub-region being determined according to a first proportion value of the display content corresponding to the display interface and the total display content; receiving a first operation on the first sub-region, determining second display content in the total display content according to the display parameter of the first sub-region after the first operation and displaying the second display content. According to the scheme, the human-computer interaction efficiency is improved, the human-computer interaction mode is optimized, and the user experience is improved.

Description

TECHNICAL FIELD

[0001] Embodiments of the present application relate to the field of intelligent terminals, and in particular to a display control method and device for an interface, an apparatus, and a storage medium. BACKGROUND

[0002] With the development of intelligent terminal devices, various small terminal devices such as smart watches and smart bands are becoming increasingly popular. In order to improve the functionality and interactivity of intelligent terminal devices, a touch display screen is usually integrated into the intelligent terminal device, and the display interface is displayed on the touch display screen to allow the user to view the content and realize human-computer interaction.

[0003] In the prior art, when displaying content on the touch screen display interface, the user can change the display content of the display interface by sliding the touch screen. For example, if a list is displayed on the display interface, the user can control the sliding of the list to locate the list content that the user wants to obtain by sliding operation. However, in some cases where the display interface is small, such as when the size of the touch screen is small, the user needs to frequently perform sliding operations to find and locate the appropriate display content for viewing or performing further interactive operations, which is inefficient and needs to be improved. SUMMARY

[0004] Embodiments of the present application provide a display control method and device for an interface, an apparatus, and a storage medium, which solve the problem of low efficiency of the control method for the display content of the display interface in the prior art, significantly improve the interaction efficiency, optimize the human-computer interaction method, and improve the user experience.

[0005] In a first aspect, embodiments of the present application provide a display control method for an interface, which includes:

[0006] displaying a control sub-interface in a display interface, the display interface corresponding to first display content, and the first display content being part of total display content displayed in the display interface;

[0007] displaying a first sub-region in the control sub-interface, and the display parameters of the first sub-region being determined according to a first proportion value of the display content corresponding to the display interface and the total display content;

[0008] receiving a first operation on the first sub-region, determining and displaying second display content in the total display content according to the display parameters of the first sub-region after the first operation.

[0009] In a second aspect, embodiments of the present application also provide a display control device for an interface, which includes:

[0010] The sub-interface display unit is configured to display a control sub-interface in a display interface, the display interface corresponds to first display content, and the first display content is a part of total display content displayed in the display interface.

[0011] The sub-region display unit is configured to display a first sub-region in the control sub-interface, and a display parameter of the first sub-region is determined according to a first proportion value of the display content corresponding to the display interface and the total display content.

[0012] The content processing unit is configured to receive a first operation on the first sub-region, determine second display content in the total display content according to a display parameter of the first sub-region after the first operation, and display the second display content.

[0013] In a third aspect, an embodiment of the present application further provides a display control device of an interface, and the device comprises:

[0014] One or more processors;

[0015] A storage device configured to store one or more programs,

[0016] When the one or more programs are executed by the one or more processors, the one or more processors implement the display control method of the interface according to the embodiments of the present application.

[0017] In a fourth aspect, an embodiment of the present application further provides a storage medium storing computer executable instructions, and the computer executable instructions are used to execute the display control method of the interface according to the embodiments of the present application when executed by a computer processor.

[0018] In the embodiments of the present application, the control sub-interface is displayed in the display interface, the display interface displays the first display content, the first display content is a part of the total display content displayed in the display interface, the first sub-region is displayed in the control sub-interface, the display parameter of the first sub-region is determined according to the first proportion value of the first display content and the total display content, the first operation on the first sub-region is received, the second display content in the total display content is determined according to the first operation, and the second display content is displayed. The display control method of the interface provided in the present application can conveniently determine and display the display content, reduce the operation steps of the user, significantly improve the interaction efficiency, optimize the human-computer interaction mode, and improve the user experience. BRIEF DESCRIPTION OF DRAWINGS

[0019] Figure 1 A flowchart of the display control method of the interface according to an embodiment of the present application is provided.

[0020] Figure 2 A flowchart of another display control method of the interface according to an embodiment of the present application is provided.

[0021] Figure 3 A first schematic diagram of display control of an interface provided for an embodiment of the present application;

[0022] Figure 4 A second schematic diagram of display control of an interface provided for an embodiment of the present application;

[0023] Figure 5 A flow chart of a specific method for determining a first sub-region provided for an embodiment of the present application;

[0024] Figure 6 A flow chart of another method for display control of an interface provided for an embodiment of the present application;

[0025] Figure 7 A schematic diagram of a second control sub-interface provided for an embodiment of the present application;

[0026] Figure 8 A flow chart of another method for display control of an interface provided for an embodiment of the present application;

[0027] Figure 9 A schematic diagram of a first operation on a first sub-region provided for an embodiment of the present application;

[0028] Figure 10 A schematic diagram after a first operation on a first sub-region provided for an embodiment of the present application;

[0029] Figure 11 A schematic diagram of display content provided for an embodiment of the present application;

[0030] Figure 12 A structural block diagram of a display control device of an interface provided for an embodiment of the present application;

[0031] Figure 13 A structural schematic diagram of a display control device of an interface provided for an embodiment of the present application. DETAILED DESCRIPTION

[0032] The technical solutions in the embodiments of the present application will be described clearly below with reference to the accompanying drawings in the embodiments of the present application. Obviously, the described embodiments are only some of the embodiments of the present application, not all the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art belong to the scope of protection of the present application.

[0033] The terms "first", "second", etc. in the specification and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged under appropriate circumstances, so that the embodiments of the present application can be implemented in an order other than those illustrated or described herein, and the objects distinguished by "first", "second", etc. are generally a class, not limited to the number of objects, for example, the first object can be one or more. In addition, "and / or" in the specification and claims indicates at least one of the connected objects, and the character " / ", generally indicates that the front and rear associated objects are in an "or" relationship.

[0034] Figure 1 A flowchart of a display control method of an interface provided for an embodiment of the present application, the embodiment can be applicable to control of display content of a terminal device, the method can be executed by a terminal device such as a smart watch, a smart bracelet, an audio player, etc., and specifically includes the following steps:

[0035] Step S101, display a control sub-interface in a display interface, the display interface corresponds to first display content, and the first display content is a part of total display content displayed in the display interface.

[0036] The display interface can be an interface displayed by a touch screen integrated in the terminal device, and in addition to displaying corresponding text, pictures and other multimedia information, the display interface can display various different controls, buttons and the like as a control interface to execute corresponding trigger events after receiving a touch operation of a user. For example, the interface displayed by a touch screen of a smart watch, a smart bracelet and the like when in use. The control sub-interface is a touch control interface generated for receiving an operation of a user and determining display content of the display interface accordingly, and the user changes the display content of the display interface by touching the control sub-interface.

[0037] In an embodiment, the display interface corresponds to first display content, and the first display content is content displayed by a touch screen for a user. For example, a displayed application list, a song list or a file list, etc. The first display content is a part of total display content displayed in the display interface. Taking the application list as an example, it is assumed that 30 applications are installed in the device, and the total display content of the corresponding application list is 30 lines, each line corresponds to an application information, which can be an icon of the application, a name of the application and other information that can uniquely identify and represent the application. The first display content is a part of the total display content currently displayed by the display screen, for example, when the application list is displayed full screen on the display screen, limited by the screen size and to meet the user's accurate touch selection, the first display content can be a list of 3 lines, such as the first 3 lines of the 30-line list in the total display content.

[0038] In an embodiment, the control sub-interface and the first display content can be displayed simultaneously in the display screen, for example, the control sub-interface is displayed in a region of the display screen in a manner of covering the first display content. Alternatively, when the control sub-interface is displayed, the display screen can display the control sub-interface separately, and the first display content corresponding to the display interface is hidden and not displayed, or the first display interface displaying the first display content is switched to the second display interface displaying the control sub-interface.

[0039] In step S102, a first sub-region is displayed in the control sub-interface, and a display parameter of the first sub-region is determined according to the first proportion value of the display content corresponding to the display interface and the total display content.

[0040] In an embodiment, the control sub-interface is an interface display region that can perform interactive operations. For example, a user can perform operations such as clicking, sliding, and dragging on the control sub-interface region.

[0041] In an embodiment, the control sub-interface includes a first sub-region, and the first sub-region is a part of the control sub-interface. For example, when the control sub-interface is a rectangle, the first sub-region can be a region composed of one fourth, one third, or one half of the rectangle. For example, when the control sub-interface is a circle, the first sub-region can be a region composed of one fourth, one third, or one half of the circle. In order to visually distinguish the first sub-region from the control sub-interface, the first sub-region and the control sub-interface can be displayed in different manners. For example, a part of the control sub-interface other than the first sub-region can be displayed in one color, and the first sub-region can be displayed in another color. Alternatively, a part of the control sub-interface other than the first sub-region can be displayed in a non-transparent manner, and the first sub-region can be displayed in a transparent manner. Alternatively, a boundary line of the first sub-region can be displayed in the control sub-interface, and the position of the boundary line can be used to distinguish the first sub-region from the part of the control sub-interface other than the first sub-region.

[0042] The display parameter of the first sub-region is used to represent specific and display-related parameters of the first sub-region, such as display area size, display color, and the like of the first sub-region. The display parameter is determined according to the display content corresponding to the display interface and the total display content, for example, if the current display interface displays the first display content, the display parameter of the first sub-region is determined by the first display content and the total display content. The first proportion value is used to represent the association between the display content corresponding to the current display interface and the total display content. In an embodiment, the first proportion value can be the position proportion of the current display content in the total display content. For example, if the total display content includes 30 items, and the current display content is displayed at the 10th item, the first proportion value is 30%. For example, if the total display content is a list, the first proportion value is the proportion of the position from the top of the list to the current page position in the total length of the list. The display position of the current display content can be the middle position in the display interface, or the display position corresponding to the last item in the display interface.

[0043] Specifically, taking the display parameter of the display area size of the first sub-region as an example, if the first proportion value is determined to be 30%, the display area size of the first sub-region is determined to be one third of the control sub-interface area size; if the first proportion value is determined to be 80%, the display area size of the first sub-region is determined to be five fourths of the control sub-interface area size, and so on. That is, the first sub-region occupies the area size of the control sub-interface to represent the position of the first display content in the total display content. In addition, the display parameter of the first sub-region also includes the display color, which can be different gray colors, or red, yellow, blue, green, and the like. With the change of the first proportion value, the display color of the first sub-region also changes accordingly, in addition to the change of the display area size. The specific color corresponding to different first proportion values is not limited here, and can be set by default or by the user.

[0044] In step S103, a first operation on the first sub-region is received, and a second display content in the total display content is determined and displayed according to the display parameter of the first sub-region after the first operation.

[0045] The first operation can be a drag operation. For example, after a user's finger touches the position of the first sub-region, a drag operation is performed, and the second display content is determined according to the drag operation on the first sub-region and is displayed. The second display content is the content that the determined display interface needs to display after the first operation ends, which is similar to the first display content and is also part of the total display content, but the specific display content is different.

[0046] In one embodiment, the displayed content of the display interface is changed by manipulating the first sub-region. Specifically, the size of the first sub-region is changed by dragging it, which alters the display parameters of the first sub-region. As previously known, the size of the first sub-region can be used to characterize the relationship between the displayed content and the total displayed content. For example, if its size changes from 25% to 50% of the control sub-interface, the first displayed content corresponding to the original 25% proportion of the total displayed content is changed to the second displayed content corresponding to the 50% proportion of the total displayed content.

[0047] As can be seen from the above scheme, when controlling the content displayed on the display interface, a control sub-interface containing the first sub-area is displayed, and the display content is controlled according to the operation of the first sub-area. The display parameters of the first sub-area include the proportion of the current display content to the total display content. This allows for rapid changes to the display content. For small-screen display interfaces, this greatly improves the efficiency of interactive operations and avoids the problems of low interaction efficiency and poor user experience caused by frequent scrolling.

[0048] Figure 2 The flowchart illustrates another interface display control method provided in this embodiment of the invention, showing a specific way to control sub-interfaces. For example... Figure 2 As shown, the specific technical solution is as follows:

[0049] Step S201: When the second operation is detected, a first control sub-interface is displayed in the display interface. The first control sub-interface is displayed at a first preset position and at a first preset size in the display interface.

[0050] The second operation can be a touch operation, meaning that when the user touches the display screen, the first control sub-interface is displayed on the display interface. Optionally, the first control sub-interface can also be displayed in response to the detected second operation when specific content is displayed on the display interface. For example, the specific content could be displaying list content. The second operation can also be a detected user press operation on a physical button on the terminal device, such as pressing a function button on the side of the terminal device to trigger the display of the first sub-control interface.

[0051] like Figure 3 As shown, Figure 3This is a first schematic diagram of interface display control provided by an embodiment of the present invention. The current display interface 2011 displays first display content 2012, which, for example, is a list containing list content 1, list content 2, and list content 3. The first sub-control interface 2013 is a circular area as shown, but it can also be other shapes, which are not limited here. The first sub-control interface 2013 is displayed at a first preset position 2014 and at a preset size. The preset position can be, for example, a corner of the display interface or any edge of the display interface, etc., and the specific location of the first preset position is not limited. The preset size can also be determined according to user settings or system default settings; for example, it is one-tenth of the display interface area.

[0052] Step S202: Receive a third operation on the first control sub-interface, generate a second control sub-interface, and display it at a second preset position and a second preset size in the display interface.

[0053] The third operation can be a click operation, that is, after receiving a click operation on the first control sub-interface, a second sub-control interface is generated, such as... Figure 4 As shown, Figure 4 This is a second schematic diagram of interface display control provided in an embodiment of the present invention. The second control sub-interface 2021 is displayed at a second preset position 2022 of the display interface with a second preset size. In this figure, the exemplary second preset position is the center position of the display interface, and the second preset size is the area size of the shape of the second display interface.

[0054] Step S203: Display a first sub-area in the second control sub-interface. The display parameters of the first sub-area are determined based on a first ratio value between the display content corresponding to the display interface and the total display content.

[0055] like Figure 4 As shown, taking the second control sub-interface as a circular area as an example, the first sub-area is a part of this circular area 2021. As shown in the figure, the first sub-area 2031 occupies 25% of the second control sub-interface. Specifically, as... Figure 5 As shown, Figure 5 A flowchart illustrating a specific method for determining a first sub-region provided in an embodiment of the present invention includes the following control methods for displaying the first sub-region:

[0056] Step S2031: Determine a first ratio value based on the proportion of the first displayed content to the total displayed content.

[0057] The first display content is the content displayed by the display screen before the display control sub-interface is displayed or when the second control sub-interface is being generated. Taking a list as an example, the list information currently displayed by the first display content is determined as the first proportion value at the position of the total list information. Specifically, taking a list number as an example, assuming that the total list has 20 items, the first display content is currently displayed to the 5th item, and the first proportion value is 25%.

[0058] Step S2032, determining the size of the first sub-region according to the first proportion value and the second preset size.

[0059] As the first proportion value is determined to be 25% in the previous step, the first sub-region generated and displayed accounts for 25% of the second preset size. Assuming that the second preset size is 16 square centimeters, the size of the first sub-region is 4 square centimeters.

[0060] Step S2033, performing preset color display on the first sub-region in the second control sub-interface according to the determined size of the first sub-region.

[0061] In an embodiment, after the size of the first sub-region is determined, preset color display is performed on the first sub-region to distinguish it from other regions in the second control sub-interface, thereby facilitating intuitive perception by the user.

[0062] Step S204, receiving a first operation on the first sub-region, determining second display content in the total display content according to the display parameter of the first sub-region after the first operation, and performing display.

[0063] As can be seen from the above scheme, the first control sub-interface is displayed through a preset triggering manner, when it is detected that the first control sub-interface is clicked, the second control sub-interface containing the first sub-region is generated, so as to facilitate the user to operate the first sub-region to change the display content of the display interface. This kind of interactive control manner can efficiently control the display content of the interface, and provides great convenience for user operation.

[0064] Figure 6 Another flowchart of a display control method of an interface provided by an embodiment of the present application is given, which shows a method of displaying identification information when a second control sub-interface is generated. As shown in Figure 6 The technical scheme is as follows:

[0065] Step S301, when a second operation is detected, displaying a first control sub-interface in a display interface, the first control sub-interface being displayed in a first preset position in the display interface with a first preset size.

[0066] Step S302, receiving a third operation on the first control sub-interface, generating a second control sub-interface, the second control sub-interface comprising an identification area, displayed in a second preset position in the display interface with a second preset size.

[0067] The identification area is used to represent the identification of the current display content of the display interface, and the identification of the display content is used to describe the display content. The third operation can be a click operation on the first control sub-interface. Taking the display content as a list, the list displays the list information in alphabetical order, for example, the identification area is used to display the first letter to represent the first letter corresponding to the list information displayed by the display interface. As shown in Figure 7 Figure 7 A schematic diagram of a second control sub-interface provided by an embodiment of the application. The second control sub-interface 3021 is taken as an example of a circular shape, which comprises an identification area 3022 and a circular ring area 3024. The identification area 3022 can be a circular area inside the second control sub-interface 3021, and the generated circular ring area is 3024. The circular ring area 3024 contains a first sub-area 3023, wherein the display parameter of the first sub-area is the proportion of the area of the first sub-area to the total area of the circular ring, Figure 7 As shown in the first sub-area 3023 occupies 25% of the circular ring area 3024. The second preset size is the size of the area formed by the shape of the second display interface, which is the size of the circular area of the second control sub-interface 3021, that is, the sum of the area size of the identification area 3022 and the area size of the circular ring area 3024.

[0068] Step S303, determining the first identification information corresponding to the first display content, and displaying the first identification information in the identification area.

[0069] The first identification information can be the first letter of the corresponding display information in the first display content. Taking the display of the application program list as an example, the application program first letter is displayed in the list from top to bottom. Assuming that the first letter of the application program displayed in the current interface is c, the corresponding first identification information obtained is c, and the letter c is displayed in the identification area, as shown in Figure 7

[0070] Step S304, displaying a first sub-area in the control sub-interface, and the display parameter of the first sub-area is determined according to the first proportion value of the display content corresponding to the display interface and the total display content.

[0071] Step S305, receiving a first operation on the first sub-area, determining the second display content in the total display content according to the display parameter of the first sub-area after the first operation, and displaying the second display content. ​​

[0072] From the above scheme, by displaying the identification area in the control sub-interface to display the identification information for representing the attribute of the display content of the current display interface, the user can determine the display content, the display content control efficiency is further improved, and the user can locate the information of the display requirement in a short time and with less operations.

[0073] Figure 8 The flowchart of another display control method of an interface provided by the embodiment of the present application gives a specific method of changing and displaying the second display content according to the first operation. As shown in Figure 8 The technical scheme is as follows:

[0074] Step S401, displaying a control sub-interface in a display interface, the display interface corresponding to a first display content, the first display content being a part of a total display content displayed in the display interface.

[0075] Step S402, displaying a first sub-area in the control sub-interface, the display parameter of the first sub-area being determined according to a first proportion value of the display content corresponding to the display interface and the total display content.

[0076] Step S403, receiving a first operation on the first sub-area, determining a second proportion value of the first sub-area and the control sub-interface according to the first operation, and determining and displaying a second display content according to the second proportion value and the total display content.

[0077] In one embodiment, the first operation is performed to adjust the display parameter of the first sub-area, such as changing the display area of the first sub-area by dragging. The specific dragging method can be that the user clicks any position in the first sub-area and drags along the position direction of the non-first sub-area in the control sub-interface, or clicks the boundary line of the displayed first sub-area and drags. Figure 9 As shown in Figure 9 A schematic diagram of performing the first operation on the first sub-area is provided in the embodiment of the present application. At present, the first sub-area 4031 occupies 25% of the size of the control sub-interface 4032, at this time, the user can perform the dragging operation along the arrow direction to increase or decrease the area of the first sub-area 4031.

[0078] In one embodiment, when the first operation ends, the display content of the display interface is switched when the first operation meets the interface jump condition. For example, it is detected that the user's finger is not on the touch display screen, or the touch position of the user's finger is no longer changed within the preset time (such as 3 seconds), it is determined that the first operation ends and meets the interface jump condition. At this time, the second proportion value is determined according to the size of the first sub-area after the first operation ends and the size of the control sub-interface, such asFigure 10 As shown, Figure 10 A schematic diagram of a first sub-region after a first operation is provided for an embodiment of the present application. At this time, the first sub-region 4033 accounts for 50% of the size of the control sub-interface 4034, i.e., the second proportion value is determined to be 50%.

[0079] In one embodiment, when the second proportion value is determined, the display content of the display interface is changed accordingly according to the second proportion value. The second proportion value is used to represent the relationship between the second display content currently required to be displayed and the total display content. Taking the total display content as a list as an example, when the second proportion value is determined to be 50%, the second display content required to be displayed is the list content corresponding to the position of one half of the total list. At this time, the list content required to be displayed in the total list is acquired and displayed in the display interface. For example, Figure 11 As shown, Figure 11 A schematic diagram of display content is provided for an embodiment of the present application. Taking the display screen displayable content including two list contents as an example, the total list content is 10 items. The total display content includes 10 items of list content 1 to list content 10. The first display content, i.e., the display interface content before adjustment, displays list content 1 and list content 2, and the corresponding first proportion value is 20%. After the first operation on the first sub-region, the determined second proportion value is 50%, and accordingly, the second display content corresponds to list content 4 and list content 5. Of course, the present example is simplified for convenience of explanation, and the actual operation process can have 50, 100, or 200 total list items.

[0080] In one embodiment, when the second display content is determined according to the second proportion value and the total display content, the second identification information corresponding to the second display content is also determined, and the second identification information is displayed in the control sub-interface. The process of determining the second identification according to the second display content and displaying the second identification in the control sub-interface is described above and will not be repeated here. By displaying the second identification, the user can conveniently view the relevant information of the second display content currently required to be displayed, thereby improving the interactive control efficiency.

[0081] As can be seen from the above solution, by displaying the control sub-interface containing the first sub-region in the display interface, the proportion value of the first sub-region and the control sub-interface reflects the proportional relationship between the display content and the total display content in the display interface, and then the first operation is used to adjust the first sub-region to conveniently control the display content of the display interface, thereby significantly improving the human-computer interaction efficiency and enhancing the user experience.

[0082] In another embodiment, the first operation is a drag operation, and the display content of the display interface can be changed in real time as the drag operation is performed. The timing of the display content and the first operation is not limited.

[0083] Figure 12 A structural block diagram of a display control device of an interface according to an embodiment of the present application is provided. The device is used to perform the display control method of the interface according to the above embodiment, and has the function modules and beneficial effects corresponding to the execution method. As shown in the figure, the device specifically includes a sub-interface display unit 101, a sub-region display unit 102, and a content processing unit 103, wherein Figure 12

[0084] The sub-interface display unit 101 is configured to display a control sub-interface in a display interface. The display interface corresponds to first display content, and the first display content is a part of total display content displayed in the display interface.

[0085] The sub-region display unit 102 is configured to display a first sub-region in the control sub-interface. The display parameter of the first sub-region is determined according to a first proportion value of the display content corresponding to the display interface and the total display content.

[0086] The content processing unit 103 is configured to receive a first operation on the first sub-region, determine second display content in the total display content according to the display parameter of the first sub-region after the first operation, and display the second display content.

[0087] According to the above scheme, the control sub-interface is displayed in the display interface, the display interface displays the first display content, the first display content is a part of the total display content displayed in the display interface, the first sub-region is displayed in the control sub-interface, the display parameter of the first sub-region is determined according to the first proportion value of the first display content and the total display content, the first operation on the first sub-region is received, and the second display content in the total display content is determined and displayed according to the first operation. The display control method of the interface provided in the present scheme can conveniently determine and display the display content, reduce the operation steps of the user, significantly improve the interaction efficiency, optimize the human-computer interaction mode, and improve the user experience.

[0088] In one possible embodiment, the sub-interface display unit is specifically configured to:

[0089] When the second operation is detected, the first control sub-interface is displayed in the display interface. The first control sub-interface is displayed at a first preset position in the display interface with a first preset size.

[0090] ​receive a third operation on the first control sub-interface, generate a second control sub-interface, and display the second control sub-interface at a second preset position in the display interface with a second preset size.

[0091] In one possible implementation, the sub-region display unit 102 is specifically configured to:

[0092] determine a first proportion value according to a proportion of the first display content in the total display content;

[0093] determine a size of the first sub-region according to the first proportion value and the second preset size.

[0094] In one possible implementation, the sub-interface display unit 101 is specifically configured to:

[0095] determine first identification information corresponding to the first display content;

[0096] display the first identification information in the identification region.

[0097] In one possible implementation, the second control sub-interface has a circular shape, and includes the identification region and a control region, the control region has a circular ring shape, the identification region is a circular region inside the control region, and the second preset size is a sum of a size of the control region and a size of the identification region.

[0098] In one possible implementation, the content processing unit 103 is specifically configured to:

[0099] determine a second proportion value of the first sub-region and the control sub-interface according to the first operation;

[0100] determine second display content according to the second proportion value and the total display content.

[0101] In one possible implementation, the sub-region display unit 102 is specifically configured to:

[0102] change the size of the first sub-region according to the first operation, and determine a second proportion value according to a size of the first sub-region in the control sub-interface after the first operation ends.

[0103] In one possible implementation, the content processing unit 103 is further configured to:

[0104] determine second identification information corresponding to the second display content when determining the second display content according to the second proportion value and the total display content;

[0105] display the second identification information in the control sub-interface.

[0106] In a possible embodiment, the content processing unit 103 is specifically configured to:

[0107] determine second display content in the total display content according to the display parameter of the first sub-region after the first operation;

[0108] when the first operation satisfies the interface jump condition, switching the display content of the display interface, and displaying the second display content on the display interface.

[0109] In a possible embodiment, the first display content is a first list, the total display content is a total list, and the first proportion value of the first display content and the total display content includes a proportion value of a length from a top of the list to the first list position to a length of the total list.

[0110] Figure 13 A structural schematic diagram of an interface display control device provided by an embodiment of the present application is shown in FIG. 1. The device includes a processor 201, a memory 202, an input device 203, and an output device 204. The number of processors 201 in the device can be one or more, and one processor 201 is taken as an example in the embodiment. The processor 201, the memory 202, the input device 203, and the output device 204 in the device can be connected through a bus or other means, and the connection through the bus is taken as an example in the embodiment. The memory 202 is a computer readable storage medium, which can be used to store software programs, computer executable programs, and modules, such as program instructions / modules of the interface display control method in the embodiment of the present application. The processor 201 performs various function applications and data processing of the device by running the software programs, instructions, and modules stored in the memory 202, that is, implements the interface display control method described above. The input device 203 can be used to receive input digital or character information, and generate key signal input related to user settings and function control of the device. The output device 204 can include a display screen and other display devices. Figure 13 Figure 13 Figure 13 The memory 202 is a computer readable storage medium, which can be used to store software programs, computer executable programs, and modules, such as program instructions / modules of the interface display control method in the embodiment of the present application. The processor 201 performs various function applications and data processing of the device by running the software programs, instructions, and modules stored in the memory 202, that is, implements the interface display control method described above. The input device 203 can be used to receive input digital or character information, and generate key signal input related to user settings and function control of the device. The output device 204 can include a display screen and other display devices.

[0111] An embodiment of the present application further provides a storage medium containing computer executable instructions, which are used to execute an interface display control method when executed by a computer processor. The method includes:

[0112] displaying a control sub-interface in a display interface, the display interface corresponding to first display content, the first display content being part of total display content displayed in the display interface;

[0113] ​​The first sub-region is displayed in the control sub-interface, and a display parameter of the first sub-region is determined according to a first proportion value of display content corresponding to the display interface and the total display content;

[0114] A first operation on the first sub-region is received, and second display content in the total display content is determined and displayed according to the display parameter of the first sub-region after the first operation.

[0115] It is worth noting that in the embodiments of the display control device of the above interface, each unit and module included is only divided according to the function logic, but is not limited to the above division, as long as the corresponding function can be realized; in addition, the specific name of each functional unit is only for convenient mutual distinction, and is not used to limit the protection scope of the embodiments of the present application.

[0116] Note that the above is only the preferred embodiment of the present application and the technical principle applied. Those skilled in the art will understand that the embodiments of the present application are not limited to the specific embodiments described herein, and those skilled in the art can make various obvious changes, readjustments and substitutions without departing from the scope of the embodiments of the present application. Therefore, although the embodiments of the present application have been described in more detail through the above embodiments, the embodiments of the present application are not limited to the above embodiments, and can include more other equivalent embodiments without departing from the concept of the embodiments of the present application, and the scope of the embodiments of the present application is determined by the scope of the appended claims.

Claims

1. A display control method of an interface, characterized by, The method comprises the following steps: displaying a control sub-interface in a display interface, the display interface corresponding to first display content, the first display content being a part of total display content displayed in the display interface; displaying a first sub-region in the control sub-interface, a display parameter of the first sub-region being determined according to a first proportion value of the display content corresponding to the display interface and the total display content; receiving a first operation on the first sub-region, changing the size of the first sub-region according to the first operation, determining a second proportion value according to the size of the first sub-region after the first operation is ended and the size of the control sub-interface, determining and displaying second display content according to the second proportion value and the total display content.

2. The display control method of an interface according to claim 1, characterized by, The method of displaying a control sub-interface in a display interface comprises the following steps: when a second operation is detected, displaying a first control sub-interface in the display interface, the first control sub-interface being displayed at a first preset position in the display interface with a first preset size; receiving a third operation on the first control sub-interface, generating a second control sub-interface, and displaying the second control sub-interface at a second preset position in the display interface with a second preset size.

3. The display control method of an interface according to claim 2, wherein The method of displaying a first sub-region in the control sub-interface comprises the following steps: determining a first proportion value according to the proportion of the first display content in the total display content; determining the size of the first sub-region according to the first proportion value and the second preset size.

4. The display control method of an interface according to claim 2, characterized by, The second control sub-interface comprises an identification region, and when the second control sub-interface is generated, the method further comprises the following steps: determining first identification information corresponding to the first display content; displaying the first identification information in the identification region.

5. The display control method of an interface according to claim 4, characterized by, The display shape of the second control sub-interface is a circular shape, the second control sub-interface comprises the identification region and a control region, the display shape of the control region is a circular ring shape, the identification region is a circular shaped region located inside the control region, and the second preset size is the sum of the size of the control region and the size of the identification region.

6. The display control method of an interface according to Claim 1, wherein When the second display content is determined according to the second proportion value and the total display content, the method further comprises the following steps: determining second identification information corresponding to the second display content; displaying the second identification information in the control sub-interface.

7. The display control method of an interface according to any one of claims 1 to 6, characterized by, The method of determining the second display content in the total display content according to the display parameter of the first sub-region after the first operation and displaying the second display content comprises the following steps: determining the second display content in the total display content according to the display parameter of the first sub-region after the first operation; when the first operation meets an interface jump condition, switching the display content of the display interface and displaying the second display content in the display interface.

8. The display control method of an interface according to any one of claims 1 to 6, characterized by, The first display content is a first list, the total display content is a total list, and the first proportion value of the first display content and the total display content comprises a proportion value of the length from the top of the list to the position of the first list and the length of the total list.

9. The display control device of an interface, characterized by, The method comprises the following steps: a sub-interface display unit is configured to display a control sub-interface in a display interface, the display interface corresponding to first display content, the first display content being a part of total display content displayed in the display interface; A sub-region display unit is configured to display a first sub-region in the control sub-interface, and a display parameter of the first sub-region is determined according to a first proportion value of display content corresponding to the display interface and the total display content. A content processing unit is configured to receive a first operation on the first sub-region, change a size of the first sub-region according to the first operation, determine a second proportion value according to a size of the first sub-region after the first operation is completed and a size of the control sub-interface, determine second display content according to the second proportion value and the total display content, and display the second display content.

10. A display control device for an interface, the device comprising: One or more processors; A storage device is configured to store one or more programs, and when the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the display control method of the interface according to any one of claims 1-8.

11. A storage medium storing computer-executable instructions for performing the display control method of the interface according to any one of claims 1-8 when executed by a computer processor.

Images