CN107589892B - Interaction method, system, equipment and storage medium for pull-down expansion of menu - Google Patents
Interaction method, system, equipment and storage medium for pull-down expansion of menu Download PDFInfo
- Publication number
- CN107589892B CN107589892B CN201710775304.9A CN201710775304A CN107589892B CN 107589892 B CN107589892 B CN 107589892B CN 201710775304 A CN201710775304 A CN 201710775304A CN 107589892 B CN107589892 B CN 107589892B
- Authority
- CN
- China
- Prior art keywords
- area
- level
- display screen
- touch display
- queue
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides an interactive method, a system, equipment and a storage medium for menu pull-down expansion, wherein the method comprises the following steps: a plurality of first-level item areas are arranged in a queue along the length direction of the touch display screen and displayed in the first area of the touch display screen, each first-level item area is configured to start a first-level item, at least one first-level item is provided with a plurality of second-level items, a second area used for triggering the expansion of a first-level item menu is generated on one side of each first-level item area, and each second area is contained in the first area; and moving the queue of the first-level project area according to the finger sweeping gesture in the first area to form a third area, and displaying the second-level projects in the third area of the touch display screen one by one. The invention can display the subordinate submenus one by one according to the operation of the user, provides a more precise operation mode and greatly improves the humanized experience.
Description
Technical Field
The invention relates to the field of menu interaction modes of mobile terminals, in particular to an interaction method, a system, equipment and a storage medium for pull-down expansion of a menu.
Background
The existing menu interaction mode is that a user clicks a 'more' button at an upper menu and pops up all lower menus at a time. However, as the functions and application fields of the existing mobile phone become more and more complex, the number of the lower menus is very large, and the operation experience of flicking all the lower menus is very poor.
Therefore, the invention provides an interactive method, a system, equipment and a storage medium for menu pull-down expansion.
Disclosure of Invention
Aiming at the problems in the prior art, the invention aims to provide an interaction method, a system, equipment and a storage medium for pulling down and expanding a menu, provides a new interaction mode, can display subordinate submenus one by one according to the operation of a user, provides a more precise operation mode and greatly improves the humanized experience.
The embodiment of the invention provides an interaction method for pulling down and expanding a menu, which is used for a mobile terminal with a touch display screen for detecting touch pressure, and comprises the following steps:
s101, a plurality of first-level item areas are arrayed in a queue along the length direction of the touch display screen and displayed in the first area of the touch display screen, each first-level item area is configured to start a first-level item, at least one first-level item is provided with a plurality of second-level items, a second area used for triggering the expansion of a first-level item menu is generated on one side of each first-level item area, and the second area is contained in the first area;
s102, judging whether a finger sweeping gesture on the touch display screen in the first area is detected, if so, executing a step S103, and if not, executing a step S104;
s103, responding to a finger sweeping gesture on the touch display screen in the first area, wherein the queue of the first-level project area moves according to the movement direction and the movement distance of the finger sweeping gesture and is displayed in the first area on the touch display screen;
s104, judging whether a finger sweeping gesture on the touch display screen in the second area is detected and whether the pressure of the finger sweeping gesture on the second area is larger than a preset pressure threshold value, if so, executing a step S105, and if not, executing a step S107;
s105, responding to a finger sweeping gesture on the touch display screen in the second area, wherein the second area moves along a direction departing from the first-level project according to the movement distance of the finger sweeping gesture, a third area is formed between the second area and the first-level project area corresponding to the second area, at least one second-level project area corresponding to the first-level project is arranged in a queue along the length direction of the touch display screen and is displayed in the third area of the touch display screen one by one according to the height of the third area, and each second-level project area is configured to start a second-level project;
and S107, ending.
Preferably, the plurality of second level items are spread in an interactive manner of spreading a folding fan.
Preferably, in step S101, the second area is formed on a side of the first-level item area close to the bottom of the touch display screen.
Preferably, in step S103, the queue moving direction of the first level item area is the same as the moving direction of the finger sweep gesture, and the queue moving distance of the first level item area is the same as the moving distance of the finger sweep gesture.
Preferably, in step S105, the queue moving direction of the second level item area is the same as or opposite to the moving direction of the finger sweep gesture, and the queue moving distance of the second level item area is the same as the moving distance of the finger sweep gesture.
Preferably, in step S105, the pressure applied to the touch display screen by the finger sweeping gesture is always greater than a preset pressure threshold during the movement.
Preferably, the queue of the plurality of first level item areas on the side of the second area facing away from the second area does not move.
Preferably, step S106 is further included between step S105 and step S107;
step S106, at least a fourth area is arranged at two ends of the touch display screen in the length direction, when the finger sweep gesture reaches the fourth area and the pressure of the finger sweep gesture on the fourth area is greater than a preset pressure threshold, the queue of the second-level project areas continuously maintains the moving direction in step S105, and more second-level project areas are arranged in the queue along the length direction of the touch display screen and are displayed in the third area of the touch display screen one by one according to the height of the third area.
Preferably, in step S106, the pressure on the fourth area is always kept greater than a preset pressure threshold by the finger sweeping gesture.
Preferably, when the height of the third area exceeds the display range of the touch display screen, the touch display screen only displays the queue of the second-level item area which appears latest.
Preferably, the first level project is a group in the chat tool, and the second level project is an account of the opposite party in the group in the chat tool.
Preferably, the first level item is a favorite of the browser, and the second level item is a website address in the favorite of the browser.
Preferably, the first level item is a catalog of the reader, and the second level item is a sub-section of the catalog of the reader.
The embodiment of the present invention further provides an interactive system for menu pull-down expansion, which is used in the interactive method for menu pull-down expansion, and the interactive system for menu pull-down expansion includes that the interactive system for menu pull-down expansion is a mobile terminal having a touch display screen for detecting touch pressure, and the mobile terminal includes:
an item arrangement display module, wherein a plurality of first-level item areas are arranged in a queue along the length direction of the touch display screen and displayed in the first area of the touch display screen, each first-level item area is configured to start a first-level item, at least one first-level item has a plurality of second-level items, a second area used for triggering the expansion of a first-level item menu is generated on one side of the first-level item area, and the second area is contained in the first area;
the first finger sweeping gesture detection module is used for judging whether a finger sweeping gesture on the touch display screen in the first area is detected or not, if so, the queue movement module of the first-level project area is executed, and if not, the second finger sweeping gesture detection module is executed;
the queue moving module of the first-level project area responds to a finger sweeping gesture on the touch display screen in the first area, and the queue of the first-level project area moves according to the movement direction and the movement distance of the finger sweeping gesture and is displayed in the first area on the touch display screen;
the second finger sweeping gesture detection module is used for judging whether the finger sweeping gesture on the touch display screen in the second area is detected and the pressure of the finger sweeping gesture on the second area is greater than a preset pressure threshold value, if so, the queue moving module of the second-level project area is executed, and if not, the queue moving module is ended;
and the queue moving module of the second-level project area responds to a finger sweeping gesture on the touch display screen in the second area, the second area moves along the direction away from the first-level project according to the movement distance of the finger sweeping gesture, a third area is formed between the second area and the first-level project area corresponding to the second area, at least one second-level project area corresponding to the first-level project is arranged in a queue along the length direction of the touch display screen and is displayed in the third area of the touch display screen one by one according to the height of the third area, and each second-level project area is configured to start a second-level project.
An embodiment of the present invention further provides an interactive device for menu pull-down expansion, including:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the above-described interactive method of menu drop-down expansion via execution of the executable instructions.
Embodiments of the present invention also provide a computer-readable storage medium for storing a program, which when executed implements the steps of the above-mentioned interactive method for drop-down expansion of menus.
The interaction method, the system, the equipment and the storage medium for pulling down and expanding the menu provide a new interaction mode, can display the subordinate submenus one by one according to the operation of the user, provide a more accurate operation mode and greatly improve the humanized experience.
Drawings
Other features, objects and advantages of the present invention will become more apparent upon reading of the following detailed description of non-limiting embodiments thereof, with reference to the accompanying drawings.
FIG. 1 is a flow chart of an interactive method of menu pull-down expansion of the present invention.
Fig. 2 to 11 are flowcharts of an embodiment of an interactive method for menu pull-down expansion of the present invention.
FIG. 12 is a block diagram of an interactive system for menu pull-down expansion of the present invention.
Fig. 13 is a schematic structural diagram of the interactive device for menu pull-down expansion of the present invention. And
fig. 14 is a schematic structural diagram of a computer-readable storage medium according to an embodiment of the present invention.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art. The same reference numerals in the drawings denote the same or similar structures, and thus their repetitive description will be omitted.
FIG. 1 is a flow chart of an interactive method of menu pull-down expansion of the present invention. As shown in fig. 1, an embodiment of the present invention provides an interaction method for drop-down expansion of a menu, which is used for a mobile terminal having a touch display screen for detecting a touch pressure, and includes the following steps:
s101, a plurality of first-level item areas are arrayed in a queue along the length direction of the touch display screen and displayed in the first areas of the touch display screen, each first-level item area is configured to start a first-level item, at least one first-level item is provided with a plurality of second-level items, a second area used for triggering expansion of a first-level item menu is generated on one side of each first-level item area, and the second areas are contained in the first areas. The second area is formed on one side of the first-level item area close to the bottom of the touch display screen, and can be one of the upper side, the lower side, the left side or the right side.
S102, judging whether a finger sweeping gesture on the touch display screen in the first area is detected, if so, executing a step S103, and if not, executing a step S104.
And S103, responding to the finger sweeping gesture on the touch display screen in the first area, moving the queue of the first-level item area according to the motion direction and the motion distance of the finger sweeping gesture, and displaying the queue in the first area on the touch display screen. In a preferred embodiment, the direction of the movement of the queue of the first level item area is the same as the direction of the movement of the finger sweep gesture, and the distance of the movement of the queue of the first level item area is the same as the distance of the movement of the finger sweep gesture.
S104, judging whether a finger sweeping gesture on the touch display screen in the second area is detected and whether the pressure of the finger sweeping gesture on the second area is larger than a preset pressure threshold value, if so, executing a step S105, and if not, executing a step S107.
And S105, responding to a finger sweeping gesture on the touch display screen in the second area, wherein the second area moves along the direction departing from the first-level project according to the movement distance of the finger sweeping gesture, a third area is formed between the second area and the first-level project area corresponding to the second area, at least one second-level project area corresponding to the first-level project is arranged in a queue along the length direction of the touch display screen and is displayed in the third area of the touch display screen one by one according to the height of the third area, and each second-level project area is configured to start a second-level project. In a preferred embodiment, the direction of the movement of the queue of the second level item area is the same as or opposite to the direction of the movement of the finger sweep gesture, and the distance of the movement of the queue of the second level item area is the same as the distance of the movement of the finger sweep gesture. In another preferred embodiment, the queue of the plurality of first level entry areas on the side of the second area facing away from the second area does not move. In step S105, the finger sweeping gesture keeps the pressure on the touch display screen greater than a preset pressure threshold value all the time during the movement.
Step S106, at least one fourth area is arranged at two ends of the touch display screen in the length direction, when the finger sweeping gesture reaches the fourth area and the pressure of the finger sweeping gesture on the fourth area is larger than a preset pressure threshold value, the queue of the second-level project areas continuously keeps the moving direction in the step 105, and more second-level project areas are arrayed in the length direction of the touch display screen and are displayed in the third area of the touch display screen one by one according to the height of the third area. In a preferred embodiment, when the height of the third area exceeds the display range of the touch display screen, the touch display screen only displays the queue of the second-level item area which appears latest. In step S106, the finger sweep gesture always keeps the pressure on the fourth area greater than a preset pressure threshold.
And S107, ending.
The interactive method for menu pull-down expansion of the invention has a plurality of different application scenes, such as:
the first application scenario: the first level project is a group in the chat tool and the second level project is an account of the opposite party in the group of the chat tool.
Second application scenario: the first level item is a favorite of the browser, and the second level item is a website address in the favorite of the browser.
The third application scenario: the first level items are directories of the reader, and the second level items are sub-sections of the reader under the directories.
In the above application scenarios, the present invention can controllably display the second-level items one by one, so that the user can clearly see each newly displayed second-level item. And when the user finds the target of the user in the displayed second-level items, the pull-down operation can be stopped immediately, so that the time and the energy of the user are saved.
In one variation, the plurality of second level items are spread in an interactive manner that spreads out a fan.
Fig. 2 to 11 are flowcharts of an embodiment of an interactive method for menu pull-down expansion of the present invention. As shown in fig. 2 to 11, the interaction method for menu pull-down expansion according to the present invention is described in detail below by an embodiment, and is mainly applied to a mobile terminal 1 having a touch display screen 2 for detecting touch pressure.
As shown in fig. 2 to 3, a plurality of first level item areas 11 are arranged in a queue along the length direction of the touch display screen and displayed in a first area 41 (an area with a grid) of the touch display screen, each first level item area 11 is configured to activate a first level item (i.e. A, B, C, D four first level items), at least one first level item has a plurality of second level items, a second area 42 (an area with vertical lines) for triggering the first level item menu expansion control 12 (displayed as a "more" control) is generated below (a side near the lower end of the screen) the first level item area 11, and the second area 12 is included in the first area 41 (i.e. the area range of the second area 12 also belongs to the area range of the first area 41).
As shown in fig. 4 to 5, by determining whether a finger sweep gesture on the touch display screen in the first area 41 is detected. In response to the finger sweep gesture on the touch display screen in the first area 41, the queue of the first level item area 11 moves according to the movement direction and the movement distance of the finger sweep gesture, and is displayed in the first area 41 on the touch display screen. When the finger is slid upward within the first area 41 on the screen from position 31, the direction of the queue movement of the first level item area 11 is the same as the direction of the motion of the finger sweep gesture, and the distance of the queue movement N of the first level item area 11 is the same as the distance of the motion M of the finger sweep gesture, then 5 first level items (i.e., C, D, E, F, G five first level items) are displayed.
As shown in fig. 6 to 7, by determining whether a finger sweep gesture on the touch display screen in the second area 42 is detected and the pressure of the finger sweep gesture on the second area 42 is greater than a preset pressure threshold. A mobile terminal implementing the present invention must be able to sense the degree of pressing of a screen by a user. This can be measured by placing a pressure sensor under the screen (e.g. the 3D Touch function of iPhone7 p) or by a motion sensor of the mobile terminal itself, which will not be described in detail here. When the finger moves downwards from the position 32 to the position 33, in response to the finger sweep gesture on the touch display screen in the second area 42, the second area 42 moves in a direction away from the first-level item according to the movement distance of the finger sweep gesture, a third area 43 is formed between the second area 42 and the first-level item area 11 corresponding to the second area 42, and three second-level item areas corresponding to the first-level item are arranged in a queue along the length direction of the touch display screen and are displayed in the third area 43 of the touch display screen one by one according to the height of the third area 43, but not limited thereto. The first level item B in this embodiment contains a total of 20 second level items (from B1 to B20). Each second level item area is configured to launch a second level item. The queue movement direction of the second level item area is the same or opposite to the movement direction of the finger sweep gesture, the queue movement distance N of the second level item area is the same as the movement distance M of the finger sweep gesture, and the queue of the plurality of first level item areas 11 on the side of the second area 42 facing away from the second area 42 does not move.
As shown in fig. 8 to 11, at least one fourth area 44 is disposed at two ends of the touch display screen in the length direction, and when the finger sweeping gesture reaches the fourth area 44 and the pressure of the finger sweeping gesture on the fourth area 44 is greater than the preset pressure threshold, that is, the position 34 of the finger touch screen is within the range of the fourth area 44. The queue of second level item areas keeps the moving direction in step 105, and more second level item areas are queued along the length of the touch screen and displayed in the third area 43 of the touch screen one by one according to the height of the third area 43 until all second level items are fully displayed, i.e. until the last second level item B20 under the first level item B is displayed, and the movement is stopped. When the height of the third area 43 exceeds the display range of the touch display screen, the touch display screen only displays the queue of the second level item areas that appear most recently.
FIG. 12 is a block diagram of an interactive system for menu pull-down expansion of the present invention. As shown in fig. 12, an embodiment of the present invention further provides an interactive system 9 for menu pull-down expansion, which is used in the above interactive method for menu pull-down expansion, where the interactive system for menu pull-down expansion includes that the interactive system for menu pull-down expansion is a mobile terminal having a touch display screen for detecting touch pressure, and the mobile terminal includes:
the item arrangement display module 91 is configured to arrange a plurality of first-level item areas in a queue along a length direction of the touch display screen and display the first-level item areas in the first area of the touch display screen, each first-level item area is configured to start a first-level item, at least one first-level item has a plurality of second-level items, a second area used for triggering the expansion of the first-level item menu is generated on one side of the first-level item area, and the second area is included in the first area.
The first finger sweep gesture detection module 92 determines whether a finger sweep gesture on the touch display screen in the first area is detected, if so, the queue movement module 93 of the first level project area is executed, and if not, the second finger sweep gesture detection module 94 is executed.
The queue moving module 93 of the first-level item area, in response to the finger sweep gesture on the touch display screen in the first area, moves the queue of the first-level item area according to the movement direction and the movement distance of the finger sweep gesture, and displays the queue in the first area on the touch display screen.
The second finger sweep gesture detection module 94 determines whether the finger sweep gesture on the touch display screen in the second area is detected and the pressure of the finger sweep gesture on the second area is greater than a preset pressure threshold, if so, executes the queue movement module of the second level item area, and if not, ends.
The queue moving module 95 of the second-level project area, in response to a finger sweep gesture on the touch display screen in the second area, moves the second area along a direction away from the first-level project according to a movement distance of the finger sweep gesture, forms a third area between the second area and the first-level project area corresponding to the second area, arranges a queue in a length direction of the touch display screen for at least one second-level project area corresponding to the first-level project and displays the second-level project areas in the third area of the touch display screen one by one according to a height of the third area, and each second-level project area is configured to start a second-level project.
The menu pull-down expanding interactive system of the present invention can also controllably display the second level items one by one so that the user can clearly see each newly displayed second level item. And when the user finds the target of the user in the displayed second-level items, the pull-down operation can be stopped immediately, so that the time and the energy of the user are saved.
The embodiment of the invention also provides an interactive device for pulling and unfolding the menu, which comprises a processor. A memory having stored therein executable instructions of the processor. Wherein the processor is configured to perform the steps of the interactive method via a menu pull-down expansion executed by executing the executable instructions.
As described above, the embodiment provides a new interactive mode, and can display the subordinate submenus one by one according to the operation of the user, thereby providing a more precise operation mode and greatly improving the humanized experience.
As will be appreciated by one skilled in the art, aspects of the present invention may be embodied as a system, method or program product. Thus, various aspects of the invention may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" platform.
Fig. 13 is a schematic structural diagram of the interactive device for menu pull-down expansion of the present invention. An electronic device 600 according to this embodiment of the invention is described below with reference to fig. 13. The electronic device 600 shown in fig. 13 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 13, the electronic device 600 is embodied in the form of a general purpose computing device. The components of the electronic device 600 may include, but are not limited to: at least one processing unit 610, at least one memory unit 620, a bus 630 connecting the different platform components (including the memory unit 620 and the processing unit 610), a display unit 640, etc.
Wherein the storage unit stores program code executable by the processing unit 610 to cause the processing unit 610 to perform steps according to various exemplary embodiments of the present invention described in the above-mentioned electronic prescription flow processing method section of the present specification. For example, processing unit 610 may perform the steps as shown in fig. 1.
The storage unit 620 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)6201 and/or a cache memory unit 6202, and may further include a read-only memory unit (ROM) 6203.
The memory unit 620 may also include a program/utility 6204 having a set (at least one) of program modules 6205, such program modules 6205 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 600, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 600 to communicate with one or more other computing devices. Such communication may occur via an input/output (I/O) interface 650. Also, the electronic device 600 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the Internet) via the network adapter 660. The network adapter 660 may communicate with other modules of the electronic device 600 via the bus 630. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage platforms, to name a few.
The embodiment of the invention also provides a computer readable storage medium for storing a program, and the steps of the interactive method for menu pull-down expansion are realized when the program is executed. In some possible embodiments, the aspects of the present invention may also be implemented in the form of a program product comprising program code for causing a terminal device to perform the steps according to various exemplary embodiments of the present invention described in the above-mentioned electronic prescription flow processing method section of this specification, when the program product is run on the terminal device.
As described above, when the program of the computer-readable storage medium of this embodiment is executed, by providing a new interactive mode, the lower level submenus can be displayed one by one according to the operation of the user, a more precise operation mode is provided, and the user experience is greatly improved.
Fig. 14 is a schematic structural diagram of a computer-readable storage medium of the present invention. Referring to fig. 14, a program product 800 for implementing the above method according to an embodiment of the present invention is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present invention is not limited in this regard and, in the present document, a 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.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A 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 (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, 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.
A computer readable storage medium may include a propagated data signal with readable program code embodied therein, for example, 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 readable storage medium may also be any readable medium that is not a 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 readable storage medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like 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 computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
In summary, the interactive method, system, device and storage medium for menu pull-down expansion of the present invention can controllably display the second-level items one by one, so that the user can clearly see each newly displayed second-level item; and when the user finds the target of the user in the displayed second-level items, the pull-down operation can be stopped immediately, so that the time and the energy of the user are saved. The invention provides a new interactive mode, can display the subordinate submenus one by one according to the operation of the user, provides a more accurate operation mode and greatly improves the humanized experience.
The foregoing is a more detailed description of the invention in connection with specific preferred embodiments and it is not intended that the invention be limited to these specific details. For those skilled in the art to which the invention pertains, several simple deductions or substitutions can be made without departing from the spirit of the invention, and all shall be considered as belonging to the protection scope of the invention.
Claims (15)
1. An interaction method for menu pull-down expansion is characterized in that the method is used for a mobile terminal with a touch display screen for detecting touch pressure, and comprises the following steps:
s101, a plurality of first-level item areas are arrayed in a queue along the length direction of the touch display screen and displayed in a first area of the touch display screen, each first-level item area is configured to start a first-level item, at least one first-level item is provided with a plurality of second-level items, a second area used for triggering the expansion of a first-level item menu is generated on one side of the first-level item area, the second area is contained in the first area, and the second area is formed on one side, close to the bottom of the touch display screen, of the first-level item area and is located in the queue of the first-level item area;
s102, judging whether a finger sweeping gesture on the touch display screen in the first area is detected, if so, executing a step S103, and if not, executing a step S104;
s103, responding to a finger sweeping gesture on the touch display screen in the first area, wherein the queue of the first-level project area moves according to the movement direction and the movement distance of the finger sweeping gesture and is displayed in the first area on the touch display screen;
s104, judging whether a finger sweeping gesture on the touch display screen in the second area is detected and whether the pressure of the finger sweeping gesture on the second area is larger than a preset pressure threshold value, if so, executing a step S105, and if not, executing a step S107;
s105, responding to a finger sweeping gesture on the touch display screen in the second area, wherein the second area moves along a direction departing from the first-level project according to the movement distance of the finger sweeping gesture, a third area is formed between the second area and the first-level project area corresponding to the second area, at least one second-level project area corresponding to the first-level project is arranged in a queue along the length direction of the touch display screen and is displayed in the third area of the touch display screen one by one according to the height of the third area, and each second-level project area is configured to start a second-level project;
and S107, ending.
2. An interactive method for drop down expansion of menus according to claim 1, characterized by: in step S101, the second area is formed on one side of the first-level item area close to the bottom of the touch display screen.
3. An interactive method for drop down expansion of menus according to claim 1, characterized by: in step S103, a queue moving direction of the first level item area is the same as a moving direction of the finger sweep gesture, and a queue moving distance of the first level item area is the same as a moving distance of the finger sweep gesture.
4. An interactive method for drop down expansion of menus according to claim 1, characterized by: in step S105, a queue moving direction of the second level item area is the same as or opposite to a moving direction of the finger sweep gesture, and a queue moving distance of the second level item area is the same as the moving distance of the finger sweep gesture.
5. The interactive method for drop down expansion of menus of claim 4, wherein: the queues of the plurality of first level entry areas on the side of the second area facing away from the second area do not move.
6. An interactive method for drop down expansion of menus according to claim 1, characterized by: in step S105, the finger sweeping gesture keeps the pressure on the touch display screen greater than a preset pressure threshold value all the time during the movement.
7. An interactive method for drop down expansion of menus according to claim 1, characterized by: a step S106 is also included between the step S105 and the step S107;
step S106, at least a fourth area is arranged at two ends of the touch display screen in the length direction, when the finger sweep gesture reaches the fourth area and the pressure of the finger sweep gesture on the fourth area is greater than a preset pressure threshold, the queue of the second-level project areas continuously maintains the moving direction in step S105, and more second-level project areas are arranged in the queue along the length direction of the touch display screen and are displayed in the third area of the touch display screen one by one according to the height of the third area.
8. An interactive method for drop down expansion of menus according to claim 7, characterized by: and when the height of the third area exceeds the display range of the touch display screen, the touch display screen only displays the queue of the second-level project area which appears latest.
9. An interactive method for drop down expansion of menus according to claim 7, characterized by: in step S106, the finger sweep gesture always keeps the pressure on the fourth area greater than a preset pressure threshold.
10. An interactive method for menu pull-down expansion according to any one of claims 1 to 9, characterized in that: the first level project is a group in the chat tool, and the second level project is an account of the opposite side in the group of the chat tool.
11. An interactive method for menu pull-down expansion according to any one of claims 1 to 9, characterized in that: the first-level item is a favorite of the browser, and the second-level item is a website in the favorite of the browser.
12. An interactive method for menu pull-down expansion according to any one of claims 1 to 9, characterized in that: the first level items are directories of the readers, and the second level items are sub-sections of the directories of the readers.
13. An interactive system for menu pull-down expansion, which is used for implementing the interactive method for menu pull-down expansion of any one of claims 1 to 12, wherein the interactive system for menu pull-down expansion comprises that the interactive system for menu pull-down expansion is a mobile terminal with a touch display screen for detecting touch pressure, and the mobile terminal comprises:
an item arrangement display module, wherein a plurality of first-level item areas are arranged in a queue along the length direction of the touch display screen and displayed in the first area of the touch display screen, each first-level item area is configured to start a first-level item, at least one first-level item has a plurality of second-level items, a second area used for triggering the expansion of a first-level item menu is generated on one side of the first-level item area, and the second area is contained in the first area;
the first finger sweeping gesture detection module is used for judging whether a finger sweeping gesture on the touch display screen in the first area is detected or not, if so, the queue movement module of the first-level project area is executed, and if not, the second finger sweeping gesture detection module is executed;
the queue moving module of the first-level project area responds to a finger sweeping gesture on the touch display screen in the first area, and the queue of the first-level project area moves according to the movement direction and the movement distance of the finger sweeping gesture and is displayed in the first area on the touch display screen;
the second finger sweeping gesture detection module is used for judging whether the finger sweeping gesture on the touch display screen in the second area is detected and the pressure of the finger sweeping gesture on the second area is greater than a preset pressure threshold value, if so, the queue moving module of the second-level project area is executed, and if not, the queue moving module is ended;
and the queue moving module of the second-level project area responds to a finger sweeping gesture on the touch display screen in the second area, the second area moves along the direction away from the first-level project according to the movement distance of the finger sweeping gesture, a third area is formed between the second area and the first-level project area corresponding to the second area, at least one second-level project area corresponding to the first-level project is arranged in a queue along the length direction of the touch display screen and is displayed in the third area of the touch display screen one by one according to the height of the third area, and each second-level project area is configured to start a second-level project.
14. An interactive device for menu pull-down expansion, comprising:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the interactive method of menu drop-down expansion of any one of claims 1 to 12 via execution of the executable instructions.
15. A computer-readable storage medium storing a program which, when executed, performs the steps of the interactive method of drop down expansion of a menu of any one of claims 1 to 12.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710775304.9A CN107589892B (en) | 2017-08-31 | 2017-08-31 | Interaction method, system, equipment and storage medium for pull-down expansion of menu |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710775304.9A CN107589892B (en) | 2017-08-31 | 2017-08-31 | Interaction method, system, equipment and storage medium for pull-down expansion of menu |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107589892A CN107589892A (en) | 2018-01-16 |
| CN107589892B true CN107589892B (en) | 2020-04-07 |
Family
ID=61050680
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710775304.9A Active CN107589892B (en) | 2017-08-31 | 2017-08-31 | Interaction method, system, equipment and storage medium for pull-down expansion of menu |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107589892B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109618214A (en) * | 2018-12-19 | 2019-04-12 | 北京字节跳动网络技术有限公司 | Information display method, device and electronic equipment |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103049176A (en) * | 2013-01-22 | 2013-04-17 | 网神信息技术（北京）股份有限公司 | Method and device for displaying menus |
| CN104077038A (en) * | 2013-03-27 | 2014-10-01 | 三星电子株式会社 | Method and device for providing menu interface |
| CN107025040A (en) * | 2017-04-28 | 2017-08-08 | 上海斐讯数据通信技术有限公司 | Display and setting method, system and graphic user interface based on OLED screen curtain |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120060123A1 (en) * | 2010-09-03 | 2012-03-08 | Hugh Smith | Systems and methods for deterministic control of instant-on mobile devices with touch screens |
-
2017
- 2017-08-31 CN CN201710775304.9A patent/CN107589892B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103049176A (en) * | 2013-01-22 | 2013-04-17 | 网神信息技术（北京）股份有限公司 | Method and device for displaying menus |
| CN104077038A (en) * | 2013-03-27 | 2014-10-01 | 三星电子株式会社 | Method and device for providing menu interface |
| CN107025040A (en) * | 2017-04-28 | 2017-08-08 | 上海斐讯数据通信技术有限公司 | Display and setting method, system and graphic user interface based on OLED screen curtain |
Non-Patent Citations (2)
| Title |
|---|
| jquery实现点击向下展开菜单项(伸缩导航)效果;企鹅;《https://www.jb51.net/article/71396.htm》;20150822;1-3 * |
| 移动端交互-下拉菜单、单选、多选;初三说;《https://www.jianshu.com/p/50438669330b》;20151113;1-3 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107589892A (en) | 2018-01-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108196759B (en) | Icon control method and terminal | |
| EP2592537B1 (en) | Method and apparatus for designating entire area using partial area touch in a portable equipment | |
| US20160202887A1 (en) | Method for managing application icon and terminal | |
| CN107122119B (en) | Information processing method, information processing device, electronic equipment and computer readable storage medium | |
| CN104571852B (en) | The moving method and device of icon | |
| US20150029149A1 (en) | Apparatus and Method for Navigating on a Touch Sensitive Screen Thereof | |
| US10872454B2 (en) | Panning animations | |
| US9632693B2 (en) | Translation of touch input into local input based on a translation profile for an application | |
| US9423953B2 (en) | Emulating pressure sensitivity on multi-touch devices | |
| CN109446832B (en) | Screen capturing method and device | |
| US10656806B2 (en) | Display interface systems and methods | |
| KR20130108285A (en) | Drag-able tabs | |
| CN103492981A (en) | Touch screen selection | |
| KR20180102211A (en) | Target disambiguation and correction | |
| US20210326151A1 (en) | Methods, devices and computer-readable storage media for processing a hosted application | |
| WO2015099927A1 (en) | Audio data detection with a computing device | |
| CN107562338A (en) | Picture inspection method, device, electronic equipment and storage medium | |
| CN112650433A (en) | Interface screenshot method and device and electronic equipment | |
| CN105573635A (en) | Network information storage method and device | |
| WO2012059595A1 (en) | Touch detection | |
| CN104025001A (en) | Resize handle activation for resizable portions of a user interface | |
| CN103488424A (en) | Method and device for displaying information | |
| CN107589892B (en) | Interaction method, system, equipment and storage medium for pull-down expansion of menu | |
| CN104267812A (en) | Information processing method and electronic device | |
| US20140108982A1 (en) | Object placement within interface |
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 |