CN113609419B - Information display method, information display device, electronic equipment and computer readable medium - Google Patents
Information display method, information display device, electronic equipment and computer readable medium Download PDFInfo
- Publication number
- CN113609419B CN113609419B CN202110890287.XA CN202110890287A CN113609419B CN 113609419 B CN113609419 B CN 113609419B CN 202110890287 A CN202110890287 A CN 202110890287A CN 113609419 B CN113609419 B CN 113609419B
- Authority
- CN
- China
- Prior art keywords
- function
- display
- information
- display area
- depth
- 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 55
- 230000004044 response Effects 0.000 claims abstract description 27
- 238000004590 computer program Methods 0.000 claims description 9
- 238000001514 detection method Methods 0.000 claims description 3
- 230000006870 function Effects 0.000 description 363
- 238000010586 diagram Methods 0.000 description 9
- 230000000694 effects Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001186 cumulative effect Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
Abstract
Embodiments of the present disclosure disclose information display methods, apparatuses, electronic devices, and computer-readable media. One embodiment of the method comprises the following steps: in response to detecting a first operation acting on the function level card display area in a preset direction, switching the currently displayed function level card in the function level card display area to be displayed as a function level card of the next level; dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or maintaining the fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level. According to the embodiment, the continuity of the browsing function information of the user is improved, time is saved, and the user experience is improved.
Description
Technical Field
Embodiments of the present disclosure relate to the field of computer technology, and in particular, to an information display method, an apparatus, an electronic device, and a computer readable medium.
Background
Information presentation is a method of presenting functional information related to a user's level. Currently, when displaying functional information, the following methods are generally adopted: only partial function information related to the user grade is displayed, and the user needs to click to jump to a specific page to browse all the function information related to the user grade.
However, when the functional information is displayed in the above manner, there are often the following technical problems:
only displaying user grade information and partial function information related to the user grade in one page, clicking and jumping to a specific page when a user views all the function information, and making it difficult to transmit more information for the user in the same page; meanwhile, due to the influence of factors such as network signals, a certain time is needed to be consumed when the user jumps to a specific page, so that continuity of browsing function information of the user is poor, user time is wasted, and user experience is reduced.
Disclosure of Invention
The disclosure is in part intended to introduce concepts in a simplified form that are further described below in the detailed description. The disclosure is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.
Some embodiments of the present disclosure propose information display methods, apparatuses, electronic devices, and computer-readable media to solve the technical problems mentioned in the background section above.
In a first aspect, some embodiments of the present disclosure provide an information display method applied to a target page of an application program of a mobile terminal, the target page being used for displaying a function level card display area and a function information display area, the function level card display area being used for displaying a function level card, the function information display area being used for displaying function icon information corresponding to the function level card, the function information display area being configured with a display depth, the method comprising: in response to detecting a first operation along a preset direction acting on the function level card display area, switching the currently displayed function level card in the function level card display area to be displayed as a function level card of a next level; dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or maintaining the fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level.
In a second aspect, some embodiments of the present disclosure provide an information display apparatus applied to a target page of an application program of a mobile terminal, the target page being used to display a function level card display area for displaying a function level card and a function information display area for displaying function icon information corresponding to the function level card, the function information display area being configured with a display depth, the apparatus comprising: a switching display unit configured to switch and display a currently displayed function level card in the function level card display area as a function level card of a next level in response to detection of a first operation in a preset direction acting on the function level card display area; and an update display unit configured to dynamically adjust a display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or to maintain a fixed display depth of the function information display area and dynamically adjust a depth of the function icon information displayed in the function information display area according to a target display style and the number of the function icon information displayed in the target display style to update and display each function icon information corresponding to the function level card of the next level.
In a third aspect, some embodiments of the present disclosure provide an electronic device comprising: one or more processors; a storage device having one or more programs stored thereon, which when executed by one or more processors causes the one or more processors to implement the method described in any of the implementations of the first aspect above.
In a fourth aspect, some embodiments of the present disclosure provide a computer readable medium having a computer program stored thereon, wherein the program, when executed by a processor, implements the method described in any of the implementations of the first aspect above.
The above embodiments of the present disclosure have the following advantageous effects: according to the information display method of some embodiments of the present disclosure, a user does not need to click to jump to a specific page, and can browse part of function information or all of the function information as required, so that continuity of browsing the function information by the user is improved, time of the user is saved, and user experience is improved. In particular, the reason why the related information presentation method consumes excessive time and has poor consistency is that: only displaying user grade information and partial function information related to the user grade in the same page, and clicking and skipping to a specific page when a user views all the function information; meanwhile, due to factors such as network signals, a certain time is often required to be consumed when a specific page is jumped. In order to solve the above problems and achieve the above effects, the information display method of some embodiments of the present disclosure may first switch a currently displayed function level card in the function level card display area to be displayed as a function level card of a next level in response to detecting a first operation in a preset direction acting on the function level card display area. Therefore, the function information corresponding to the function grade card can be displayed in the function information display page in real time. And then, dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or keeping the fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level. Therefore, the function information can be flexibly displayed in the function information display page, and the user does not need to jump to a specific page to browse all the function information. Furthermore, the continuity of the browsing function information of the user is improved, the time of the user is saved, and the user experience is improved.
Drawings
The above and other features, advantages, and aspects of embodiments of the present disclosure will become more apparent by reference to the following detailed description when taken in conjunction with the accompanying drawings. The same or similar reference numbers will be used throughout the drawings to refer to the same or like elements. It should be understood that the figures are schematic and that elements and components are not necessarily drawn to scale.
Fig. 1 is a schematic diagram of an application scenario of an information presentation method of some embodiments of the present disclosure;
FIG. 2 is a flow chart of some embodiments of an information presentation method according to the present disclosure;
FIG. 3 is a flow chart of other embodiments of information presentation methods according to the present disclosure;
4-5 are various schematic diagrams of one application scenario of the information presentation method according to the present disclosure;
FIG. 6 is a schematic structural view of some embodiments of the information presentation apparatus of the present disclosure;
fig. 7 is a schematic structural diagram of an electronic device suitable for use in implementing some embodiments of the present disclosure.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.
It should be noted that, for convenience of description, only the portions related to the present invention are shown in the drawings. Embodiments of the present disclosure and features of embodiments may be combined with each other without conflict.
It should be noted that the terms "first," "second," and the like in this disclosure are merely used to distinguish between different devices, modules, or units and are not used to define an order or interdependence of functions performed by the devices, modules, or units.
It should be noted that references to "one", "a plurality" and "a plurality" in this disclosure are intended to be illustrative rather than limiting, and those of ordinary skill in the art will appreciate that "one or more" is intended to be understood as "one or more" unless the context clearly indicates otherwise.
The names of messages or information interacted between the various devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.
The present disclosure will be described in detail below with reference to the accompanying drawings in conjunction with embodiments.
Fig. 1 is a schematic diagram of an application scenario of an information presentation method of some embodiments of the present disclosure.
In the application scenario of fig. 1, first, the computing device 101 may switch the currently displayed function level card 103 in the function level card display area 102 to be displayed as the function level card 104 of the next level in response to detecting the first operation in the preset direction acting on the function level card display area 102. Then, the computing device 101 may dynamically adjust the display depth 106 of the function information display area 105 to update and display the respective function icon information 107 corresponding to the function level card 104 of the next level, or maintain the fixed display depth 108 of the function information display area 105 and dynamically adjust the depth of the function icon information displayed in the function information display area 105 according to the target display style and the number of the function icon information displayed in the target display style to update and display the respective function icon information 107 corresponding to the function level card 104 of the next level.
The computing device 101 may be hardware or software. When the computing device is hardware, the computing device may be implemented as a distributed cluster formed by a plurality of servers or terminal devices, or may be implemented as a single server or a single terminal device. When the computing device is embodied as software, it may be installed in the hardware devices listed above. It may be implemented as a plurality of software or software modules, for example, for providing distributed services, or as a single software or software module. The present invention is not particularly limited herein.
It should be understood that the number of computing devices in fig. 1 is merely illustrative. There may be any number of computing devices, as desired for an implementation.
With continued reference to fig. 2, a flow 200 of some embodiments of the information presentation method according to the present disclosure is shown. The information display method is applied to a target page of an application program of a mobile terminal, wherein the target page is used for displaying a function grade card display area and a function information display area, the function grade card display area is used for displaying a function grade card, the function information display area is used for displaying function icon information corresponding to the function grade card, and the function information display area is configured with display depth and comprises the following steps:
In step 201, in response to detecting a first operation along a preset direction acting on the function level card display area, the currently displayed function level card in the function level card display area is switched to be displayed as the function level card of the next level.
In some embodiments, the executing body of the information presentation method (such as the computing device 101 shown in fig. 1) may switch the currently presented function level card in the function level card presentation area to be presented as the function level card of the next level in response to detecting the first operation in the preset direction acting on the function level card presentation area. The function grade card display area is used for displaying the function grade cards. In practice, the above-mentioned preset direction is not limited. For example, the predetermined direction may be a left-to-right or right-to-left direction. The first operation may be a gesture operation or a sliding operation acting on a touch-sensitive display screen of the computing device, or the like. If the preset direction is from left to right, the level corresponding to the function level card of the next level may be lower than the level corresponding to the currently displayed function level card. If the preset direction is from right to left, the grade corresponding to the function grade card of the next grade may be higher than the grade corresponding to the currently displayed function grade card.
Step 202, dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or maintaining a fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level.
In some embodiments, the executing body may dynamically adjust the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level. The display depth of the functional information display area may be a vertical height of the functional information display area. The display depth of the function information display area can be dynamically adjusted to be the sum of the total height value of the area occupied by each function icon information display corresponding to the function level card of the next level and the preset depth interval value. The predetermined depth interval value may be a distance value between the function icon information displayed in the function information display area and an upper and lower boundary of the function information display area.
Or maintaining the fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area so as to update and display each function icon information corresponding to the function grade card of the next grade. The function information display area can be used for displaying the function icon information corresponding to all the function level cards at the same time. The fixed display depth may be a vertical height of the function information display area when the function icon information corresponding to all the function level cards is displayed at the same time. The target display style may be a display brightness of the function icon information as a target display brightness. The initial display style of each piece of function icon information displayed in the function information display area may be that the display brightness of the function icon information is the initial display brightness. The target display luminance is higher than the initial display luminance. The number of the function icon information displayed according to the target display style may be adjusted to the number of the function icon information corresponding to the function level card of the next level. The depth of the function icon information displayed according to the target display style may be a total height value at the time of displaying the respective function icon information corresponding to the function level card of the next level.
Therefore, the function grade cards displayed in the function grade card display area and the function information displayed in the function information display area can be updated in real time along with the first operation of the user, and the continuity of information display is improved. And through the mode of dynamically adjusting the display style, depth and quantity of the function icon information, the function icon information corresponding to the function level card of the next level is highlighted, and the display effect and the information transmission effect of the function icon information are improved.
In some optional implementations of some embodiments, the function information display area may be configured to display function icon information corresponding to a currently displayed function level card in the function level card display area. The function information display area may display only the function icon information corresponding to the currently displayed function level card. The executing body dynamically adjusts the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, and may include the steps of:
and the first step, carrying out upward rounding processing on the ratio of the number of the function icon information corresponding to the function level card of the next level to the first row threshold value to obtain the target display depth. The first line threshold may be a threshold of the number of function icon information that can be contained in each line when the function information display area dynamically adjusts the display depth of the function information display area. The target display depth may be a number of lines of the function icon information displayed in the function information display area.
As an example, the first row threshold may be 4. When the number of the function icon information corresponding to the function level card of the next level is 5, the ratio of the number of the function icon information corresponding to the function level card of the next level to the first row threshold value is: 5 ≡4=1.25. Rounding up 1.25 gives 2. The target presentation depth may be 2. When the number of the function icon information corresponding to the function level card of the next level is 12, the ratio of the number of the function icon information corresponding to the function level card of the next level to the first row threshold value is: 12 ≡3=4. Rounding up 4 gives 4. The target presentation depth may be 4.
And secondly, adjusting the display depth of the function information display area to be the target display depth, and displaying each piece of function icon information corresponding to the function level card of the next level in the function information display area. The display depth of the function information display area may refer to the number of rows of the function icon information displayed in the function information display area.
Optionally, the display depth of the functional information display area may be the fixed display depth. The function information display area may display, in addition to the function icon information corresponding to the currently displayed function level card, function icon information corresponding to other function level cards. The function icon information displayed in the function information display area may be arranged in the order from left to right and from top to bottom in the function information display area according to the order of the corresponding function level cards from top to bottom.
The executing body may maintain a fixed display depth of the function information display area and dynamically adjust a depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area, so as to update and display each function icon information corresponding to the function level card of the next level, and may include the steps of:
first, determining the number of the function icon information corresponding to the function level card of the next level in the function information display area as a target number.
And secondly, carrying out upward rounding processing on the ratio of the number of the function icon information corresponding to the function level card of the next level in the function information display area to a second row threshold value to obtain sub display depth. The second row threshold is a threshold of the number of function icon information that can be contained in each row when the function information display area dynamically adjusts the depth of the function icon information displayed in the function information display area according to the target display style according to the fixed display depth.
As an example, the second row threshold may be 2. When the number of the function icon information corresponding to the function level card of the next level is 5, the ratio of the number of the function icon information corresponding to the function level card of the next level to the second row threshold value is: 5 ≡2=2.5. Rounding up 2.5 gives 3. The sub-presentation depth may be 3.
And thirdly, displaying the function icon information which accords with the sub-display depth and the target number in the function information display area according to the target display style. The function icon information which accords with the sub-display depth and the target number in the function information display area refers to the target number of function icon information which is counted in a cumulative way from left to right and from top to bottom in the sub-display depth in the function information display area.
The above embodiments of the present disclosure have the following advantageous effects: according to the information display method of some embodiments of the present disclosure, a user does not need to click to jump to a specific page, and can browse part of function information or all of the function information as required, so that continuity of browsing the function information by the user is improved, time of the user is saved, and user experience is improved. In particular, the reason why the related information presentation method consumes excessive time and has poor consistency is that: only displaying user grade information and partial function information related to the user grade in the same page, and clicking and skipping to a specific page when a user views all the function information; meanwhile, due to factors such as network signals, a certain time is often required to be consumed when a specific page is jumped. In order to solve the above problems and achieve the above effects, the information display method of some embodiments of the present disclosure may first switch a currently displayed function level card in the function level card display area to be displayed as a function level card of a next level in response to detecting a first operation in a preset direction acting on the function level card display area. Therefore, the function information corresponding to the function grade card can be displayed in the function information display page in real time. And then, dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or keeping the fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level. Therefore, the function information can be flexibly displayed in the function information display page, and the user does not need to jump to a specific page to browse all the function information. Furthermore, the continuity of the browsing function information of the user is improved, the time of the user is saved, and the user experience is improved.
With further reference to fig. 3, a flow 300 of further embodiments of the information presentation method is shown. The process 300 of the information display method is applied to a target page of an application program of a mobile terminal, wherein the target page is used for displaying a function grade card display area and a function information display area, the function grade card display area is used for displaying a function grade card, the function information display area is used for displaying function icon information corresponding to the function grade card, and the function information display area is configured with display depth, and the method comprises the following steps:
in step 301, in response to detecting a first operation along a preset direction acting on the function level card display area, the currently displayed function level card in the function level card display area is switched to be displayed as the function level card of the next level.
Step 302, dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or maintaining a fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level.
In some embodiments, the specific implementation manner and the technical effects of steps 301 to 302 may refer to steps 201 to 202 in those embodiments corresponding to fig. 2, which are not described herein.
Step 303, in response to the display depth of the function information display area being greater than the preset display depth, adjusting the display depth of the function information display area to the preset display depth, and displaying the expansion control in the function information display area.
In some embodiments, the execution subject of the information presentation method (such as the computing device 101 shown in fig. 1) may adjust the presentation depth of the function information presentation area to the preset presentation depth and present the expansion control in the function information presentation area in response to the presentation depth of the function information presentation area being greater than the preset presentation depth. The function information display area is also used for displaying the expansion control. The display depth of the function information display area may be the number of rows of the function information icons displayed in the function information display area. The expansion control may be used to adjust the display depth of the functional information display area to the preset display depth. In practice, the value of the preset display depth may be set according to an actual application scenario, which is not limited herein. Therefore, when the display depth of the functional information display area is too deep, the functional information display area can be actively folded, and the display expansion control is displayed so that a user can actively click and expand the functional information display area, and therefore user experience is improved.
As an example, referring to fig. 4, the display depth of the function information display area may be 3 rows, and the preset display depth may be 1 row. The display depth 106 of the function information display area 105 may be adjusted to the preset display depth 109 and the expansion control 110 may be displayed in the function information display area 105 in response to the display depth 106 of the function information display area 105 being greater than the preset display depth 109.
And step 304, in response to the display depth of the functional information display area being smaller than the preset display depth, hiding the display expansion control in the functional information display area.
In some embodiments, the executing body may hide and display the expansion control in the function information display area in response to the display depth of the function information display area being smaller than the preset display depth. Therefore, when the display depth of the functional information display area is shallow, the unfolding control is hidden.
In step 305, in response to detecting a selection operation acting on any one of the function icon information displayed in the function information display area, a function information detail popup is displayed in the target page, and the selected function icon information is displayed in the main display bit in the switching slider in the function information detail popup, and the detail information corresponding to the selected function icon information is displayed in the function information detail display area in the function information detail popup.
In some embodiments, the executing body may display, in response to detecting a selection operation acting on any one of the function icon information displayed in the function information display area, a function information detail popup in the target page, and display the selected function icon information in a main display position in a switching slider in the function information detail popup, and display detailed information corresponding to the selected function icon information in a function information detail display area in the function information detail popup.
As an example, referring to fig. 5, in response to detecting a selection operation acting on any one of the function icon information displayed in the function information display area 105, a function information detail popup 112 may be displayed in the target page 111, and a main display position 114 in a switch slider 113 in the function information detail popup 112 may display selected function icon information 115, and a function information detail display area 116 in the function information detail popup 112 may display detail information 117 corresponding to the selected function icon information 115.
In step 306, in response to detecting the first operation of the switching slider along the preset direction, the selected function icon information displayed in the main display bit is switched to be displayed as the next function icon information, and at least one function icon information displayed from the display bit is updated and displayed.
In some embodiments, the above-described switch slider is further used to display at least one slave display position. The at least one slave display bit is used for displaying function icon information different from the function icon information currently displayed in the master display bit. The execution body may switch and display the selected function icon information displayed in the main display position as next function icon information in response to detecting a first operation in a preset direction acting on the switch slider, and update and display the at least one function icon information displayed from the display position. In practice, the above-mentioned preset direction is not limited. The next function icon information may be the function icon information shown in the display position.
Step 307, the detail information corresponding to the next function icon information is updated and displayed in the function information detail display area.
In some embodiments, the execution body may update and display the detailed information corresponding to the next function icon information in the function information detailed display area.
As can be seen in fig. 3, the flow 300 of the information presentation method in some embodiments corresponding to fig. 3 embodies the step of presenting the details of the selected functional information in a functional information details popup, as compared to the description of some embodiments corresponding to fig. 2. Therefore, the detailed information of the function information can be displayed in the same page, and the continuity of the browsing function information of the user is further improved.
With further reference to fig. 6, as an implementation of the method shown in the above figures, the present disclosure provides some embodiments of an information presentation apparatus, which apparatus embodiments correspond to those method embodiments shown in fig. 2, and which apparatus is particularly applicable in various electronic devices.
As shown in fig. 6, an information display apparatus 600 of some embodiments is applied to a target page of an application program of a mobile terminal, where the target page is used to display a function level card display area and a function information display area, where the function level card display area is used to display a function level card, where the function information display area is used to display function icon information corresponding to the function level card, and where the function information display area is configured with a display depth, and includes: switching the presentation unit 601 and updating the presentation unit 602. Wherein, the switching display unit 601 is configured to switch and display the currently displayed function level card in the function level card display area as the function level card of the next level in response to detecting the first operation along the preset direction acting on the function level card display area; an update display unit 602 configured to dynamically adjust a display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or to maintain a fixed display depth of the function information display area and dynamically adjust a depth of the function icon information displayed in the function information display area according to a target display style and the number of the function icon information displayed in the target display style to update and display each function icon information corresponding to the function level card of the next level.
It will be appreciated that the elements described in the apparatus 600 correspond to the various steps in the method described with reference to fig. 2. Thus, the operations, features and resulting benefits described above with respect to the method are equally applicable to the apparatus 600 and the units contained therein, and are not described in detail herein.
Referring now to fig. 7, a schematic diagram of an electronic device 700 suitable for use in implementing some embodiments of the present disclosure is shown. The electronic device shown in fig. 7 is only one example and should not impose any limitations on the functionality and scope of use of embodiments of the present disclosure.
As shown in fig. 7, the electronic device 700 may include a processing means (e.g., a central processor, a graphics processor, etc.) 701, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 702 or a program loaded from a storage means 708 into a Random Access Memory (RAM) 703. In the RAM 703, various programs and data required for the operation of the electronic device 700 are also stored. The processing device 701, the ROM 702, and the RAM 703 are connected to each other through a bus 704. An input/output (I/O) interface 705 is also connected to bus 704.
In general, the following devices may be connected to the I/O interface 705: input devices 706 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, and the like; an output device 707 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; and a communication device 709. The communication means 709 may allow the electronic device 700 to communicate wirelessly or by wire with other devices to exchange data. While fig. 7 shows an electronic device 700 having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead. Each block shown in fig. 7 may represent one device or a plurality of devices as needed.
In particular, according to some embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, some embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such embodiments, the computer program may be downloaded and installed from a network via communications device 709, or from storage 708, or from ROM 702. The above-described functions defined in the methods of some embodiments of the present disclosure are performed when the computer program is executed by the processing means 701.
It should be noted that, the computer readable medium described in some embodiments of the present disclosure may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In some embodiments of the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In some embodiments of the present disclosure, however, the computer-readable signal medium may comprise a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.
In some implementations, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText Transfer Protocol ), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the internet (e.g., the internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed networks.
The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device. The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: in response to detecting a first operation along a preset direction acting on the function level card display area, switching the currently displayed function level card in the function level card display area to be displayed as a function level card of a next level; dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or maintaining the fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level.
Computer program code for carrying out operations for some embodiments of the present disclosure may be written in one or more programming languages, including an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).
The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units described in some embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. The described units may also be provided in a processor, for example, described as: a processor includes a switch presentation unit and an update presentation unit. The names of these units do not constitute a limitation on the unit itself in some cases, and for example, the switching display unit may also be described as a "function level card switching display unit".
The functions described above herein may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.
Claims (10)
1. An information display method applied to a target page of an application program of a mobile terminal, the target page being used for displaying a function level card display area and a function information display area, the function level card display area being used for displaying a function level card, the function information display area being used for displaying function icon information corresponding to the function level card, the function information display area being configured with a display depth, comprising:
In response to detecting a first operation acting on the function level card display area in a preset direction, switching the currently displayed function level card in the function level card display area to be displayed as a function level card of a next level;
dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level, or maintaining the fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level.
2. The method of claim 1, wherein the function information display area is configured to display function icon information corresponding to a currently displayed function level card in the function level card display area; and
the dynamically adjusting the display depth of the function information display area to update and display each function icon information corresponding to the function level card of the next level includes:
Performing upward rounding processing on the ratio of the number of the function icon information corresponding to the function level card of the next level to a first line threshold value to obtain a target display depth, wherein the first line threshold value is a threshold value of the number of the function icon information which can be contained in each line when the function information display area dynamically adjusts the display depth of the function information display area;
and adjusting the display depth of the function information display area to be the target display depth, and displaying each piece of function icon information corresponding to the function level card of the next level in the function information display area.
3. The method of claim 1, wherein the presentation depth of the functional information presentation area is the fixed presentation depth; and
the method for maintaining the fixed display depth of the function information display area and dynamically adjusting the depth of the function icon information displayed according to the target display style and the number of the function icon information displayed according to the target display style in the function information display area to update and display each function icon information corresponding to the function level card of the next level comprises the following steps:
Determining the number of the function icon information corresponding to the function level card of the next level in the function information display area as a target number;
performing upward rounding processing on the ratio of the number of the function icon information corresponding to the function level card of the next level in the function information display area to a second row threshold value to obtain sub-display depth, wherein the second row threshold value is a threshold value of the number of the function icon information which can be contained in each row when the function information display area dynamically adjusts the depth of the function icon information displayed according to a target display style in the function information display area according to the fixed display depth;
and displaying the function icon information which accords with the sub-display depth and the target number in the function information display area according to the target display style.
4. A method according to any of claims 2-3, wherein the functional information presentation area is further for presenting a deployment control; and
the method further comprises the steps of:
and in response to the display depth of the functional information display area being greater than a preset display depth, adjusting the display depth of the functional information display area to the preset display depth, and displaying the expansion control in the functional information display area.
5. The method of claim 4, wherein the method further comprises:
and in response to the display depth of the functional information display area being smaller than the preset display depth, hiding and displaying the unfolding control in the functional information display area.
6. The method of claim 1, wherein the method further comprises:
and in response to detection of selection operation acting on any piece of function icon information displayed in the function information display area, displaying a function information detail popup window in the target page, displaying the selected function icon information on a main display bit in a switching slider in the function information detail popup window, and displaying detailed information corresponding to the selected function icon information in a function information detail display area in the function information detail popup window.
7. The method of claim 1, wherein the switch slider is further for displaying at least one slave display bit for displaying function icon information different from function icon information currently displayed in the master display bit; and
the method further comprises the steps of:
in response to detecting a first operation acting on the switching slider in a preset direction, switching the selected function icon information displayed in the main display position to be displayed as next function icon information, and updating and displaying the at least one function icon information displayed from the display position;
And updating and displaying the detail information corresponding to the next function icon information in the function information detail display area.
8. An information display device applied to a target page of an application program of a mobile terminal, the target page being used for displaying a function level card display area and a function information display area, the function level card display area being used for displaying a function level card, the function information display area being used for displaying function icon information corresponding to the function level card, the device comprising:
a switching display unit configured to switch a currently displayed function level card in the function level card display area to be displayed as a function level card of a next level in response to detection of a first operation in a preset direction acting on the function level card display area;
and the updating display unit is configured to dynamically adjust the display depth of the function information display area to update and display each piece of function icon information corresponding to the function level card of the next level, or keep the fixed display depth of the function information display area and dynamically adjust the depth of the function icon information displayed according to a target display style and the number of the function icon information displayed according to the target display style in the function information display area so as to update and display each piece of function icon information corresponding to the function level card of the next level.
9. An electronic device, comprising:
one or more processors;
a storage device having one or more programs stored thereon,
when executed by the one or more processors, causes the one or more processors to implement the method of any of claims 1-7.
10. A computer readable medium having stored thereon a computer program, wherein the program when executed by a processor implements the method of any of claims 1-7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110890287.XA CN113609419B (en) | 2021-08-04 | 2021-08-04 | Information display method, information display device, electronic equipment and computer readable medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110890287.XA CN113609419B (en) | 2021-08-04 | 2021-08-04 | Information display method, information display device, electronic equipment and computer readable medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113609419A CN113609419A (en) | 2021-11-05 |
| CN113609419B true CN113609419B (en) | 2024-02-23 |
Family
ID=78306747
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110890287.XA Active CN113609419B (en) | 2021-08-04 | 2021-08-04 | Information display method, information display device, electronic equipment and computer readable medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113609419B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114625469B (en) * | 2022-03-23 | 2024-03-15 | 抖音视界有限公司 | Information display method, device, equipment and medium based on virtual resource |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111610852A (en) * | 2019-02-26 | 2020-09-01 | 北京海益同展信息科技有限公司 | Information display method and device and storage medium |
| CN112433654A (en) * | 2020-12-02 | 2021-03-02 | 五八同城信息技术有限公司 | Page display method and device, electronic equipment and computer readable medium |
| CN112612757A (en) * | 2020-12-24 | 2021-04-06 | 百度在线网络技术（北京）有限公司 | Application display method, device, equipment, storage medium and program product |
| WO2021093688A1 (en) * | 2019-11-13 | 2021-05-20 | 北京字节跳动网络技术有限公司 | Target object display method and apparatus, electronic device, and computer-readable medium |
| CN113191726A (en) * | 2021-04-22 | 2021-07-30 | 五八有限公司 | Task detail interface display method, device, equipment and computer readable medium |
-
2021
- 2021-08-04 CN CN202110890287.XA patent/CN113609419B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111610852A (en) * | 2019-02-26 | 2020-09-01 | 北京海益同展信息科技有限公司 | Information display method and device and storage medium |
| WO2021093688A1 (en) * | 2019-11-13 | 2021-05-20 | 北京字节跳动网络技术有限公司 | Target object display method and apparatus, electronic device, and computer-readable medium |
| CN112433654A (en) * | 2020-12-02 | 2021-03-02 | 五八同城信息技术有限公司 | Page display method and device, electronic equipment and computer readable medium |
| CN112612757A (en) * | 2020-12-24 | 2021-04-06 | 百度在线网络技术（北京）有限公司 | Application display method, device, equipment, storage medium and program product |
| CN113191726A (en) * | 2021-04-22 | 2021-07-30 | 五八有限公司 | Task detail interface display method, device, equipment and computer readable medium |
Non-Patent Citations (1)
| Title |
|---|
| 三维模型展示与标注系统的设计与实现;王乐乐;吴子朝;;电脑迷;20180802(第08期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113609419A (en) | 2021-11-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN113938456B (en) | Session message overhead processing method and device | |
| WO2022156368A1 (en) | Recommended information display method and apparatus | |
| CN111931472B (en) | Page table rendering method and device, electronic equipment and computer readable medium | |
| CN111291244B (en) | House source information display method, device, terminal and storage medium | |
| CN109857486A (en) | A kind of processing method, device, equipment and the medium of program page data | |
| CN111339418B (en) | Page display method, page display device, electronic equipment and computer readable medium | |
| JP7402330B2 (en) | Target object display method, device, electronic device, and computer readable medium | |
| CN109522082A (en) | Interface jump method, device, electronic equipment and the medium of application software | |
| CN113609419B (en) | Information display method, information display device, electronic equipment and computer readable medium | |
| CN111273830A (en) | Data display method and device, electronic equipment and computer readable medium | |
| CN111008047A (en) | Page element conflict processing method and device and electronic equipment | |
| CN113238688B (en) | Form display method, device, equipment and medium | |
| CN109976857B (en) | Display control method and device of terminal interface, storage medium and electronic equipment | |
| US20220245196A1 (en) | Information displaying method and apparatus, and storage medium | |
| CN110308836B (en) | Data processing method, device, terminal and storage medium | |
| CN111399954A (en) | Interface interaction method and device, storage medium and electronic equipment | |
| CN112672182B (en) | Live broadcast interface display method, device, electronic equipment and computer readable medium | |
| CN110262718A (en) | Input method window setting method, device, mobile terminal, storage medium | |
| CN114090938A (en) | Page processing method and equipment | |
| CN114327732B (en) | Page configuration method, page configuration device, electronic equipment and computer readable medium | |
| CN111274513B (en) | Window display method, device, terminal and storage medium | |
| CN111290812B (en) | Display method, device, terminal and storage medium of application control | |
| CN110244895A (en) | Control method, apparatus, the mobile terminal, storage medium of input method banner position | |
| CN110704782A (en) | Page response method and device, electronic equipment and storage medium | |
| CN111783390B (en) | Dimension label adjusting method and device and electronic equipment |
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 |