CN114253445B - Configuration method of sliding linkage mode, page linkage method and page linkage device - Google Patents

Configuration method of sliding linkage mode, page linkage method and page linkage device Download PDF

Info

Publication number
CN114253445B
CN114253445B CN202111584297.7A CN202111584297A CN114253445B CN 114253445 B CN114253445 B CN 114253445B CN 202111584297 A CN202111584297 A CN 202111584297A CN 114253445 B CN114253445 B CN 114253445B
Authority
CN
China
Prior art keywords
view
menu item
list data
grouping
page
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
Application number
CN202111584297.7A
Other languages
Chinese (zh)
Other versions
CN114253445A (en
Inventor
周强
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jindi Technology Co Ltd
Original Assignee
Beijing Jindi Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jindi Technology Co Ltd filed Critical Beijing Jindi Technology Co Ltd
Priority to CN202111584297.7A priority Critical patent/CN114253445B/en
Publication of CN114253445A publication Critical patent/CN114253445A/en
Application granted granted Critical
Publication of CN114253445B publication Critical patent/CN114253445B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • 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

Abstract

The disclosure provides a configuration method of a sliding linkage mode, a page linkage method and device, a computer storage medium and electronic equipment, and relates to the technical fields of computer technology and data processing, wherein the configuration method comprises the following steps: creating a list view according to a plurality of menu items to be displayed in a page of an application program and list data to be displayed corresponding to each menu item after being selected, the list view including a plurality of grouping views, one grouping view for each menu item, so as to display the list data corresponding to each menu item based on the grouping view; a corresponding sliding linkage mode is created for each menu item and the corresponding grouping view, so that in response to monitoring that a page sliding event based on the list view exists, a hit menu item and/or a target position to which list data corresponding to the hit menu item is to be scrolled in a page can be determined based on the corresponding sliding linkage mode, and the list data at the target position is displayed.

Description

Configuration method of sliding linkage mode, page linkage method and page linkage device
Technical Field
The disclosure relates to the technical field of computer technology and data processing, in particular to a configuration method of a sliding linkage mode, a page linkage method and device, a computer storage medium and electronic equipment.
Background
In the mobile end application of the IOS, page presentation is performed based on a list view (UITableView) and menu navigation. In particular, the list view may be divided into a plurality of grouping views (also referred to in the industry as sections) and the menu navigation into a plurality of menu items such that each menu item is associated with one grouping view in order to present corresponding list data based on the menu items. In the using process, menu items are switched through the sliding page, and list data corresponding to the menu items are displayed. For this purpose, it is necessary to monitor a page sliding event, and locate a target position to which the page is to be slid, to present list data that should be displayed at the target position. In the prior art, the target position is usually positioned based on a timer, which results in inaccurate positioning of the target position or lower precision of positioning results.
Disclosure of Invention
The embodiment of the disclosure provides a configuration method of a sliding linkage mode, a page linkage method and device, a computer storage medium and electronic equipment, which are used for overcoming the technical problems in the related art.
The technical scheme adopted by the present disclosure is as follows:
a method of configuring a sliding linkage mode, comprising: creating a list view according to a plurality of menu items to be displayed in a page of an application program and list data to be displayed corresponding to each menu item after being selected, wherein the list view comprises a plurality of grouping views, each menu item corresponds to one grouping view, so that the list data corresponding to each menu item is displayed based on the grouping views; creating a corresponding sliding linkage pattern for each menu item and a corresponding grouping view, such that in response to listening for a page sliding event based on the list view, at least one of the following operations can be performed based on the corresponding sliding linkage pattern: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and displaying the list data at the target position.
Optionally, after creating the list view, the method further includes: creating the number of grouping views on the list view; an association relationship between each grouping view and each menu item is established so that list data corresponding to each menu item is displayed based on the grouping view.
Optionally, the establishing an association relationship between each menu item and each grouping view so as to display list data corresponding to each menu item based on the grouping view includes: and sequentially establishing the association relation between each grouping view and each menu item according to the sequence of the grouping views so as to display list data corresponding to each menu item based on the grouping views.
Optionally, the establishing an association relationship between each grouping view and each menu item so as to display list data corresponding to each menu item based on the grouping view includes: based on the title bar object created for each menu item, an association relationship of each group view with each menu item is established so that list data corresponding to each menu item is displayed based on the group view.
Optionally, before creating the corresponding sliding linkage mode for each menu item and the corresponding grouping view, the method includes: binding the menu items and list data corresponding to the menu items for each menu item so that when a corresponding sliding linkage mode is created for each menu item and a corresponding grouping view, the established sliding linkage mode is associated with the corresponding list data.
A method of linking pages, comprising: monitoring page sliding events based on the list view in the page of the application program; according to the monitored page sliding event, based on the corresponding sliding linkage mode, at least one of the following operations is performed: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data.
Optionally, after determining the hit menu item, the determining includes: marking the hit menu item to characterize the presence on the page of a scroll animation for list data corresponding to the hit menu item; in response to the list data corresponding to the hit menu item scrolling to the target location, a marker for the hit menu item is deleted to characterize that a scrolling animation on the page for the list data corresponding to the hit menu item has been completed.
Optionally, after the page sliding event based on the list view in the page of the listening application program, the method includes: when the monitored page sliding event is n, n is more than or equal to 2, only reserving marks of the hit menu items corresponding to the latest page sliding event, and canceling marks of the hit menu items corresponding to other page sliding events; the step of scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data comprises the following steps: and scrolling the list data corresponding to the hit menu item corresponding to the latest page sliding event to the target position in the page and displaying the list data.
Optionally, after the page sliding event based on the list view in the page of the listening application program, the method includes: and carrying out rolling animation on the menu items corresponding to the other page sliding events until switching to the menu item corresponding to the latest page sliding event.
Optionally, the scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data includes: and determining the offset of the list data, and scrolling and displaying the list data corresponding to the hit menu item to a target position according to the offset of the list data.
Optionally, the scrolling the list data corresponding to the hit menu item to a target position according to the offset of the list data and displaying the list data includes: and according to the offset of the list data, scrolling the list data corresponding to the hit menu item to a target position in a reverse order mode and displaying the list data.
Optionally, the scrolling the list data corresponding to the hit menu item to the target position according to the offset of the list data and displaying the list data in a reverse order mode includes: determining whether to scroll the list data to the last grouping view for display based on the offset of the target position to the reference line of the last grouping view, and if the offset is positive, determining that the target position is to correspond to the last grouping view; if the offset is negative, determining that the target position is to correspond to a grouping view preceding the last grouping view, and so on until the corresponding grouping view is determined when the offset is positive, so as to correspond the target position to the grouping view when the offset is positive, so as to display the list data.
A sliding linkage mode configuration apparatus, comprising: a creation unit for creating a list view including a plurality of group views, one group view for each menu item, based on a plurality of menu items to be displayed in a page of an application program and list data to be displayed after being hit corresponding to each menu item, so as to display the list data corresponding to each menu item based on the group view; a mode determining unit for creating a corresponding sliding linkage mode for each menu item and a corresponding grouping view, so that in response to monitoring that a page sliding event based on the list view exists, at least one of the following operations can be performed based on the corresponding sliding linkage mode: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and displaying the list data at the target position.
A linkage of pages, comprising: the monitoring unit is used for monitoring page sliding events based on the list view in the page of the application program; the position determining and linkage unit is used for executing at least one of the following operations based on the corresponding sliding linkage mode according to the monitored page sliding event: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data.
A computer storage medium having a computer-executable program stored thereon, the computer-executable program being operative to implement a method according to any of the embodiments of the present disclosure.
An electronic device comprising a memory for storing a computer executable program thereon and a processor for running the computer executable program to implement a method according to any of the embodiments of the present disclosure.
A computer program product comprising a computer program which, when executed by a processor, implements the method of any of the embodiments of the disclosure.
In the embodiment of the disclosure, a list view is created according to a plurality of menu items to be displayed in a page of an application program and list data to be displayed after each menu item is selected, wherein the list view comprises a plurality of grouping views, and each menu item corresponds to one grouping view so as to display the list data corresponding to each menu item based on the grouping views; creating a corresponding sliding linkage pattern for each menu item and a corresponding grouping view, such that in response to listening for a page sliding event based on the list view, at least one of the following operations can be performed based on the corresponding sliding linkage pattern: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and displaying the list data at the target position. Because the corresponding sliding linkage mode is established for each menu item and the corresponding grouping view thereof, when a page sliding event corresponding to any menu item is monitored, the corresponding sliding linkage mode can be directly based on the menu item, and the target position to be scrolled to in the page of the corresponding list data is accurately determined and displayed according to the selected menu item, so that the positioning precision of the target position is improved; similarly, according to the target position where the list data scrolls in the page, the selected menu item can be accurately and reversely positioned, so that the positioning accuracy of the menu item is improved.
Drawings
Fig. 1A illustrates an application scenario of an embodiment of the present disclosure.
Fig. 1B illustrates a flowchart of a configuration method of a sliding linkage mode according to an embodiment of the present disclosure.
Fig. 2 illustrates a flow chart of a method of linking pages of an embodiment of the present disclosure.
Fig. 3 illustrates a flow chart of a method of linking pages in accordance with another embodiment of the present disclosure.
FIG. 4 illustrates a schematic diagram of a configuration device of a sliding linkage mode of an embodiment of the present disclosure;
fig. 5 illustrates a schematic diagram of a linkage of a page of an embodiment of the present disclosure.
Fig. 6 schematically illustrates a schematic diagram of an electronic device according to an embodiment of the disclosure.
Detailed Description
In order to make the technical problems, technical solutions and advantages to be solved by the present disclosure more apparent, the following detailed description will be given with reference to the accompanying drawings and the specific embodiments.
In the embodiment of the disclosure, a list view is created according to a plurality of menu items to be displayed in a page of an application program and list data to be displayed after each menu item is selected, wherein the list view comprises a plurality of grouping views, and each menu item corresponds to one grouping view so as to display the list data corresponding to each menu item based on the grouping views; creating a corresponding sliding linkage pattern for each menu item and a corresponding grouping view, such that in response to listening for a page sliding event based on the list view, at least one of the following operations can be performed based on the corresponding sliding linkage pattern: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and displaying the list data at the target position. Because the corresponding sliding linkage mode is established for each menu item and the corresponding grouping view thereof, when a page sliding event corresponding to any menu item is monitored, the corresponding sliding linkage mode can be directly based on the menu item, and the target position to be scrolled to in the page of the corresponding list data is accurately determined and displayed according to the selected menu item, so that the positioning precision of the target position is improved; similarly, according to the target position where the list data scrolls in the page, the selected menu item can be accurately and reversely positioned, so that the positioning accuracy of the menu item is improved.
In the embodiment described below, the sliding linkage modes configured for the menu items may be the same or different, and are specifically determined according to the requirements of the application scenario.
Fig. 1A illustrates an application scenario of an embodiment of the present disclosure. As shown in fig. 1A, for an example of a method provided using the present solution on an application for querying corporate and legal information, the information of the inquired 'Beijing x science and technology limited' is displayed in the page, after the deep processing of the data is performed, a plurality of menu items can be set in the menu navigation, the method comprises the steps of displaying a basic information, a financing process, a core member, an enterprise stakeholder and other menu items, wherein in a page, the basic information and the financing process display relatively less list data at the same time, so that grouping views corresponding to the basic information and the financing process can be simultaneously viewed in the same web page interface. For the "core member", since the list data contained in the "core member" is more, the list data corresponding to the "basic information" and the "financing course" cannot be displayed in one web page interface at the same time, for such a scenario, the corresponding list data needs to be displayed for the user to view through switching of a menu item (for example, by directly clicking the "core member" or sliding down the page), for example, the menu item of the "core member" can be clicked, so that the web page interface is switched to display as a grouping view corresponding to the "core member" and thus the list data related to the "core member" is displayed.
Based on the requirements in the application scenario, the following exemplarily describes a solution of the embodiment of the present disclosure.
Fig. 1B illustrates a flowchart of a configuration method of a sliding linkage mode according to an embodiment of the present disclosure. As shown in fig. 1B, it includes:
s101, creating a list view from a plurality of menu items to be displayed in a page of an application program and list data to be displayed after being hit corresponding to each menu item.
In this embodiment, the list view includes a plurality of grouping views, one for each menu item, so that list data corresponding to each menu item is displayed based on the grouping view.
In this embodiment, the application program is not particularly limited, and may be developed based on IOS (Internet Operating System ) or may be developed based on an ANDROID system (i.e., ANDROID system). If developed based on the ANDROID system, the specific list view is listview.
Additionally, if developed based on an IOS system, the list view may include, but is not limited to, UITableView or UICollectionView, UIScrollView. If developed based on the ANDROID system, the view can be a view which can realize the equivalent function with UITableView or UICollectionView, UIScrollView.
Specifically, in this embodiment, after creating the list view according to the menu items to be displayed and the list data to be displayed after being hit corresponding to each menu item, it may further include:
creating the number of grouping views on the list view;
an association relationship between each grouping view and each menu item is established so that list data corresponding to each menu item is displayed based on the grouping view.
Specifically, the establishing association relation between each menu item and each grouping view so as to display list data corresponding to each menu item based on the grouping view comprises the following steps: and sequentially establishing the association relation between each grouping view and each menu item according to the sequence of the grouping views so as to display list data corresponding to each menu item based on the grouping views, thereby flexibly and flexibly matching with the requirements of application scenes.
For example, in an application scenario, three grouping views are created, the names and sequences of the three grouping views are sequentially referred to as section0, section1 and section2, three menu items exist correspondingly, the names and sequences of the three menu items are sequentially referred to as table0, table1 and table2, therefore, section0 is associated with table0, section1 is associated with table1, section2 is associated with table2, and therefore the association relation between each grouping view and each menu item is sequentially established according to the sequence of the grouping views.
Of course, in other application scenarios, if more grouping views are created and the number of menu items is small, for example, three grouping views are created, the names and the sequence of the three grouping views are sequentially in section0, section1 and section2, and only two menu items in a page are respectively in table0 and table1, at this time, section0 may be associated with table0, section1 may be associated with table1, section0 may be associated with table0, section2 may be associated with table1, or section1 may be associated with table0, and section2 may be associated with table 1.
In addition, the created packet views include a packet view that has been created by default (i.e., a previously created packet view), and a newly added packet view.
Further, in this embodiment, the establishing an association relationship between each grouping view and each menu item so as to display list data corresponding to each menu item based on the grouping view includes: based on the title bar object created for each menu item, an association relationship of each group view with each menu item is established so that list data corresponding to each menu item is displayed based on the group view.
For example, the title bar object may include a name of a corresponding menu item, where the name of the menu item may be flexibly determined according to an application scenario, and specifically reflects a feature of corresponding list data of the menu item, for example, the name of the menu item is a stakeholder case, which indicates that the corresponding list data is related to a stakeholder. In addition, some extension data, such as the number statistics of stakeholders, may be included in the name of the menu item, such as the name "stakeholder case 12", indicating that there are 12 stakeholders. Therefore, the establishment of the association relationship between the grouping view and the menu item can be simply and effectively realized through the title bar object.
Further, in this embodiment, before creating the corresponding sliding linkage mode for each menu item and the corresponding grouping view, the method includes: binding the menu items and list data corresponding to the menu items for each menu item, so that when a corresponding sliding linkage mode is created for each menu item and a corresponding grouping view, the established sliding linkage mode is associated with the corresponding list data.
In this embodiment, since separate list data is configured for each menu item, when the following step S102 is performed in response to monitoring that there is a page sliding event based on the list view, the list data corresponding to the target position can be quickly located, or the menu item can be quickly and reversely located according to the list data displayed at the target position.
S102, creating a corresponding sliding linkage mode for each menu item and a corresponding grouping view, so that at least one of the following operations can be performed based on the corresponding sliding linkage mode in response to monitoring that a page sliding event based on the list view exists: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and displaying the list data at the target position.
In this embodiment, the sliding linkage mode includes at least one of a grouping mode, an index path mode, and an offset mode. Wherein: the grouping mode (also referred to as a section mode) is used to associate the target location with the grouping view to locate the corresponding grouping view when determining the target location; the index path mode (also referred to as index path mode) is used to associate the target position with the group view and a row position in the group view to locate the corresponding group view and a row position in the group view when determining the target position; the offset mode (also referred to as an offset mode) is used to associate the target position with the group view and the real position in the group view to locate the corresponding group view and the real position in the group view when determining the target position.
The packet mode is less accurate than the index path mode in terms of accuracy in locating the target position, and the index path mode is less than the offset mode. In addition, the implementation of the grouping mode cannot guarantee that the rolling effect of the index path mode can be achieved, and the implementation of the index path mode cannot guarantee that the rolling effect of the offset mode can be achieved, but conversely, the implementation of the offset mode can necessarily guarantee the rolling effects of the index path mode and the grouping mode, and the implementation of the index path mode can necessarily guarantee the rolling effect of the grouping mode.
If the sliding linkage mode is configured as a grouping mode, since the menu items and the grouping views are associated based on the names of the menu items, the corresponding grouping views can be determined directly by the names, such as by the ID of the grouping view. For the index path mode, the corresponding grouping view can be determined by the name, and in addition, because the list data in the same grouping view is displayed in row units, the specific row position in the grouping view is determined based on the number of rows through which the sliding passes. For the shift mode, since one reference line is respectively configured in each group view, the true position in the group view is determined by the position shift of the target position relative to the reference line, and the true position may be a specific position in a row or a specific position outside the row position. Specifically, the reference line is, for example, a start position (such as a start position of a first row) or a final end position (such as an end position of a final row position) in the grouping view.
Specifically, when creating a sliding linkage mode corresponding to each menu item and a corresponding grouping view, an application scenario is mainly considered to determine an established rule, for example, if the list data of a certain menu item is relatively less, the sliding linkage mode may be a grouping mode, for example, if the list data of a certain menu item is relatively more complex, the sliding linkage mode may be a path index mode or an offset mode.
When the grouping mode is established, the sequence number of the grouping view is directly related to the sequence number and the name of the menu item. When the index path mode is established, an index path array is set, the index path array is correlated with an element array corresponding to a menu item, the index path array comprises a sequence number and a name of a grouping view, and also comprises a position identifier of each row in the grouping view, and the element array corresponding to the menu item comprises the name of the menu item and an ID of each row of data in a data list. When the offset mode is established, a list offset position array is established, and the list offset position array is associated with an element array corresponding to a menu item, wherein the list offset position array comprises a position offset relative to a reference line of the grouping view, and the element array corresponding to the menu item comprises the name of the menu item and the ID of each row of data in the data list.
Fig. 2 illustrates a flow chart of a method of linking pages of an embodiment of the present disclosure. As shown in fig. 2, it includes:
s201, monitoring a page sliding event based on a list view in a page of an application program.
In this embodiment, the page sliding event may be triggered by a click of a menu item by a user or a sliding operation on a page, or by performing a click or drag operation on a progress bar configured on the page.
S202, executing at least one of the following operations based on the corresponding sliding linkage mode according to the monitored page sliding event: determining the hit menu item; and determining a target position to be scrolled to by the list data corresponding to the hit menu item in the page, and scrolling and displaying the list data corresponding to the hit menu item to the target position in the page.
In this embodiment, since a list view is created according to a plurality of menu items to be displayed in a page of an application program and list data to be displayed after each menu item is hit, the list view includes a plurality of grouping views, and each menu item corresponds to one grouping view, by monitoring a life cycle of a page sliding event, a target position to be scrolled to by the hit menu item and/or the list data corresponding to the hit menu item in the page can be determined based on a corresponding sliding linkage mode.
In this embodiment, the sliding linkage mode includes at least one of a grouping mode, an index path mode, and an offset mode; for the grouping mode, the index path mode and the offset mode, reference is made to the embodiment of fig. 1B.
In this embodiment, for example, for the grouping mode, the corresponding list data is scrolled to the corresponding grouping view for display without determining the specific line position in the grouping view; for another example, if the index path mode is adopted, the corresponding list data is scrolled to the corresponding grouping view, and the specific row position in the grouping view is required. For another example, if the shift pattern is the shift pattern, the corresponding list data is scrolled to the corresponding group view, and an actual position in the group view is determined based on a positional shift of a reference line of the group view, and the actual position may be a position in a row or may be located outside the row position.
Specifically, in this embodiment, after determining the hit menu item, the method includes: marking the hit menu item to characterize the presence on the page of a scroll animation for list data corresponding to the hit menu item; in response to the list data corresponding to the hit menu item scrolling to the target location, deleting a marker for the hit menu item to characterize that a scrolling animation on the page for the list data corresponding to the hit menu item has been completed, thereby further displaying the corresponding list data at the target location.
By marking the hit menu item, the fact that the scrolling animation is not completed is indicated before the marking is not deleted, namely, the fact that the target position is not reached is indicated, so that the corresponding list data in the list data corresponding to the menu item is not required to be searched for displaying in the target position, and the problem that monitoring of the target position and searching of the list data are possibly conflicted is avoided.
Further, considering that when the user clicks one menu item during the application process, for example, when the list data corresponding to the menu item does not complete the animation scrolling, and then continuously clicks another one or more menu items, a plurality of page sliding events are monitored, the last page sliding event is valid for the user, or a plurality of page sliding events in the middle may be called as a brain-free sliding event. To this end, after a list view based page slide event in a page of the listening application, comprising: when the monitored page sliding event is n, n is more than or equal to 2, only the mark of the selected menu item corresponding to the latest page sliding event can be reserved, and the marks of the hit menu items corresponding to other page sliding events are cancelled.
For example, the latest page-swipe event may be, for example, the one with the latest timestamp.
The step of scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data comprises the following steps: and scrolling the list data corresponding to the hit menu item corresponding to the latest page sliding event to the target position in the page and displaying the list data.
Through the above-mentioned neglecting other page sliding events and corresponding sliding linkage modes except the latest page sliding event, the list data of the latest hit menu item corresponding to the latest page sliding event is rolled to the target position directly based on the sliding linkage mode of the latest hit menu item corresponding to the latest page sliding event, thereby saving resources, reducing calculation force requirements and improving the positioning accuracy of the target position.
Here, the sliding linkage mode of the other page sliding events except the latest page sliding event corresponding to the hit menu item does not need to be determined, but after the page sliding event based on the list view in the page of the listening application program, in order to ensure the user experience, the method includes: and carrying out rolling animation on the menu items corresponding to the other page sliding events to carry out rolling switching of the corresponding list data until switching to the menu item corresponding to the latest page sliding event.
Further, the scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data includes: and determining the offset of the list data, and scrolling and displaying the list data corresponding to the hit menu item to a target position according to the offset of the list data.
Specifically, when the list data corresponding to the hit menu item is scrolled to a target position according to the offset of the list data and displayed, the method comprises the following steps: and according to the offset of the list data, scrolling the list data corresponding to the hit menu item to a target position in a reverse order mode and displaying the list data.
For example, as described in the above embodiment, since one reference line is provided for each of the group views, since a plurality of group views may be continuously scrolled during the scrolling of the list data, for this reason, there is actually an offset of the target position of the list data with respect to each of the scrolled group views, and considering the offset of the target position of the list data with respect to the reference line of the last scrolled group view, there is necessarily an offset with respect to the reference line of the previous scrolled group view, whereby if the list data is scrolled to the target position in a positive sequence manner, i.e., front-to-back manner, the speed is slow and it is not easy to determine the group view to which the list data should be scrolled. To this end, in the embodiment of the present disclosure, whether to scroll the list data to the last packet view for display is determined in a reverse order, that is, first, based on an offset of the target position to the reference line of the last packet view, for example, if the offset is a positive value, it is determined that the target position is to correspond to the last packet view; if the offset is negative, determining that the target position is to correspond to a packet view before the last packet view, and so on, in a reverse order manner, until the packet view corresponding to the offset is determined to be positive, and further corresponding the target position to the packet view when the offset is positive so as to display the list data.
This reverse order based approach described above is applicable to any sliding linkage mode in embodiments of the present disclosure.
Fig. 3 illustrates a flow chart of a method of linking pages in accordance with another embodiment of the present disclosure. In the present embodiment, the above-described exemplary description is made with reference to fig. 1B and 2, but the configuration step of uniquely including the slide link mode in the page link method is not limited. As shown in fig. 3, in this embodiment, the linking method of a page includes binding menu items and list data corresponding to the menu items, except for determining a sliding linking mode to be used, and creating a corresponding sliding linking mode for each menu item and a corresponding grouping view, unlike the above embodiment, in which a page sliding event is monitored to scroll list data, so that list data corresponding to the hit menu item is scrolled to the target position in the page and displayed, including:
s313, determining and marking a hit menu item corresponding to a page sliding event, and a target position to which list data corresponding to the hit menu item is to be scrolled in the page;
s323, determining the offset of the list data corresponding to the hit menu item, determining a grouping view corresponding to the target position according to a reverse order mode, and scrolling the list data corresponding to the hit menu item to the determined grouping view corresponding to the target position and displaying the list data;
S333, deleting the mark of the hit menu item in response to the list data corresponding to the hit menu item scrolling to the target position.
Fig. 4 schematically illustrates a configuration device of a sliding linkage mode of an embodiment of the present disclosure.
As shown in fig. 4, the configuration apparatus 400 of the sliding linkage mode includes: a creation unit 401 for creating a list view including a plurality of group views, one group view for each menu item, from a plurality of menu items to be displayed in a page of an application program and list data to be displayed after being hit corresponding to each menu item, so as to display the list data corresponding to each menu item based on the group view; a mode determining unit 402, configured to create a corresponding sliding linkage mode for each menu item and a corresponding grouping view, so that in response to detecting that there is a page sliding event based on the list view, at least one of the following operations can be performed based on the corresponding sliding linkage mode: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and displaying the list data at the target position.
Optionally, the creating unit 401 is further configured to create the plurality of grouping views on the list view after creating the list view according to the menu item to be displayed and the list data to be displayed after being selected corresponding to each menu item, and establish an association relationship between each grouping view and each menu item, so as to display the list data corresponding to each menu item based on the grouping view.
Alternatively, the creating unit 401 is specifically configured to: and sequentially establishing the association relation between each grouping view and each menu item according to the sequence of the grouping views so as to display list data corresponding to each menu item based on the grouping views.
Alternatively, the creating unit 401 is specifically configured to: based on the title bar object created for each menu item, an association relationship of each group view with each menu item is established so that list data corresponding to each menu item is displayed based on the group view.
Optionally, the mode determining unit 402 is further configured to bind, for each menu item, the menu item and the list data corresponding to the menu item before creating a corresponding sliding linkage mode for each menu item and the corresponding grouping list, so as to associate the established sliding linkage mode with the corresponding list data when creating a corresponding sliding linkage mode for each menu item and the corresponding grouping view.
Fig. 5 illustrates a schematic diagram of a linkage of a page of an embodiment of the present disclosure.
As shown in fig. 5, the linkage 500 of the page includes: a monitoring unit 501, configured to monitor a page sliding event based on a list view in a page of an application program; the position determining and linking unit 502 is configured to perform at least one of the following operations based on the corresponding sliding linkage mode according to the monitored page sliding event: determining the hit menu item; and determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data.
Optionally, the position determining and linking unit 502 is further configured to mark the hit menu item after determining the hit menu item, so as to characterize that there is a scroll animation for the list data corresponding to the hit menu item on the page; and responsive to the list data corresponding to the hit menu item scrolling to the target location, deleting a marker for the hit menu item to characterize that scrolling animation on the page for the list data corresponding to the hit menu item has been completed.
Optionally, the position determining and linkage unit 502 is further configured to: when the monitored page sliding event is n, n is more than or equal to 2, only reserving marks of the hit menu items corresponding to the latest page sliding event, and canceling marks of the hit menu items corresponding to other page sliding events; the position determining and linking unit 502 is specifically configured to scroll, in the page, list data corresponding to the hit menu item corresponding to the latest page sliding event to the target position and display the list data.
Optionally, the position determining and linking unit 502 is further configured to, after a page sliding event based on a list view in a page of the listening application, perform a scroll animation for a menu item corresponding to the other page sliding event until switching to a menu item corresponding to the latest page sliding event.
Optionally, the position determining and linking unit 502 is specifically configured to determine an offset of the list data, and scroll and display list data corresponding to the hit menu item to a target position according to the offset of the list data.
Optionally, the position determining and linking unit 502 is specifically configured to scroll, according to the offset of the list data, the list data corresponding to the hit menu item to the target position in a reverse order manner, and display the list data.
Optionally, the position determining and linkage unit 502 is specifically configured to: determining whether to scroll the list data to the last grouping view for display based on an offset of the target position to a reference line of the last grouping view, and if the offset is positive, determining that the target position is to correspond to the last grouping view; if the offset is negative, determining that the target position is to correspond to a grouping view preceding the last grouping view, and so on until the corresponding grouping view is determined when the offset is positive, so as to correspond the target position to the grouping view when the offset is positive, so as to display the list data.
Fig. 6 schematically illustrates a schematic diagram of an electronic device according to an embodiment of the disclosure. As shown in fig. 6, the electronic device comprises a memory 601 for storing a computer executable program thereon and a processor 602 for running the computer executable program to implement the method of any of the above embodiments.
The present disclosure also provides a computer storage medium having stored thereon a computer executable program that is run to implement the method of any of the above embodiments.
The disclosed embodiments also provide a computer program product comprising a computer program which, when executed by a processor, implements the method of any of the disclosed embodiments.
The foregoing examples are merely specific embodiments of the present disclosure, and are not intended to limit the scope of the disclosure, but the present disclosure is not limited thereto, and those skilled in the art will appreciate that while the foregoing examples are described in detail, it is not limited to the disclosure: any person skilled in the art, within the technical scope of the disclosure of the present disclosure, may modify or easily conceive changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features thereof; such modifications, changes or substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the disclosure, and are intended to be included within the scope of the present disclosure. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.

Claims (16)

1. A method for configuring a sliding linkage mode, comprising:
Creating a list view according to a plurality of menu items to be displayed in a page of an application program and list data to be displayed corresponding to each menu item after being selected, wherein the list view comprises a plurality of grouping views, each menu item corresponds to one grouping view, so that the list data corresponding to each menu item is displayed based on the grouping views;
creating a corresponding sliding linkage pattern for each menu item and a corresponding grouping view, so that in response to monitoring that a page sliding event based on the list view exists, the following operations can be performed based on the corresponding sliding linkage pattern:
determining the hit menu item;
determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and displaying the list data at the target position;
wherein the sliding linkage mode includes at least one of a grouping mode, an index path mode, and an offset mode;
wherein: the grouping mode is used for associating the target position with the grouping view to locate the corresponding grouping view when determining the target position; the index path pattern is used to associate the target location with the group view and a row location in the group view to locate the corresponding group view and row location in the group view when determining the target location; the offset pattern is used to correlate the target location to the group view and to a true location in the group view to locate the corresponding group view and true location in the group view when determining the target location.
2. The method of claim 1, wherein after creating the list view according to the menu items to be displayed and the list data to be displayed corresponding to each menu item after being selected, further comprising:
creating the number of grouping views on the list view;
an association relationship between each grouping view and each menu item is established so that list data corresponding to each menu item is displayed based on the grouping view.
3. The method according to claim 2, wherein the establishing association of each menu item with each group view so as to display list data corresponding to each menu item based on the group view comprises:
and sequentially establishing the association relation between each grouping view and each menu item according to the sequence of the grouping views so as to display list data corresponding to each menu item based on the grouping views.
4. The method according to claim 2, wherein the establishing association of each grouping view with each menu item so as to display list data corresponding to each menu item based on the grouping view comprises:
based on the title bar object created for each menu item, an association relationship of each group view with each menu item is established so that list data corresponding to each menu item is displayed based on the group view.
5. The method of claim 1, wherein before creating a corresponding sliding linkage pattern for each menu item and a corresponding group view, comprising: binding the menu items and list data corresponding to the menu items for each menu item so that when a corresponding sliding linkage mode is created for each menu item and a corresponding grouping view, the established sliding linkage mode is associated with the corresponding list data.
6. A method of linking pages, comprising:
monitoring page sliding events based on the list view in the page of the application program;
according to the monitored page sliding event, based on the corresponding sliding linkage mode, the following operations are executed:
determining the hit menu item;
determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data;
wherein, according to a plurality of menu items to be displayed in the page of the application program and list data to be displayed corresponding to each menu item after being selected, creating a list view, the list view including a plurality of grouping views, each menu item corresponding to one grouping view, so as to display the list data corresponding to each menu item based on the grouping view;
Wherein the sliding linkage mode includes at least one of a grouping mode, an index path mode, and an offset mode;
wherein: the grouping mode is used for associating the target position with the grouping view to locate the corresponding grouping view when determining the target position; the index path pattern is used to associate the target location with the group view and a row location in the group view to locate the corresponding group view and row location in the group view when determining the target location; the offset pattern is used to correlate the target location to the group view and to a true location in the group view to locate the corresponding group view and true location in the group view when determining the target location.
7. The method of claim 6, wherein after determining the hit menu item, comprising:
marking the hit menu item to characterize the presence on the page of a scroll animation for list data corresponding to the hit menu item;
in response to the list data corresponding to the hit menu item scrolling to the target location, a marker for the hit menu item is deleted to characterize that a scrolling animation on the page for the list data corresponding to the hit menu item has been completed.
8. The method of claim 6, wherein following the list view based page slide event in the page of the listening application, comprising: when the monitored page sliding event is n, n is more than or equal to 2, only reserving marks of the hit menu items corresponding to the latest page sliding event, and canceling marks of the hit menu items corresponding to other page sliding events;
the step of scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data comprises the following steps: and scrolling the list data corresponding to the hit menu item corresponding to the latest page sliding event to the target position in the page and displaying the list data.
9. The method of claim 8, wherein following the list view based page slide event in the page of the listening application, comprising: and carrying out rolling animation on the menu items corresponding to the other page sliding events until switching to the menu item corresponding to the latest page sliding event.
10. The method of claim 8, wherein scrolling and displaying list data corresponding to the hit menu item to the target location in the page comprises: and determining the offset of the list data, and scrolling and displaying the list data corresponding to the hit menu item to a target position according to the offset of the list data.
11. The method of claim 10, wherein scrolling and displaying list data corresponding to the hit menu item to a target location according to an offset of the list data, comprises: and according to the offset of the list data, scrolling the list data corresponding to the hit menu item to a target position in a reverse order mode and displaying the list data.
12. The method of claim 11, wherein scrolling and displaying the list data corresponding to the hit menu item to the target location in a reverse order according to the offset of the list data, comprises: determining whether to scroll the list data to the last grouping view for display based on the offset of the target position to the reference line of the last grouping view, and if the offset is positive, determining that the target position is to correspond to the last grouping view; if the offset is negative, determining that the target position is to correspond to a grouping view preceding the last grouping view, and so on until the corresponding grouping view is determined when the offset is positive, so as to correspond the target position to the grouping view when the offset is positive, so as to display the list data.
13. A configuration device of a sliding linkage mode, comprising:
a creation unit for creating a list view including a plurality of group views, one group view for each menu item, based on a plurality of menu items to be displayed in a page of an application program and list data to be displayed after being hit corresponding to each menu item, so as to display the list data corresponding to each menu item based on the group view;
a mode determining unit, configured to create a corresponding sliding linkage mode for each menu item and a corresponding grouping view, so that in response to detecting that there is a page sliding event based on the list view, the following operations can be performed based on the corresponding sliding linkage mode:
determining the hit menu item;
determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and displaying the list data at the target position;
wherein the sliding linkage mode includes at least one of a grouping mode, an index path mode, and an offset mode;
wherein: the grouping mode is used for associating the target position with the grouping view to locate the corresponding grouping view when determining the target position; the index path pattern is used to associate the target location with the group view and a row location in the group view to locate the corresponding group view and row location in the group view when determining the target location; the offset pattern is used to correlate the target location to the group view and to a true location in the group view to locate the corresponding group view and true location in the group view when determining the target location.
14. A linkage for a page, comprising:
the monitoring unit is used for monitoring page sliding events based on the list view in the page of the application program;
the position determining and linkage unit is used for executing the following operations based on the corresponding sliding linkage mode according to the monitored page sliding event:
determining the hit menu item;
determining a target position to which list data corresponding to the hit menu item is to be scrolled in the page, and scrolling the list data corresponding to the hit menu item to the target position in the page and displaying the list data;
wherein, according to a plurality of menu items to be displayed in the page of the application program and list data to be displayed corresponding to each menu item after being selected, creating a list view, wherein the list view comprises a plurality of grouping views, each menu item corresponds to one grouping view, so as to display the list data corresponding to each menu item based on the grouping view;
wherein the sliding linkage mode includes at least one of a grouping mode, an index path mode, and an offset mode;
wherein: the grouping mode is used for associating the target position with the grouping view to locate the corresponding grouping view when determining the target position; the index path pattern is used to associate the target location with the group view and a row location in the group view to locate the corresponding group view and row location in the group view when determining the target location; the offset pattern is used to correlate the target location to the group view and to a true location in the group view to locate the corresponding group view and true location in the group view when determining the target location.
15. A computer storage medium, characterized in that the computer storage medium has stored thereon a computer executable program that is run to implement the method of any of claims 1-12.
16. An electronic device comprising a memory for storing a computer executable program thereon and a processor for running the computer executable program to implement the method of any of claims 1-12.
CN202111584297.7A 2021-12-22 2021-12-22 Configuration method of sliding linkage mode, page linkage method and page linkage device Active CN114253445B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111584297.7A CN114253445B (en) 2021-12-22 2021-12-22 Configuration method of sliding linkage mode, page linkage method and page linkage device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111584297.7A CN114253445B (en) 2021-12-22 2021-12-22 Configuration method of sliding linkage mode, page linkage method and page linkage device

Publications (2)

Publication Number Publication Date
CN114253445A CN114253445A (en) 2022-03-29
CN114253445B true CN114253445B (en) 2024-01-30

Family

ID=80794482

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111584297.7A Active CN114253445B (en) 2021-12-22 2021-12-22 Configuration method of sliding linkage mode, page linkage method and page linkage device

Country Status (1)

Country Link
CN (1) CN114253445B (en)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104156136A (en) * 2013-05-15 2014-11-19 上海渐华科技发展有限公司 Karaoke song requesting and control method based on optical finger navigation
CN109814781A (en) * 2017-11-22 2019-05-28 腾讯数码（天津）有限公司 Page sliding method, device
CN109933258A (en) * 2019-02-13 2019-06-25 北京三快在线科技有限公司 Information display method, device, electronic equipment and readable storage medium storing program for executing
CN110765401A (en) * 2019-10-24 2020-02-07 四川长虹电器股份有限公司 Method and system for displaying webpage top navigation menu
CN113568540A (en) * 2021-07-29 2021-10-29 北京锐安科技有限公司 Method, device, equipment and medium for displaying function menu in Web application
CN113656737A (en) * 2021-08-20 2021-11-16 北京百度网讯科技有限公司 Webpage content display method and device, electronic equipment and storage medium

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8352878B2 (en) * 2009-09-25 2013-01-08 International Business Machines Corporation Scrollable context menu for multiple element selection
US10430067B2 (en) * 2014-12-18 2019-10-01 Rovi Guides, Inc. Methods and systems for presenting scrollable displays
JP6829389B2 (en) * 2017-03-02 2021-02-10 オンキヨーホームエンターテイメント株式会社 Display device and control program for display device

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104156136A (en) * 2013-05-15 2014-11-19 上海渐华科技发展有限公司 Karaoke song requesting and control method based on optical finger navigation
CN109814781A (en) * 2017-11-22 2019-05-28 腾讯数码（天津）有限公司 Page sliding method, device
CN109933258A (en) * 2019-02-13 2019-06-25 北京三快在线科技有限公司 Information display method, device, electronic equipment and readable storage medium storing program for executing
CN110765401A (en) * 2019-10-24 2020-02-07 四川长虹电器股份有限公司 Method and system for displaying webpage top navigation menu
CN113568540A (en) * 2021-07-29 2021-10-29 北京锐安科技有限公司 Method, device, equipment and medium for displaying function menu in Web application
CN113656737A (en) * 2021-08-20 2021-11-16 北京百度网讯科技有限公司 Webpage content display method and device, electronic equipment and storage medium

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
兴趣分组模式下P2P网络Web数据服务研究;高静伟;李建国;王博辉;;制造业自动化(第15期);67-69,91 *
基于JAVA的简单计算器的设计与实现;任凯;;电脑知识与技术(第15期);3566-3567 *

Also Published As

Publication number Publication date
CN114253445A (en) 2022-03-29

Similar Documents

Publication Publication Date Title
US7032229B1 (en) Automatic tracking of user progress in a software application
US20110035143A1 (en) Method and apparatus for trip planning and recording medium
CN102609241B (en) hot patch method and device
CN106055462A (en) Method and device for duration acquisition
CN110221959B (en) Application program testing method, device and computer readable medium
CN107800757B (en) User behavior recording method and device
CN105117205A (en) Web page editing method and web page editing device
CN108984241A (en) Processing method, device, computer equipment and the storage medium of billboard card
CN106598926A (en) Operation cancellation method and apparatus
CN114253445B (en) Configuration method of sliding linkage mode, page linkage method and page linkage device
CN112988758A (en) Target object positioning method and device, electronic equipment and storage medium
US20090119619A1 (en) Method, apparatus and software for providing path usage data for links between data pages in a computer system
CN111724143A (en) RPA-based flow element positioning method and device, computing equipment and storage medium
CN113139112B (en) Information query processing method and device, terminal equipment and storage medium
CN110008243A (en) A kind of tables of data processing method and processing device
CN113377458B (en) Plug-in management method and device, electronic equipment and storage medium
CN110688103B (en) Code writing method, device, electronic equipment and computer readable storage medium
CN105095093A (en) Intelligent terminal performance test method and system
CN112800303B (en) Browser data storage and reading method and related device
CN116954704A (en) Code branch merging method, device, computer equipment and storage medium
CN106814931A (en) A kind of terminal and application program image target localization method
CN113835965A (en) Parameter track mark remaining method and device
CN103116445A (en) Operation method for inputting time quickly
JP2002182811A (en) Software support system and computer readable recording medium with support program recorded thereon
CN109213490A (en) A kind of program processing method, device and relevant device

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