CN110716684B - User interface display method and device, electronic equipment and machine-readable storage medium - Google Patents
User interface display method and device, electronic equipment and machine-readable storage medium Download PDFInfo
- Publication number
- CN110716684B CN110716684B CN201910958959.9A CN201910958959A CN110716684B CN 110716684 B CN110716684 B CN 110716684B CN 201910958959 A CN201910958959 A CN 201910958959A CN 110716684 B CN110716684 B CN 110716684B
- Authority
- CN
- China
- Prior art keywords
- list
- displayed
- user interface
- list item
- view
- 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
Images
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/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
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the disclosure provides a display method and device of a user interface, electronic equipment and a machine-readable storage medium. The method comprises the following steps: determining a list item to be displayed in the scroll view, which is to be moved into the user interface, according to the detected sliding operation on the scroll view through the user interface and the displayed list item displayed on the user interface in the scroll view, wherein the scroll view comprises at least two list views which are linearly arranged, and the list view comprises at least one list item; and moving the list items to be displayed into the user interface and displaying. According to the scheme provided by the embodiment of the disclosure, at least two list views are linearly arranged in the scroll view, so that codes corresponding to the list views are independent of each other, the design and maintenance of the codes are facilitated, and each list view can comprise list items with similar layouts, so that the multiplexing of the list view controls of the list items in the same list view is possible, and the purpose of reducing the memory overhead is further achieved.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and an apparatus for displaying a user interface, an electronic device, and a computer-readable storage medium.
Background
With the wide application of the terminal device, more and more contents need to be displayed on the graphical interface of the terminal device, and when the contents to be displayed on the graphical interface exceed one page, the contents can be displayed through a scrolling view. A scroll view is a displayed container that may contain multiple components of content beyond a page, and a user may view content on the scroll view by sliding the scroll view.
The scroll view display component may include a list view, list items to be displayed are listed in the list view in a list form, generally, list items with similar layouts may be displayed through one list view, and as the layout of the list items in the list view is similar, the list view control of the list items may be multiplexed, so when the list items are actually displayed, the display may be implemented through a multiplexing mechanism, and the content overhead may be reduced.
In addition, due to the fact that the layout of each list item in the list view is different, multiplexing cannot be achieved, and memory occupation is high.
Disclosure of Invention
This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the detailed description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.
The present disclosure aims to solve at least one of the above technical drawbacks. The technical scheme adopted by the disclosure is as follows:
in a first aspect, an embodiment of the present disclosure provides a method for displaying a user interface, where the method includes:
determining a list item to be displayed in the scroll view, which is to be moved into the user interface, according to the detected sliding operation on the scroll view through the user interface and the displayed list item displayed on the user interface in the scroll view, wherein the scroll view comprises at least two list views which are linearly arranged, and the list view comprises at least one list item;
and moving the list items to be displayed into the user interface and displaying.
In a second aspect, an embodiment of the present disclosure provides a display device of a user interface, including:
a list item to be displayed determining module, configured to determine a list item to be displayed in the scroll view, which is to be moved into the user interface, according to the detected sliding operation on the scroll view through the user interface and the displayed list item displayed on the user interface in the scroll view, where the scroll view includes at least two list views arranged linearly, and the list view includes at least one list item;
and the display module is used for moving the list items to be displayed into the user interface and displaying the list items.
In a third aspect, an embodiment of the present disclosure provides an electronic device, including: a processor and a memory;
a memory for storing a computer program;
a processor for executing the display method of the user interface as shown in the first aspect of the present disclosure by calling a computer program.
In a fourth aspect, the disclosed embodiments provide a computer-readable storage medium on which a computer program is stored, which when executed by a processor, implements the method of displaying the user interface shown in the first aspect of the disclosure.
The technical scheme provided by the embodiment of the disclosure has the following beneficial effects:
according to the scheme provided by the embodiment of the disclosure, when the sliding operation of the user on the scroll view is detected, the list items to be displayed, which are to be moved into the user interface, in the scroll view are determined based on the detected sliding operation and the displayed list items of the user interface, the list items to be displayed are moved into the user interface and displayed, because at least two list views are linearly arranged in the scroll view, the codes corresponding to the list views are mutually independent, the design and maintenance of the codes are convenient, and each list view can comprise the list items with similar layouts, so that the multiplexing of the list view controls of the list items in the same list view is possible, and the purpose of reducing the memory overhead is further achieved.
Drawings
The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and features are not necessarily drawn to scale.
In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure, the drawings used in the description of the embodiments of the present disclosure will be briefly described below.
Fig. 1 is a schematic flowchart of a display method of a user interface according to an embodiment of the present disclosure;
fig. 2a, fig. 2b, and fig. 2c are schematic diagrams illustrating relative positions of a user interface and a scroll view in a screen of a terminal device according to an embodiment of the present disclosure;
fig. 3 is a schematic structural diagram of a display device of a user interface according to an embodiment of the present disclosure;
fig. 4 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure.
Detailed Description
Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.
It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.
The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.
It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing the devices, modules or units, and are not used for limiting the devices, modules or units to be different devices, modules or units, and also for limiting the sequence or interdependence relationship of the functions executed by the devices, modules or units.
It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.
The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.
The following describes the technical solutions of the present disclosure and how to solve the above technical problems in specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present disclosure will be described below with reference to the accompanying drawings.
Fig. 1 shows a flowchart of a display method of a user interface provided by an embodiment of the present disclosure, and as shown in fig. 1, the method may mainly include:
step S110: determining a list item to be displayed in the scroll view, which is to be moved into the user interface, according to the detected sliding operation on the scroll view through the user interface and the displayed list item displayed on the user interface in the scroll view, wherein the scroll view comprises at least two list views which are linearly arranged, and the list view comprises at least one list item;
step S120: and moving the list items to be displayed into the user interface and displaying.
In the embodiment of the present disclosure, at least two list views may be linearly arranged in the scroll view, and the contents in each list view are independent of each other. In practical use, the list views in the scroll view may be arranged in sequence in the vertical direction, and the width of the scroll view may be the same as the width of the screen of the terminal device.
As one example, the user interface is a real estate application's feed details page, which includes: a cell-related article, a review of a cell-related article, details of a cell, and a cell-related house source. In the prior art, the above-mentioned article related to the cell, the comment related to the article related to the cell, the detailed information of the cell, and the house source related to the cell are put into a list view and displayed in a scroll view. Based on the scheme in the present disclosure, the above-mentioned cell-related article, the review of the cell-related article, the detail information of the cell, and the room source related to the cell respectively correspond to respective list views, and are linearly arranged in the scroll view.
As one example, as shown in FIG. 2a, a list item in a first list view in a scroll view includes: 1. 2, 3, 4, 5, 6, 7, 8, and 9, list items in the second one of the scroll views include: A. b, C, D, E, F, G, H, I, J, K and M. The user interface displayed in the screen of the terminal device is a list item in the first list view: 1. 2, 3, 4, 5, 6 and 7.
In the embodiment of the disclosure, because the content with similar layout in the page is taken as the independent list view, the codes corresponding to the list views are independent of each other, which is convenient for the design and maintenance of the codes.
In the embodiment of the present disclosure, the layouts of list items included in a list view may be similar, so as to facilitate multiplexing of list view controls of list items within the same list view, thereby reducing memory overhead.
In the embodiment of the disclosure, the user can slide the scroll view through the sliding operation performed on the touch user interface. When the sliding operation of the user is detected, the list item to be displayed to be moved into the user interface in the scroll view is determined based on the detected sliding operation and the displayed list item of the user interface, and the list item to be displayed is moved into the user interface and displayed.
According to the method provided by the embodiment of the disclosure, when the sliding operation of the user on the scroll view is detected, the list item to be displayed, which is to be moved into the user interface in the scroll view, is determined based on the detected sliding operation and the displayed list item of the user interface, the list item to be displayed is moved into the user interface and displayed, because at least two list views are linearly arranged in the scroll view, codes corresponding to the list views are mutually independent, the design and maintenance of the codes are convenient, and each list view can include the list items with similar layouts, so that the multiplexing of the list view controls of the list items in the same list view is possible, and the purpose of reducing the memory overhead is further achieved.
In an optional mode of the embodiment of the present disclosure, moving a list item to be displayed into a user interface includes:
determining list items to be loaded which do not exist in the displayed list items in the list items to be displayed;
and loading the list item to be loaded so as to move the list item to be displayed into the user interface.
In the embodiment of the disclosure, the list item to be displayed may include the displayed list item and the list item to be loaded, the displayed list item in the list item to be displayed is loaded, and reloading is not needed because the displayed list item is loaded, so that the list item to be loaded can be loaded after the list item to be loaded is determined, and the list item to be displayed is moved into the user interface to be displayed.
In an optional mode of the embodiment of the present disclosure, a list item that belongs to the same list view as a list item to be loaded exists in a displayed list item, and the list item to be loaded is loaded, so that the list item to be displayed is moved into a user interface, including:
taking a list view control of a list item which exists in a displayed list item and does not exist in a list item to be displayed as a multiplexing control;
and injecting the data content of the list item to be loaded into the multiplexing control so as to move the list item to be displayed into the user interface.
In the embodiment of the disclosure, when a list item which belongs to the same list view as a list item to be loaded exists in a displayed list item, a list view control of the list item which exists in the displayed list item and does not exist in the list item to be displayed can be used as a multiplexing control, and the multiplexing of the list view control is realized by injecting data content of the list item to be loaded into the multiplexing control.
When a list item which belongs to the same list view with the list item to be loaded exists in the displayed list items, if a list item which is moved out of the user interface exists in the same list view, the list items which are moved out of the user interface cannot be continuously displayed, and a list item to be loaded exists in the same list view, the list view control of the list item which is moved out of the user interface can be reused for loading of the list item to be loaded.
As an example, fig. 2a, 2b and 2c show schematic diagrams of the relative positions of a user interface in a terminal device screen and a scroll view, wherein list items in a first list view in the scroll view comprise: 1. 2, 3, 4, 5, 6, 7, 8, and 9, list items in the second one of the scroll views include: A. b, C, D, E, F, G, H, I, J, K and M.
When the relative positions of the user interface and the scroll view in the terminal device screen are as shown in fig. 2a, the displayed list items are 1, 2, 3, 4, 5, 6, and 7 in the first list view, and if the user performs a sliding operation on the scroll view, the list items to be displayed are 3, 4, 5, 6, 7, 8, and 9 in fig. 2b, when the user interface in fig. 2b is loaded, because the list items 1 and 2 displayed by the user interface in fig. 2a are no longer displayed, the list view control of the list items 1 and the list item 2 list view control can be multiplexed, and specifically, the data contents of the list items 7 and 8 can be injected into the list view control of the list items 1 and the list view control of the list items 2, so as to implement loading of the list items 7 and 8.
When the relative positions of the user interface in the terminal device screen and the scroll view are as shown in fig. 2b, the displayed list items are 3, 4, 5, 6, 7, 8 and 9 in the first list view, and when the scroll view is slid downwards from the position in fig. 2b, the list items to be loaded are list items in the second list view, at this time, the list view control of the list items in the first list view cannot be reused by the middle list items in the second list view, and the list items in the second list view need to be loaded respectively.
When the relative positions of the user interface and the scroll view in the terminal device screen are as shown in fig. 2c, the displayed list items are A, B, C, D, E, F and G in the second list view, and when the scroll view is slid further downward from the position in fig. 2c, the list item (e.g. list item H) at the lower side of the list item G is moved into the user interface, and the list item (e.g. list item a) at the top end of the user interface is moved out of the user interface, the list view control of the moved list item can be reused for loading the list item to be loaded which is moved into the user interface.
In practical use, for a list view with a total length smaller than the length of the user interface in the terminal device screen, since there is no list item to be loaded that can be multiplexed, the list item in the list view can be directly loaded and displayed when being displayed.
In an optional mode of the embodiment of the present disclosure, determining a list item to be displayed in a scroll view, which is to be moved into a user interface, includes:
and determining the list items to be displayed to be moved into the user interface in the scroll view based on the preset list item display quantity of each list view.
In the embodiment of the present disclosure, it is sufficient that the preset list item display numbers corresponding to the preset list items can be preset in each list view, the total length of the list items of the preset list item display numbers may be the same as the length of the user interface, or may be smaller than the length of the user interface, as shown in fig. 2a, the preset list item display numbers in the first list view are 7, the total length of the list items displayed in fig. 2a is the same as the length of the user interface, and certainly, the preset list item display number values may also be reduced, for example, to 6, at this time, the total length of the list items displayed in fig. 2a is smaller than the length of the user interface.
For example, list views linearly arranged in a scroll view may be respectively denoted as C1, C2, C3 … … Cn; the length of each list view can be respectively recorded as: h1, H2, H3 … … Hn, the total height of the scrolling view being H, H1+ H2+ H3+ … … + Hn; the total length of the list items of the preset list item display number corresponding to each list view can be respectively recorded as: s1, S2, S3 … … Sn.
In an optional manner of the embodiment of the present disclosure, determining a to-be-displayed list item to be moved into a user interface in a scroll view according to detecting a sliding operation on the scroll view through the user interface and a displayed list item displayed on the user interface in the scroll view includes:
acquiring a sliding distance and a sliding direction of sliding operation;
and determining the list items to be displayed to be moved into the user interface in the scroll view according to the displayed list items and based on the sliding distance and the sliding direction.
In the embodiment of the present disclosure, based on the sliding direction of the sliding operation, the direction of moving the scroll view may be determined, and based on the sliding distance of the sliding operation, the moving distance of the scroll view may be determined, so that based on the sliding distance and the sliding direction of the sliding operation, the list item to be displayed in the scroll view, which is to be moved into the user interface, may be determined based on the displayed list item.
In an optional mode of the embodiment of the present disclosure, determining a to-be-displayed list item to be moved into a user interface in a scroll view according to a displayed list item and based on a sliding distance and a sliding direction includes:
determining a first relative position of a displayed list item to the scroll view;
determining a second relative position according to the first relative position and based on the sliding distance and the sliding direction;
determining a list item to be displayed in the scroll view based on the second relative position.
According to the first relative position of the displayed list item and the scroll view, the second relative position can be determined according to the sliding distance and the sliding direction. For example, the first relative position may be a position of a top end of a displayed list item in the scroll view, denoted by Y, and the sliding distance may be denoted by offset, and the position of the top end of the list item to be displayed in the scroll view, i.e., the second relative position, may be determined based on the sliding direction and the sliding distance, and thus may be based on the list item to be displayed.
Based on the same principle as the method shown in fig. 1, fig. 3 shows a schematic structural diagram of a display device of a user interface provided by an embodiment of the present disclosure, and as shown in fig. 3, the display device 20 of the user interface may include:
a to-be-displayed list item determining module 210, configured to determine a to-be-displayed list item to be moved into the user interface in the scroll view according to the detected sliding operation on the scroll view through the user interface and the displayed list item displayed on the user interface in the scroll view, where the scroll view includes at least two list views arranged linearly, and the list view includes at least one list item;
and the display module 220 is used for moving the list items to be displayed into the user interface and displaying the list items.
According to the device provided by the embodiment of the disclosure, when the sliding operation of the user on the scroll view is detected, the list item to be displayed, which is to be moved into the user interface in the scroll view, is determined based on the detected sliding operation and the displayed list item of the user interface, the list item to be displayed is moved into the user interface and displayed, because at least two list views are linearly arranged in the scroll view, codes corresponding to the list views are mutually independent, the design and maintenance of the codes are convenient, and each list view can include the list items with similar layouts, so that the multiplexing of the list view controls of the list items in the same list view is possible, and the purpose of reducing the memory overhead is further achieved.
Optionally, the display module is specifically configured to, when moving the list item to be displayed into the user interface:
determining list items to be loaded which do not exist in the displayed list items in the list items to be displayed;
and loading the list item to be loaded so as to move the list item to be displayed into the user interface.
Optionally, the display module is configured to, when loading the list item to be loaded, move the list item to be displayed into the user interface, specifically:
when a list item which belongs to the same list view with the list item to be loaded exists in the displayed list item, taking a list view control of the list item which exists in the displayed list item and does not exist in the list item to be displayed as a multiplexing control;
and injecting the data content of the list item to be loaded into the multiplexing control so as to move the list item to be displayed into the user interface.
Optionally, when determining a to-be-displayed list item to be moved into the user interface in the scroll view, the to-be-displayed list item determining module is specifically configured to:
and determining the list items to be displayed to be moved into the user interface in the scroll view based on the preset list item display quantity of each list view.
Optionally, the to-be-displayed list item determining module is specifically configured to:
acquiring a sliding distance and a sliding direction of sliding operation;
and determining the list items to be displayed to be moved into the user interface in the scroll view according to the displayed list items and based on the sliding distance and the sliding direction.
Optionally, the to-be-displayed list item determining module is specifically configured to, when determining, according to the displayed list item and based on the sliding distance and the sliding direction, the to-be-displayed list item to be moved into the user interface in the scroll view:
determining a first relative position of a displayed list item to the scroll view;
determining a second relative position according to the first relative position and based on the sliding distance and the sliding direction;
determining a list item to be displayed in the scroll view based on the second relative position.
Referring now to fig. 4, shown is a schematic diagram of an electronic device (e.g., a terminal device that performs the method shown in fig. 1) 600 suitable for use in implementing embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a stationary terminal such as a digital TV, a desktop computer, and the like. The electronic device shown in fig. 4 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.
The electronic device includes: a memory and a processor, wherein the processor may be referred to as the processing device 601 hereinafter, and the memory may include at least one of a Read Only Memory (ROM)602, a Random Access Memory (RAM)603 and a storage device 608 hereinafter, which are specifically shown as follows:
as shown in fig. 4, electronic device 600 may include a processing means (e.g., central processing unit, graphics processor, etc.) 601 that may perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage means 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the electronic apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.
Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 4 illustrates an electronic device 600 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.
In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 609, or may be installed from the storage means 608, or may be installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the methods of the embodiments of the present disclosure.
It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.
In some embodiments, the clients, servers may communicate using any currently known or future developed network Protocol, such as HTTP (HyperText Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.
The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: determining a list item to be displayed in the scroll view, which is to be moved into the user interface, according to the detected sliding operation on the scroll view through the user interface and the displayed list item displayed on the user interface in the scroll view, wherein the scroll view comprises at least two list views which are linearly arranged, and the list view comprises at least one list item; and moving the list items to be displayed into the user interface and displaying.
Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The modules or units described in the embodiments of the present disclosure may be implemented by software or hardware. The name of a module or a unit does not in some cases form a limitation of the unit itself, for example, the to-be-displayed list item determination module may also be described as a "module for determining a to-be-displayed list item".
The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
According to one or more embodiments of the present disclosure, there is provided a display method of a user interface, including:
determining a list item to be displayed in the scroll view, which is to be moved into the user interface, according to the detected sliding operation on the scroll view through the user interface and the displayed list item displayed on the user interface in the scroll view, wherein the scroll view comprises at least two list views which are linearly arranged, and the list view comprises at least one list item;
and moving the list items to be displayed into the user interface and displaying.
According to the display method of the user interface provided by the disclosure, the list item to be displayed is moved into the user interface, and the method comprises the following steps:
determining list items to be loaded which do not exist in the displayed list items in the list items to be displayed;
and loading the list item to be loaded so as to move the list item to be displayed into the user interface.
According to the display method of the user interface provided by the present disclosure, a list item that belongs to the same list view as a list item to be loaded exists in the displayed list items, and the list item to be loaded is loaded, so that the list item to be displayed is moved into the user interface, including:
taking a list view control of a list item which exists in a displayed list item and does not exist in a list item to be displayed as a multiplexing control;
and injecting the data content of the list item to be loaded into the multiplexing control so as to move the list item to be displayed into the user interface.
According to the display method of the user interface provided by the present disclosure, determining a list item to be displayed in a scroll view, which is to be moved into the user interface, includes:
and determining the list items to be displayed to be moved into the user interface in the scroll view based on the preset list item display quantity of each list view.
According to the display method of the user interface provided by the present disclosure, determining a list item to be displayed in the scroll view, which is to be moved into the user interface, according to the detected sliding operation of the scroll view through the user interface and the displayed list item displayed in the user interface in the scroll view, includes:
acquiring a sliding distance and a sliding direction of sliding operation;
and determining the list items to be displayed to be moved into the user interface in the scroll view according to the displayed list items and based on the sliding distance and the sliding direction.
According to the display method of the user interface provided by the present disclosure, determining the list item to be displayed to be moved into the user interface in the scroll view according to the displayed list item and based on the sliding distance and the sliding direction includes:
determining a first relative position of a displayed list item to the scroll view;
determining a second relative position according to the first relative position and based on the sliding distance and the sliding direction;
determining a list item to be displayed in the scroll view based on the second relative position.
The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.
Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.
Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.
Claims (7)
1. A method for displaying a user interface, comprising:
determining a list item to be displayed in the scroll view to be moved into the user interface according to the detected sliding operation of the scroll view through the user interface and the displayed list item displayed on the user interface in the scroll view, wherein the scroll view comprises at least two list views which are linearly arranged, and the list view comprises at least one list item;
moving the list items to be displayed into the user interface and displaying;
the moving the list item to be displayed into the user interface includes:
determining to-be-loaded list items which do not exist in the displayed list items in the to-be-displayed list items;
loading the list item to be loaded so as to move the list item to be displayed into the user interface;
the method includes the steps that list items which belong to the same list view with the list items to be loaded exist in the displayed list items, the list items to be loaded are loaded, and therefore the list items to be displayed are moved into the user interface, and the method includes the steps of:
taking a list view control of a list item which exists in the displayed list item and does not exist in the list item to be displayed as a multiplexing control;
and injecting the data content of the list item to be loaded into the multiplexing control so as to move the list item to be displayed into the user interface.
2. The method of claim 1, wherein the determining a list item to be displayed in the scroll view to be moved into the user interface comprises:
and determining the list items to be displayed to be moved into the user interface in the scroll view based on the preset display list item display quantity of each list view.
3. The method of claim 1, wherein determining a list item to be displayed in the scroll view to be moved into the user interface in accordance with detecting a sliding operation of the scroll view through the user interface and a displayed list item displayed in the user interface in the scroll view comprises:
acquiring the sliding distance and the sliding direction of the sliding operation;
and determining the list items to be displayed to be moved into the user interface in the scroll view according to the displayed list items and based on the sliding distance and the sliding direction.
4. The method of claim 3, wherein determining a list item to be displayed in the scroll view to be moved into the user interface based on the sliding distance and the sliding direction according to the displayed list item comprises:
determining a first relative position of the displayed list item and the scroll view;
determining a second relative position according to the first relative position and based on the sliding distance and the sliding direction;
determining the list items to be displayed in the scroll view based on the second relative position.
5. A display device for a user interface, comprising:
a list item to be displayed determining module, configured to determine a list item to be displayed in the scroll view, which is to be moved into the user interface, according to a detected sliding operation on the scroll view through a user interface and a displayed list item displayed on the user interface in the scroll view, where the scroll view includes at least two list views arranged linearly, and the list view includes at least one list item;
the display module is used for moving the list items to be displayed into the user interface and displaying the list items;
the display module is specifically configured to, when moving the list item to be displayed into the user interface:
determining to-be-loaded list items which do not exist in the displayed list items in the to-be-displayed list items;
loading the list item to be loaded so as to move the list item to be displayed into the user interface;
the display module is configured to, when loading the list item to be loaded, move the list item to be displayed into the user interface, specifically:
when a list item which belongs to the same list view with the list item to be loaded exists in the displayed list item, taking a list view control of the list item which exists in the displayed list item and does not exist in the list item to be displayed as a multiplexing control;
and injecting the data content of the list item to be loaded into the multiplexing control so as to move the list item to be displayed into the user interface.
6. An electronic device comprising a processor and a memory;
the memory for storing a computer program;
the processor configured to execute the method of any one of claims 1-4 by invoking the computer program.
7. A computer-readable storage medium, characterized in that the storage medium has stored thereon a computer program which, when being executed by a processor, carries out the method of any one of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910958959.9A CN110716684B (en) | 2019-10-10 | 2019-10-10 | User interface display method and device, electronic equipment and machine-readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910958959.9A CN110716684B (en) | 2019-10-10 | 2019-10-10 | User interface display method and device, electronic equipment and machine-readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110716684A CN110716684A (en) | 2020-01-21 |
| CN110716684B true CN110716684B (en) | 2021-01-15 |
Family
ID=69211348
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910958959.9A Active CN110716684B (en) | 2019-10-10 | 2019-10-10 | User interface display method and device, electronic equipment and machine-readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110716684B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111857481A (en) | 2020-07-24 | 2020-10-30 | 京东方科技集团股份有限公司 | Image display method, apparatus and storage medium |
| CN112148176B (en) * | 2020-09-30 | 2022-11-15 | 维沃移动通信有限公司 | Pendant control method and device, electronic equipment and readable storage medium |
| CN112817672A (en) * | 2021-01-06 | 2021-05-18 | 北京元年科技股份有限公司 | Data presentation method and corresponding apparatus, computer device and medium |
| CN112860365A (en) * | 2021-02-09 | 2021-05-28 | 北京达佳互联信息技术有限公司 | Content display method and device, electronic equipment and readable storage medium |
| CN114637447A (en) * | 2022-03-21 | 2022-06-17 | 北京有竹居网络技术有限公司 | List display method, apparatus, device, storage medium and program product |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106648642A (en) * | 2016-12-09 | 2017-05-10 | 武汉斗鱼网络科技有限公司 | Infinite page scrolling method of slide view in IOS client end and system |
| CN107219983A (en) * | 2017-06-20 | 2017-09-29 | 武汉斗鱼网络科技有限公司 | List display method and device |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090187829A1 (en) * | 2008-01-21 | 2009-07-23 | International Business Machines Corporation | Aggregation and visualization of reused shared lists |
| CN109828802B (en) * | 2017-11-23 | 2023-03-21 | 腾讯科技（武汉）有限公司 | List view display method, device and readable medium |
| CN109725795A (en) * | 2018-12-27 | 2019-05-07 | 北京字节跳动网络技术有限公司 | A kind of method, apparatus and computer readable medium for Multi-view display |
-
2019
- 2019-10-10 CN CN201910958959.9A patent/CN110716684B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106648642A (en) * | 2016-12-09 | 2017-05-10 | 武汉斗鱼网络科技有限公司 | Infinite page scrolling method of slide view in IOS client end and system |
| CN107219983A (en) * | 2017-06-20 | 2017-09-29 | 武汉斗鱼网络科技有限公司 | List display method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110716684A (en) | 2020-01-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110716684B (en) | User interface display method and device, electronic equipment and machine-readable storage medium | |
| CN111399956B (en) | Content display method and device applied to display equipment and electronic equipment | |
| CN111190520A (en) | Menu item selection method and device, readable medium and electronic equipment | |
| CN110633126B (en) | Information display method and device and electronic equipment | |
| EP4231143A1 (en) | Information display method and apparatus, electronic device, and computer readable storage medium | |
| CN111596991A (en) | Interactive operation execution method and device and electronic equipment | |
| CN111273986A (en) | Page jump method and device of application program, electronic equipment and storage medium | |
| CN113741756A (en) | Information processing method, device, terminal and storage medium | |
| CN111324834B (en) | Method, device, electronic equipment and computer readable medium for image-text mixed arrangement | |
| CN111259291B (en) | View display method and device and electronic equipment | |
| CN112256221A (en) | Information display method and device and electronic equipment | |
| CN112380819A (en) | Document editing method and device and electronic equipment | |
| CN111273884A (en) | Image display method and device and electronic equipment | |
| CN111596823A (en) | Page display method and device and electronic equipment | |
| CN111324405A (en) | Character display method and device and electronic equipment | |
| CN113204557B (en) | Electronic form importing method, device, equipment and medium | |
| CN115016878A (en) | Information processing method and device and electronic equipment | |
| CN113163483B (en) | Timestamp updating method and device and electronic equipment | |
| CN111290812B (en) | Display method, device, terminal and storage medium of application control | |
| CN110457106B (en) | Information display method, device, equipment and storage medium | |
| CN113656128A (en) | Page generation method and device and electronic equipment | |
| CN112711457A (en) | Method and device for field drawing and electronic equipment | |
| CN112333462A (en) | Live broadcast room page jumping method, returning device and electronic equipment | |
| CN111770385A (en) | Card display method and device, electronic equipment and medium | |
| CN112307394A (en) | Information display method and device and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230428 Address after: Room 802, Information Building, 13 Linyin North Street, Pinggu District, Beijing, 101299 Patentee after: Beijing youzhuju Network Technology Co.,Ltd. Address before: No. 715, 7th floor, building 3, 52 Zhongguancun South Street, Haidian District, Beijing 100081 Patentee before: Beijing infinite light field technology Co.,Ltd. |