CN114398121B - View display method and device, electronic equipment and storage medium - Google Patents
View display method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN114398121B CN114398121B CN202111574382.5A CN202111574382A CN114398121B CN 114398121 B CN114398121 B CN 114398121B CN 202111574382 A CN202111574382 A CN 202111574382A CN 114398121 B CN114398121 B CN 114398121B
- Authority
- CN
- China
- Prior art keywords
- list
- index
- control
- size
- content
- 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 65
- 230000008859 change Effects 0.000 claims abstract description 27
- 230000009467 reduction Effects 0.000 claims description 45
- 238000012545 processing Methods 0.000 claims description 23
- 230000006399 behavior Effects 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 10
- 230000001419 dependent effect Effects 0.000 claims description 9
- 230000000694 effects Effects 0.000 description 11
- 230000006870 function Effects 0.000 description 8
- 230000008569 process Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 5
- 230000008878 coupling Effects 0.000 description 4
- 238000010168 coupling process Methods 0.000 description 4
- 238000005859 coupling reaction Methods 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 238000004364 calculation method Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000000007 visual effect Effects 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000001914 filtration Methods 0.000 description 2
- 230000010365 information processing Effects 0.000 description 2
- 238000003672 processing method Methods 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000002159 abnormal effect Effects 0.000 description 1
- 230000002776 aggregation Effects 0.000 description 1
- 238000004220 aggregation Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004422 calculation algorithm Methods 0.000 description 1
- 238000012512 characterization method Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- 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/901—Indexing; Data structures therefor; Storage structures
-
- 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/904—Browsing; Visualisation therefor
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application provides a view display method, a device, electronic equipment and a storage medium, which are applied to the technical field of computers, wherein the method comprises the following steps: displaying a navigation interface, wherein the navigation interface at least comprises: the system comprises a list control and a navigation control, wherein the navigation control at least comprises: list column and index column. Responding to the receiving of the selection input of the target list item in the list column, adjusting the layout sizes of the navigation control and the list control in the navigation interface according to the view size of the list content corresponding to the target list item, and displaying the list content in the list control after the layout size is adjusted; and when the layout size of the list control is changed, adjusting the index content in the index column according to the size change amount of the list control, wherein the adjusted index content is completely displayed in the index column. The method and the device can enable index content to be displayed completely when the layout sizes of the navigation control and the list control are changed.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and apparatus for displaying views, an electronic device, and a storage medium.
Background
With the development of network technology, more and more applications start to provide navigation services, and users need to select destination addresses in a navigation service interface if they want to acquire needed navigation information in time, so as to acquire various navigation information based on the current location and destination.
The selection process of the destination address requires the user to select from the address list by himself, the contents of the list can be adapted to the input of the user to switch, and the displayed list is also provided with an index bar corresponding to the contents of the list for the user to browse, however, because the size of the index bar in the related art is generally fixed in design and is placed together with the list, the index bar cannot be completely displayed due to the fixed size when the size of the list changes, so that the user cannot view part of the index contents.
Disclosure of Invention
The embodiment of the application provides a view display method, a device, an electronic device and a computer readable storage medium, which aim to solve the technical problem that index contents cannot be completely displayed due to size fixation of an index column when the size of a list is changed due to the size fixation of the index column in the related art as far as possible, so that a user cannot view part of the index contents.
The embodiment of the application provides a view display method, which comprises the following steps:
displaying a navigation interface, wherein the navigation interface at least comprises: the system comprises a list control and a navigation control, wherein the navigation control at least comprises: list column and index column.
And in response to receiving selection input of the target list item in the list column, adjusting the layout sizes of the navigation control and the list control in the navigation interface according to the view size of the list content corresponding to the target list item, and displaying the list content in the list control with the adjusted layout size.
And when the layout size of the list control is changed, adjusting the index content in the index column according to the size change amount of the list control, wherein the adjusted index content is completely displayed in the index column.
Optionally, the adjusting the index content in the index column according to the size variation of the list control includes:
and when the size change amount of the list control is a reduction amount and the reduction amount is larger than a reduction amount threshold, replacing part of index content in the index column with a omission mark.
Optionally, the replacing part of the index content in the index column with the omission mark includes:
and replacing the index content of the target arrangement order in the index column with the omission mark.
Optionally, the replacing part of the index content in the index column with the omission mark includes:
and replacing the index content in the odd order or the even order in the index column with an omission mark.
Optionally, the replacing part of the index content in the index column with the omission mark includes:
and filling index contents in the index column in order of multiples of the target number as an omission mark.
Optionally, the omission is marked as an ellipsis.
Optionally, the adjusting the index content in the index column according to the size variation of the list control includes:
and when the size change amount of the list control is a reduction amount and the reduction amount is smaller than or equal to a reduction amount threshold, reducing the word spacing between the index contents in the index column according to the reduction amount.
Optionally, the adjusting the index content in the index column according to the size variation of the list control includes:
and when the size change amount of the list control is an increase amount, increasing the word spacing between the index contents in the index column according to the increase amount.
Optionally, the adjusting the layout sizes of the navigation control and the list control in the navigation interface according to the view size of the list content corresponding to the target list item includes:
and adjusting the layout size of the list control in the navigation interface according to the view size of the list content corresponding to the target list item.
And when the layout size of the list control is changed, adjusting the layout size of the navigation control in the navigation interface according to the current layout size of the list control.
Optionally, the navigation control includes a behavior plugin, and the dependent object of the behavior plugin is the list control;
when the layout size of the list control is changed, before the layout size of the navigation control in the navigation interface is adjusted according to the current layout size of the list control, the method further comprises:
and acquiring the attribute value of the list control through the behavior plugin in the navigation control.
And calculating the current layout size of the list control according to the attribute value.
Optionally, the attribute value includes at least: offset of list control.
The calculating the current layout size of the list control according to the attribute value comprises the following steps:
and subtracting the offset of the navigated control and the offset of the list control from the initial layout size of the navigated control to obtain the current layout size of the list control.
An embodiment of the present application provides a view display device, including:
a display module configured to display a navigation interface, the navigation interface comprising at least: the system comprises a list control and a navigation control, wherein the navigation control at least comprises: list column and index column.
And the processing module is configured to respond to receiving the selection input of the target list item in the list column, adjust the layout sizes of the navigation control and the list control in the navigation interface according to the view size of the list content corresponding to the target list item, and display the list content in the list control with the adjusted layout size.
And when the layout size of the list control is changed, adjusting the index content in the index column according to the size change amount of the list control, wherein the adjusted index content is completely displayed in the index column.
Optionally, the processing module is further configured to:
and when the size change amount of the list control is a reduction amount and the reduction amount is larger than a reduction amount threshold, replacing part of index content in the index column with a omission mark.
Optionally, the processing module is further configured to:
and replacing the index content of the target arrangement order in the index column with the omission mark.
Optionally, the processing module is further configured to:
and replacing the index content in the odd order or the even order in the index column with an omission mark.
Optionally, the processing module is further configured to:
and filling index contents in the index column in order of multiples of the target number as an omission mark.
Optionally, the omission is marked as an ellipsis.
Optionally, the processing module is further configured to:
and when the size change amount of the list control is a reduction amount and the reduction amount is smaller than or equal to a reduction amount threshold, reducing the word spacing between the index contents in the index column according to the reduction amount.
Optionally, the processing module is further configured to:
and when the size change amount of the list control is an increase amount, increasing the word spacing between the index contents in the index column according to the increase amount.
Optionally, the processing module is further configured to:
and adjusting the layout size of the list control in the navigation interface according to the view size of the list content corresponding to the target list item.
And when the layout size of the list control is changed, adjusting the layout size of the navigation control in the navigation interface according to the current layout size of the list control.
Optionally, the navigation control includes a behavior plugin, and the dependent object of the behavior plugin is the list control;
the processing module is further configured to:
and acquiring the attribute value of the list control through the behavior plugin in the navigation control.
And calculating the current layout size of the list control according to the attribute value.
Optionally, the attribute value includes at least: offset of list control.
The processing module is further configured to:
and subtracting the offset of the navigated control and the offset of the list control from the initial layout size of the navigated control to obtain the current layout size of the list control.
An embodiment of the present application provides an electronic device, including: a processor, a memory and a computer program stored on the memory and executable on the processor, which when executed by the processor, performs the steps of the view display method described above.
Embodiments of the present application provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of a view display method as described in the claims.
According to the view display method, the view display device, the electronic equipment and the computer readable storage medium, the index content in the index bar is adjusted by being suitable for the layout sizes of the list control and the navigation control in the navigation interface, so that the index content can still be displayed completely when the layout sizes of the navigation control and the list control are changed.
Drawings
FIG. 1 schematically illustrates a flow chart of steps of a view display method in an embodiment of the present application;
FIG. 2 schematically illustrates a schematic diagram of a view display method in an embodiment of the present application;
FIG. 3 schematically illustrates a flow chart of steps of another view display method in an embodiment of the present application;
FIG. 4 schematically illustrates one of the effect schematics of a view display method in an embodiment of the present application;
FIG. 5 schematically illustrates a second effect diagram of one view display method in an embodiment of the present application;
FIG. 6 schematically illustrates a third effect diagram of a view display method in an embodiment of the present application;
fig. 7 schematically shows a block diagram of a view display device in an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and fully with reference to the accompanying drawings, in which it is evident that the embodiments described are some, but not all, of the embodiments of the present application. All other embodiments, which can be made by one of ordinary skill in the art based on the embodiments herein without making any inventive effort, are intended to be within the scope of the present application.
Fig. 1 schematically illustrates a step flow chart of a view display method provided in an embodiment of the present application, where an execution subject of the method may be any electronic device, for example, the method may be applied to an application program having functions of information display, information transmission, and data processing, and the method may be performed by a server or a terminal device of the application program, alternatively, the method may be performed by the terminal device, and the method includes:
step 101, displaying a navigation interface, wherein the navigation interface at least comprises: the system comprises a list control and a navigation control, wherein the navigation control at least comprises: list column and index column.
In the embodiment of the application, the navigation interface refers to an application program interface used for inquiring and displaying addresses in an application program and capable of displaying the navigation path of the inquired addresses, wherein list controls and navigation controls exist in the navigation interface. The list control is a functional control for inquiring and displaying the address, can display and inquire the address according to the input of a user, can display the address in a list form, and can scroll up and down to replace the displayed list content according to the operation of the user. The navigation control is a functional control for displaying a map screen of an address in the list control and a navigation path to the address.
For example, referring to fig. 2, where the display area 1 is a list control, the display area 2 is a navigation control, a user may input an address name or an initial letter in a query column in the display area 3 to query, and display the queried address information in the list control, and may select an address name of a hot address such as beijing, shanghai, guangzhou, shenzhen in a list column in a sub-display area 11 in the list control, and may select a function option "my nearby" in a sub-display area 12 in the list control to control the list control to display the address name of the terminal device in the vicinity of the current geographic location, and may select a function option "all cities" to control the list control to display the address name of all cities, and may select a function option "all county" to control the list control to display the address name of all county regions, where the function options in the display area 12 are used to filter the address names displayed in the list control, and the specific filtering mode corresponding to the function may be set according to actual requirements, and is not limited herein. Correspondingly, according to the address name selected by the user in the list control, the map picture corresponding to the address name can be displayed in the navigation control in the display area 2, and the navigation information going to the address can be displayed. It can be found that the display area in the navigation interface is limited, and many address names need to be displayed, so that under the condition that the address names can be clearly displayed in the list control, the address names can not be displayed in the list control, the application can also index the address names displayed in the list control by setting an index field in the sub-display area 13 in the list control in the form of initial letters, so that the address names corresponding to the index items can be displayed in the list control according to the index items selected in the index field by a user, for example, the initial letters A can be selected, the address names with the initial letters A such as 'apdam', 'acksu', 'alare', and the like can be displayed, and of course, only the description is given here by way of example, the index items in the index field can also be set according to the number of characters, the popular degree and the like as dividing basis, and the method is particularly suitable for setting according to practical requirements, and the method is not limited. It can be seen that, since the index content is large, the display area of the index bar is insufficient, and the initial index content M and later in the index bar is missing.
Step 102, in response to receiving a selection input for a target list item in the list column, adjusting the layout sizes of the navigation control and the list control in the navigation interface according to the view size of the list content corresponding to the target list item, and displaying the list content in the list control with the adjusted layout size.
In this embodiment of the present application, the selection input is input in a manner of clicking, sliding, long pressing, gesture, voice, etc. for the target list item in the list column, which may specifically be set according to actual requirements, and is not limited herein. Each list item in the list column has corresponding list content, and different list contents have different view sizes, so that in order to ensure the complete display effect of the list content when the list content is displayed, the layout size of a list control for displaying the list content in a navigation interface is required to be adjusted, and the layout sizes of other display contents such as the navigation control in the corresponding navigation interface are adjusted, so that the display contents in the navigation interface are prevented from being overlapped or redundant blank display areas exist due to unsuitable layout sizes, and the display effect of the navigation interface is ensured.
And step 103, when the layout size of the list control is changed, adjusting the index content in the index column according to the size change amount of the list control, wherein the adjusted index content is completely displayed in the index column.
In this embodiment of the present application, if the terminal device detects a change in the layout size of the list control, the index bar in the list control will also correspondingly adjust the index content displayed in the index bar according to the size change amount of the layout size of the list control, so that the index content may also be completely displayed in the list control after the layout size of the list control is changed. For example, when the layout size of the list control is increased, the display size of the index content can be correspondingly enlarged to enable the display content to be adaptively distributed in the index column, or when the layout size of the list control is reduced, the display size of the reduction content can be correspondingly reduced to enable all index content to be contained in the index column, or when the layout size of the list control is reduced, the index content can be adjusted in a mode of aggregation, filtering and the like, so that the index content can be completely displayed in the index column under the condition that the content to be characterized by the index content is complete.
According to the embodiment of the application, the index content in the index column is adjusted by being suitable for the layout sizes of the list control and the navigation control in the navigation interface, so that the index content can still be displayed completely when the layout sizes of the navigation control and the list control are changed.
Fig. 3 schematically illustrates a step flowchart of a view display method provided in an embodiment of the present application, where the method includes:
step 201, displaying a navigation interface, where the navigation interface at least includes: the system comprises a list control and a navigation control, wherein the navigation control at least comprises: list column and index column.
This step is described in detail with reference to step 101, and will not be described here.
Step 202, in response to receiving a selection input for a target list item in the list field, acquiring an attribute value of the list control through a behavior plug-in the navigation control.
In the disclosed embodiment, a Behavior plug-in (Behavior) refers to a plug-in each container in a coordinated layout (coordinators layout) for listening for attribute values of dependent objects. The navigation control and the list control in the navigation interface can be set by adopting a coordination layout, namely the coordination layout is used as a root layout, and then the layout_behavir attribute of the navigation control can be configured in an xml layout file of the coordination layout, wherein the attribute value corresponds to a custom Behavir subclass name, and two methods for realizing the custom Behavir are needed: firstly, setting a dependent object of the navigation control, wherein the id of the dependent object is the id of the list control (calculating the offset value of the list container is the offset value of the list); secondly, an ondependenctViewChanged method is realized, when the attribute of the dependent object only changes, the Coordinator Layout can call back the method, and at the moment, the navigation control can dynamically acquire the attribute of the dependent object list control in the method.
And 203, calculating the current layout size of the list control according to the attribute value.
In the embodiment of the application, the current layout size of the list control can be obtained through calculation according to the attribute values acquired by the behavior plugin from the list control.
According to the embodiment of the application, the layout of the list control and the navigation control in the navigation interface is set by adopting the coordinated layout, so that the coupling between the controls is relieved, and the direct dependence on the list control can be weakened only by relying on the behavior plug-in for the list control.
The step 203 includes: and subtracting the offset of the navigated control and the offset of the list control from the initial layout size of the navigated control to obtain the current layout size of the list control.
In this embodiment of the present application, referring to fig. 4, where the interface 41 is a navigation interface before the layout size is changed, and the interface is a navigation interface after the layout size is changed, the initial layout size of the list control may be obtained through the behavior plug-in, and the height of the initial visual area in fig. 4, where the offset of the list control includes the container offset and the upper offset, so that the height of the current visual area, that is, the current layout size of the list control, may be obtained by subtracting the container offset and the upper offset from the height of the initial visual area.
In the embodiment of the application, the current layout size of the list control is obtained through simple calculation by utilizing the behavior plugin to obtain the layout size of the list control, so that the calculation process for calculating the current layout size of the list control is simplified.
And 204, adjusting the layout size of the list control in the navigation interface according to the view size of the list content corresponding to the target list item.
In this embodiment of the present application, since the list content needs to be displayed in the list column in the list control, the area of the display area of the list column needs to be adjusted to the view size of the list content, and the layout size of the list control including the list column in the navigation interface needs to be adjusted accordingly.
And step 205, when the layout size of the list control is changed, adjusting the layout size of the navigation control in the navigation interface according to the current layout size of the list control.
In the embodiment of the application, if the layout size of the list control is not changed, the navigation control does not need to adjust the layout size of the navigation control. If the size of the list control is changed, whether the size is increased or decreased, the layout size of the navigation control in the navigation interface needs to be adjusted so as to ensure that the display contents in the navigation interface cannot overlap or blank areas appear.
And 206, displaying the list content in the list control after the layout size is adjusted.
In the embodiment of the application, the list content is displayed in the list control after the layout size is adjusted, so that the situation that the display content is overlapped or a blank area exists in a navigation interface can be avoided under the condition that the list content is completely displayed in the list control.
And step 207, replacing part of index content in the index column with a omission mark when the size change amount of the list control is a reduction amount and the reduction amount is larger than a reduction amount threshold value.
In this embodiment of the present application, the reduction threshold refers to a reduction amount that can enable the index content to be completely displayed in the index bar by reducing the size of the index content, where the reduction amount can be set automatically according to the screen size of the terminal device or the size of the navigation interface, or can be set by the user, specifically, can be set according to the actual requirement, and is not limited herein. If the size change amount of the list control is a reduction amount, and the reduction amount is greater than a reduction amount threshold, the size of the index bar is indicated to be unable to be displayed completely through the reduced display size in the index bar after the response is reduced, and even if the index bar can be displayed completely, the user cannot watch normally due to the fact that the display size is too small, so that in the embodiment of the application, the area of the display area required by the index content is reduced by replacing part of the display content in the index bar through omitting the mark. The index identifier refers to identifier information with smaller area than the list content needs to occupy the display area, for example, symbols such as "," - ", etc., or other identifier information with characterization effect, which can be specifically set according to actual requirements, and is not limited herein.
For example, referring to fig. 5, the index contents after the first letter M are displayed by the omission mark of "...
According to the embodiment of the invention, when the reduction of the layout size of the list control is too small, the list content is displayed by using the omission mark, so that the area of the display area required to be occupied by the list content is reduced, and the list content can be completely displayed in the index column.
Step 208, when the size variation of the list control is a reduction, and the reduction is less than or equal to a reduction threshold, reducing the word spacing between the index contents in the index bar according to the reduction.
Step 209, when the size change amount of the list control is an increase amount, increasing the word spacing between the index contents in the index column according to the increase amount.
In the embodiments of steps 208 and 209 of the present application, if the size variation of the list control is the sales volume and the reduction is less than or equal to the threshold, or the size variation of the list control is the increase, it indicates that the complete display effect of the index content is not affected when the index column in the list control is adapted to the size variation for size adjustment, so the display layout of the index content in the index column can be adjusted adaptively by directly adjusting the word spacing between the index content.
Optionally, the step 207 may include: and replacing the index content of the target arrangement order in the index column with the omission mark.
In this embodiment of the present application, the target arrangement order refers to a specific arrangement order in the index content, for example, the first ten of the sequences, the last ten of the sequences, the middle ten of the sequences, and the like, where the target arrangement order may be set automatically according to the variation of the layout size, or may be set by the user, specifically may be set according to the actual requirement, and is not limited herein. By replacing the index contents of the target arrangement order in the index bar with the omission marks, the index contents can be displayed entirely in the index bar.
Optionally, the replacing part of the index content in the index field with the omission mark, the step 207 may include: and replacing the index content in the odd order or the even order in the index column with an omission mark.
In this embodiment of the present application, when the layout size of the index bar is too small, the original index content may be squeezed or ghost, and the display effect of the index content is abnormal. In order to solve the problem, the characters in the odd order or the even order are replaced by the omitted marks through ellipses, so that the effect of reducing the occupied height of the index content can be achieved, the content display can adapt to the condition that the height of the list control is reduced to a certain extent, and the complete display of the index content is ensured.
For example, referring to fig. 6, index contents in even order among the omitted contents in the display area 13 are replaced with the "omit marks" so that the index contents can be displayed entirely in the index bar.
Optionally, the replacing part of the index content in the index field with the omission mark, the step 207 may include: and filling index contents in the index column in order of multiples of the target number as an omission mark.
In the embodiment of the disclosure, the way of simply replacing the content with the omitted mark cannot thoroughly solve the situation that the index content cannot be completely displayed in the case that the size of the index bar is extremely small. Therefore, in the embodiment of the present application, when the content occupation height after the layout index content is replaced still exceeds the navigation bar control height, the index content of the multiple position of the target data, such as 3, 4, 7, etc., may be continuously omitted, so that the index content height is further reduced to adapt to the reduction of the navigation bar height.
According to the embodiment of the application, the index content in the index column is adjusted by being suitable for the layout sizes of the list control and the navigation control in the navigation interface, so that the index content can still be displayed completely when the layout sizes of the navigation control and the list control are changed.
Fig. 7 schematically shows a block diagram of a view display device 30 according to an embodiment of the present application, the device including:
the display module 301 is configured to display a navigation interface, where the navigation interface includes at least: the system comprises a list control and a navigation control, wherein the navigation control at least comprises: list column and index column.
And the processing module 302 is configured to respond to receiving the selection input of the target list item in the list column, adjust the layout sizes of the navigation control and the list control in the navigation interface according to the view size of the list content corresponding to the target list item, and display the list content in the list control with the adjusted layout size.
And when the layout size of the list control is changed, adjusting the index content in the index column according to the size change amount of the list control, wherein the adjusted index content is completely displayed in the index column.
Optionally, the processing module 301 is further configured to:
and when the size change amount of the list control is a reduction amount and the reduction amount is larger than a reduction amount threshold, replacing part of index content in the index column with a omission mark.
Optionally, the processing module 301 is further configured to:
and replacing the index content of the target arrangement order in the index column with the omission mark.
Optionally, the processing module 301 is further configured to:
and replacing the index content in the odd order or the even order in the index column with an omission mark.
Optionally, the processing module 301 is further configured to:
and filling index contents in the index column in order of multiples of the target number as an omission mark.
Optionally, the omission is marked as an ellipsis.
Optionally, the processing module 301 is further configured to:
and when the size change amount of the list control is a reduction amount and the reduction amount is smaller than or equal to a reduction amount threshold, reducing the word spacing between the index contents in the index column according to the reduction amount.
Optionally, the processing module 301 is further configured to:
and when the size change amount of the list control is an increase amount, increasing the word spacing between the index contents in the index column according to the increase amount.
Optionally, the processing module 301 is further configured to:
and adjusting the layout size of the list control in the navigation interface according to the view size of the list content corresponding to the target list item.
And when the layout size of the list control is changed, adjusting the layout size of the navigation control in the navigation interface according to the current layout size of the list control.
Optionally, the navigation control includes a behavior plugin, and the dependent object of the behavior plugin is the list control;
the processing module 301 is further configured to:
and acquiring the attribute value of the list control through the behavior plugin in the navigation control.
And calculating the current layout size of the list control according to the attribute value.
Optionally, the attribute value includes at least: offset of list control.
The processing module 301 is further configured to:
and subtracting the offset of the navigated control and the offset of the list control from the initial layout size of the navigated control to obtain the current layout size of the list control.
An embodiment of the present application provides an electronic device, including: a processor, a memory and a computer program stored on the memory and executable on the processor, which when executed by the processor, performs the steps of the view display method described above.
Embodiments of the present application provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of a view display method as described in the claims.
According to the embodiment of the application, the index content in the index column is adjusted by being suitable for the layout sizes of the list control and the navigation control in the navigation interface, so that the index content can still be displayed completely when the layout sizes of the navigation control and the list control are changed.
Preferably, the embodiment of the application further provides an electronic device, including: the processor, the memory, the computer program stored in the memory and capable of running on the processor, the computer program realizes each process of the above information processing method embodiment when executed by the processor, and can achieve the same technical effect, and for avoiding repetition, the description is omitted here.
The embodiment of the application also provides a computer readable storage medium, on which a computer program is stored, which when executed by a processor, implements each process of the above information processing method embodiment, and can achieve the same technical effects, so that repetition is avoided, and no further description is provided herein. Wherein the computer readable storage medium is selected from Read-Only Memory (ROM), random access Memory (RandomAccess Memory, RAM), magnetic disk or optical disk.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
From the above description of the embodiments, it will be clear to those skilled in the art that the above-described embodiment method may be implemented by means of software plus a necessary general hardware platform, but of course may also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk), including several instructions for causing a terminal (which may be a mobile phone, a computer, a server, an air conditioner, or a network device, etc.) to perform the method described in the embodiments of the present application.
The embodiments of the present application have been described above with reference to the accompanying drawings, but the present application is not limited to the above-described embodiments, which are merely illustrative and not restrictive, and many forms may be made by those of ordinary skill in the art without departing from the spirit of the present application and the scope of the protection of the claims, which fall within the protection of the present application.
Those of ordinary skill in the art will appreciate that the elements and algorithm steps described in connection with the embodiments disclosed herein can be implemented as electronic hardware, or combinations of computer software and electronic hardware. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described systems, apparatuses and units may refer to corresponding procedures in the foregoing method embodiments, and are not repeated herein.
In the embodiments provided in the present application, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the apparatus embodiments described above are merely illustrative, e.g., the division of the units is merely a logical function division, and there may be additional divisions when actually implemented, e.g., multiple units or components may be combined or integrated into another system, or some features may be omitted or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
In addition, each functional unit in each embodiment of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a usb disk, a removable hard disk, a ROM, a RAM, a magnetic disk, or an optical disk, etc.
The foregoing is merely specific embodiments of the present application, but the scope of the present application is not limited thereto, and any person skilled in the art can easily think about changes or substitutions within the technical scope of the present application, and the changes and substitutions are intended to be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
Claims (13)
1. A method of view display, the method comprising:
displaying a navigation interface, wherein the navigation interface at least comprises: list control and navigation control, the list control includes at least: list column and index column;
responding to receiving selection input of a target list item in the list column, adjusting the layout sizes of the navigation control and the list control in the navigation interface according to the view size of list content corresponding to the target list item, and displaying the list content in the list control with the adjusted layout size;
and when the layout size of the list control is changed, adjusting the index content in the index column according to the size change amount of the list control, wherein the adjusted index content is completely displayed in the index column.
2. The method of claim 1, wherein adjusting the index content in the index bar according to the size change of the list control comprises:
and when the size change amount of the list control is a reduction amount and the reduction amount is larger than a reduction amount threshold, replacing part of index content in the index column with a omission mark.
3. The method of claim 2, wherein replacing a portion of the index content in the index field with an elision flag comprises:
and replacing the index content of the target arrangement order in the index column with the omission mark.
4. A method according to claim 3, wherein said replacing a portion of the index content in the index field with an omission comprises:
and replacing the index content in the odd order or the even order in the index column with an omission mark.
5. A method according to claim 3, wherein said replacing a portion of the index content in the index field with an omission comprises:
and filling index contents in the index column in order of multiples of the target number as an omission mark.
6. The method of claim 1, wherein adjusting the index content in the index bar according to the size change of the list control comprises:
and when the size change amount of the list control is a reduction amount and the reduction amount is smaller than or equal to a reduction amount threshold, reducing the word spacing between the index contents in the index column according to the reduction amount.
7. The method of claim 1, wherein adjusting the index content in the index bar according to the size change of the list control comprises:
and when the size change amount of the list control is an increase amount, increasing the word spacing between the index contents in the index column according to the increase amount.
8. The method of claim 1, wherein adjusting the layout sizes of the navigation control and the list control in the navigation interface according to the view size of the list content corresponding to the target list item comprises:
according to the view size of the list content corresponding to the target list item, adjusting the layout size of the list control in the navigation interface;
and when the layout size of the list control is changed, adjusting the layout size of the navigation control in the navigation interface according to the current layout size of the list control.
9. The method of claim 8, wherein the navigation control comprises a behavior plug-in whose dependent object is the list control;
when the layout size of the list control is changed, before the layout size of the navigation control in the navigation interface is adjusted according to the current layout size of the list control, the method further comprises:
acquiring an attribute value of the list control through a behavior plugin in the navigation control;
and calculating the current layout size of the list control according to the attribute value.
10. The method according to claim 9, wherein the attribute values include at least: an offset of the list control;
the calculating the current layout size of the list control according to the attribute value comprises the following steps:
and subtracting the offset of the navigated control and the offset of the list control from the initial layout size of the navigated control to obtain the current layout size of the list control.
11. A view display device, the device comprising:
a display module configured to display a navigation interface, the navigation interface comprising at least: list control and navigation control, the list control includes at least: list column and index column;
the processing module is configured to respond to receiving selection input of a target list item in the list column, adjust the layout sizes of the navigation control and the list control in the navigation interface according to the view size of list content corresponding to the target list item, and display the list content in the list control with the adjusted layout size;
and when the layout size of the list control is changed, adjusting the index content in the index column according to the size change amount of the list control, wherein the adjusted index content is completely displayed in the index column.
12. An electronic device, comprising: a processor, a memory and a computer program stored on the memory and executable on the processor, which when executed by the processor performs the steps of the view display method according to any of claims 1 to 10.
13. A computer-readable storage medium, on which a computer program is stored, which computer program, when being executed by a processor, implements the steps of the view display method according to any of claims 1 to 10.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111574382.5A CN114398121B (en) | 2021-12-21 | 2021-12-21 | View display method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111574382.5A CN114398121B (en) | 2021-12-21 | 2021-12-21 | View display method and device, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114398121A CN114398121A (en) | 2022-04-26 |
| CN114398121B true CN114398121B (en) | 2024-02-27 |
Family
ID=81226106
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111574382.5A Active CN114398121B (en) | 2021-12-21 | 2021-12-21 | View display method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114398121B (en) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102103456A (en) * | 2009-12-18 | 2011-06-22 | 联想(北京)有限公司 | Method and device for showing elements in window |
| CN110502167A (en) * | 2018-05-18 | 2019-11-26 | 腾讯科技（深圳）有限公司 | A kind of page index method, apparatus and storage medium |
| CN110968813A (en) * | 2019-11-29 | 2020-04-07 | 中国银行股份有限公司 | Index page display method and device |
| CN113392308A (en) * | 2021-06-22 | 2021-09-14 | 北京字节跳动网络技术有限公司 | Content search method, device, equipment and medium |
| WO2021232968A1 (en) * | 2020-05-18 | 2021-11-25 | Oppo广东移动通信有限公司 | Desktop icon layout method and apparatus, storage medium, and electronic device |
| CN113779449A (en) * | 2020-08-18 | 2021-12-10 | 北京沃东天骏信息技术有限公司 | Page loading method and device, electronic equipment and storage medium |
| CN113786607A (en) * | 2021-09-29 | 2021-12-14 | 腾讯科技（深圳）有限公司 | Interface display method, device, terminal and storage medium |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4332477B2 (en) * | 2004-08-06 | 2009-09-16 | キヤノン株式会社 | Layout adjusting method, apparatus and program |
| US9207840B2 (en) * | 2012-07-06 | 2015-12-08 | Blackberry Limited | Method and apparatus for modifying a scrollbar handle according to characteristics of displayed items being scrolled |
| US20140195961A1 (en) * | 2013-01-07 | 2014-07-10 | Apple Inc. | Dynamic Index |
| GB2524287B (en) * | 2014-03-19 | 2020-07-01 | Advanced Risc Mach Ltd | Graphics processing systems |
-
2021
- 2021-12-21 CN CN202111574382.5A patent/CN114398121B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102103456A (en) * | 2009-12-18 | 2011-06-22 | 联想(北京)有限公司 | Method and device for showing elements in window |
| CN110502167A (en) * | 2018-05-18 | 2019-11-26 | 腾讯科技（深圳）有限公司 | A kind of page index method, apparatus and storage medium |
| CN110968813A (en) * | 2019-11-29 | 2020-04-07 | 中国银行股份有限公司 | Index page display method and device |
| WO2021232968A1 (en) * | 2020-05-18 | 2021-11-25 | Oppo广东移动通信有限公司 | Desktop icon layout method and apparatus, storage medium, and electronic device |
| CN113779449A (en) * | 2020-08-18 | 2021-12-10 | 北京沃东天骏信息技术有限公司 | Page loading method and device, electronic equipment and storage medium |
| CN113392308A (en) * | 2021-06-22 | 2021-09-14 | 北京字节跳动网络技术有限公司 | Content search method, device, equipment and medium |
| CN113786607A (en) * | 2021-09-29 | 2021-12-14 | 腾讯科技（深圳）有限公司 | Interface display method, device, terminal and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114398121A (en) | 2022-04-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| KR20110066314A (en) | Apparatus and method for providing bookmark service in communication terminal | |
| CN103076955B (en) | Method, device and terminal for adjusting characters of application | |
| CN110134895A (en) | Page display method and device, electronic equipment and computer readable storage medium | |
| US9613546B2 (en) | Systems and methods for managing and presenting geolocation data | |
| CN108566564B (en) | Page focus jumping method, television and computer readable storage medium | |
| US20130268481A1 (en) | Communication device and method for displaying name cards to terminal devices | |
| JP4120986B2 (en) | Image delivery system, image delivery apparatus, image delivery apparatus control method, and program | |
| CN111078167A (en) | Information transmission method, vehicle machine, computer storage medium and information transmission system | |
| CN114398121B (en) | View display method and device, electronic equipment and storage medium | |
| CN113835699A (en) | Picture loading processing method and device, electronic equipment and storage medium | |
| EP2908233A1 (en) | User interface display method and device | |
| CN107391148B (en) | View element saving method and device, electronic equipment and computer storage medium | |
| CN107357488B (en) | Desktop icon display method and device and electronic equipment | |
| CN116257143A (en) | Processing method and device, electronic equipment and operating system | |
| JP6668305B2 (en) | Price calculation device, price calculation method, price calculation program and price calculation system | |
| US9600451B2 (en) | Method, terminal, and server for displaying file | |
| CN105893048A (en) | Browser theme changing method and device and electronic equipment | |
| CN107027056B (en) | Desktop configuration method, server and client | |
| CN113082699B (en) | Game display control method and device and electronic terminal | |
| CN112836154B (en) | Page display method and device and computer equipment | |
| CN103902148A (en) | Information processing method and electronic devices | |
| CN114168027B (en) | Information display method, device and equipment | |
| CN106302919B (en) | Information processing method and electronic equipment | |
| CN111897610A (en) | Information display method and device | |
| CN111158844B (en) | Schedule display method and related 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 |