CN114237455A - Information browsing method and device - Google Patents

Information browsing method and device Download PDF

Info

Publication number
CN114237455A
CN114237455A CN202111529657.3A CN202111529657A CN114237455A CN 114237455 A CN114237455 A CN 114237455A CN 202111529657 A CN202111529657 A CN 202111529657A CN 114237455 A CN114237455 A CN 114237455A
Authority
CN
China
Prior art keywords
touch point
area
information
user interface
graphical user
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.)
Pending
Application number
CN202111529657.3A
Other languages
Chinese (zh)
Inventor
殷奕锋
温逸凡
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN202111529657.3A priority Critical patent/CN114237455A/en
Publication of CN114237455A publication Critical patent/CN114237455A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus
    • AHUMAN NECESSITIES
    • A63SPORTS; GAMES; AMUSEMENTS
    • A63FCARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/50Controlling the output signals based on the game progress
    • A63F13/53Controlling the output signals based on the game progress involving additional visual information provided to the game scene, e.g. by overlay to simulate a head-up display [HUD] or displaying a laser sight in a shooting game
    • A63F13/533Controlling the output signals based on the game progress involving additional visual information provided to the game scene, e.g. by overlay to simulate a head-up display [HUD] or displaying a laser sight in a shooting game for prompting the player, e.g. by displaying a game menu
    • AHUMAN NECESSITIES
    • A63SPORTS; GAMES; AMUSEMENTS
    • A63FCARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
    • A63F13/00Video games, i.e. games using an electronically generated display having two or more dimensions
    • A63F13/80Special adaptations for executing a specific game genre or game mode
    • A63F13/822Strategy games; Role-playing games
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/0485Scrolling or panning

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Multimedia (AREA)
  • Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • General Physics & Mathematics (AREA)
  • Optics & Photonics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the invention provides an information browsing method and device, wherein a graphical user interface is displayed through terminal equipment, the graphical user interface comprises an information display area and an automatic rolling area, the information display area is used for displaying an information list, and the method comprises the following steps: responding to a sliding operation acted on the graphical user interface, and determining a touch point of the sliding operation on the graphical user interface; when the touch point is located in the information display area, controlling the information list to roll according to the movement of the touch point in the information display area; when the information list is in a rolling state, detecting whether the touch point enters the automatic rolling area; and if the touch point enters the automatic rolling area, controlling the information list to keep rolling. The embodiment of the invention can realize various rolling controls aiming at the information list and improve the browsing and positioning accuracy of the player.

Description

Information browsing method and device
Technical Field
The present invention relates to the field of game technology, and in particular, to an information browsing method and an information browsing apparatus.
Background
In some round system strategy games, a game interface with a virtual card object, such as war dismantling, weapon unlocking, weapon progression and the like, is under the condition of vertical screen, the viewing area of a lower Wuhui card list is too narrow, so that a player can see the Wuhui card behind the list only by sliding on a mobile phone for many times, the player consumes too much time to slide the interface, and when a large amount of information exists in the card object, the player can not see the main information of the card object clearly. It is not beneficial for the player to find the required content accurately.
Disclosure of Invention
In view of the above problems, embodiments of the present invention are proposed to provide an information browsing method and a corresponding information browsing apparatus that overcome or at least partially solve the above problems.
The embodiment of the invention discloses an information browsing method, which displays a graphical user interface through terminal equipment, wherein the graphical user interface comprises an information display area and an automatic rolling area, the information display area is used for displaying an information list, and the method comprises the following steps:
responding to a sliding operation acted on the graphical user interface, and determining a touch point of the sliding operation on the graphical user interface;
when the touch point is located in the information display area, controlling the information list to roll according to the movement of the touch point in the information display area;
when the information list is in a rolling state, detecting whether the touch point enters the automatic rolling area;
and if the touch point enters the automatic rolling area, controlling the information list to keep rolling.
Optionally, the controlling the information list to scroll according to the movement of the touch point in the information display area includes:
and controlling the information list to scroll in the first dimension direction according to the movement of the touch point in the first dimension direction in the information display area.
Optionally, if the touch point enters the auto-scroll area, controlling the information list to keep scrolling includes:
if the touch point enters the automatic scrolling area, responding to the movement of the touch point in the second dimension direction of the automatic scrolling area, and determining the target speed of the information list to be scrolled;
and controlling the information list to keep scrolling in the first dimension direction at the target speed.
Optionally, the method further comprises:
and when the distance between the touch point and the automatic scrolling area is within a preset range, performing identification display on the automatic scrolling area.
Optionally, the performing an identification display on the automatic scrolling region includes:
and adjusting the display transparency of the automatic scrolling area according to the distance between the touch point and the automatic scrolling area.
Optionally, the auto-scroll area is located in an edge area of the terminal device.
Optionally, the method further comprises:
determining the moving distance of the touch point in a first dimension direction and the moving distance of the touch point in a second dimension direction in the information display area;
and when the moving distance in the first dimension direction is greater than the moving distance in the second dimension direction, determining that the touch point moves in the first dimension direction in the information display area.
Optionally, the first dimension direction is a horizontal direction, and the second dimension direction is a vertical direction.
The embodiment of the invention also discloses an information browsing device, which displays a graphical user interface through terminal equipment, wherein the graphical user interface comprises an information display area and an automatic rolling area, the information display area is used for displaying an information list, and the device comprises:
the response module is used for responding to the sliding operation acted on the graphical user interface and determining the touch point of the sliding operation on the graphical user interface;
the touch control rolling module is used for controlling the information list to roll according to the movement of the touch control point in the information display area when the touch control point is positioned in the information display area;
the detection module is used for detecting whether the touch point enters the automatic rolling area or not when the information list is in a rolling state;
and the automatic rolling module is used for controlling the information list to keep rolling if the touch point enters the automatic rolling area.
The embodiment of the invention also discloses electronic equipment, which comprises a processor, a memory and a computer program which is stored on the memory and can run on the processor, wherein when the computer program is executed by the processor, the steps of the information browsing method are realized.
The embodiment of the invention also discloses a computer readable storage medium, wherein a computer program is stored on the computer readable storage medium, and the steps of the information browsing method are realized when the computer program is executed by a processor.
The embodiment of the invention has the following advantages:
in the embodiment of the invention, a touch point of the sliding operation on the graphical user interface is determined by responding to the sliding operation acting on the graphical user interface; detecting a position where the sliding operation slides on the graphical user interface; when the touch point is located in the information display area, controlling the information list to roll according to the movement of the touch point in the information display area; when the information display area slides, the information list can be controlled to roll according to the sliding control of a player, the rolling process can be directly operated by the player, and when the information list is in a rolling state, whether the touch point enters the automatic rolling area or not is detected; and if the touch point enters the automatic rolling area, controlling the information list to keep rolling. When the information list slides to the automatic rolling area, the information list keeps rolling to realize automatic rolling, the time consumed by a player for controlling the list to slide is reduced, the accurate operability of the information list in the rolling process is kept, and the accurate positioning of the information list in the rolling process is realized.
Drawings
FIG. 1 is a flow chart of steps of an embodiment of a method for browsing information in accordance with the present invention;
FIG. 2 is a flow chart of steps in another information browsing method embodiment of the present invention;
FIG. 3 is a schematic illustration of an auto-scroll region and an edge region on a graphical user interface of the present invention;
FIG. 4 is an exemplary diagram of a terminal device of an information browsing embodiment of the present invention;
FIG. 5 is a flow chart of exemplary steps of an information browsing method of the present invention;
FIG. 6a is a first graphical user interface diagram of an example of an information browsing method of the present invention;
FIG. 6b is a graphical user interface diagram II of an example of an information browsing method of the present invention;
FIG. 6c is a third graphical user interface diagram of an example of an information browsing method of the present invention;
FIG. 6d is a graphical user interface diagram of an example of an information browsing method of the present invention;
FIG. 7 is a block diagram of an embodiment of an information browsing apparatus according to the present invention;
fig. 8 is a block diagram of an electronic device according to an embodiment of the present invention;
fig. 9 is a block diagram of a storage medium according to an embodiment of the present invention.
Detailed Description
In order to make the aforementioned objects, features and advantages of the present invention comprehensible, embodiments accompanied with figures are described in further detail below.
When browsing a virtual object in a long list with content exceeding a browsing area in an interface, if the virtual object at the end of the list needs to be viewed, a player needs to slide on a terminal device for multiple times to see the virtual object at the end of the list. One is to add a scroll bar control on the interface, and the player can press and drag the scroll bar control to realize quick browsing of the content. Another method adds inertia sliding effect to the sliding list, the sliding speed of the player on the interface is related to the scrolling speed of the content, and the faster the sliding speed of the player is, the faster the list scrolling speed is, thereby leading the player to browse all the list contents quickly. The two schemes can not solve the problem that the visual area of the list of the player is too small, although the player can conveniently and quickly browse the content of the whole list, the player can see too many list items, and when the information of a single list item is rich, the player can not clearly see the main information of each list item due to the too quick sliding. The player is not easy to find the required content accurately, and the player is difficult to locate the required content quickly and accurately. Therefore, the embodiment of the invention provides an information browsing method, which can reduce the number of times of repeated sliding of a player and avoid the problem that the player spends too much time in sliding a list and cannot keep accurate operation.
Referring to fig. 1, a flowchart illustrating steps of an embodiment of an information browsing method according to the present invention is shown, where the method displays a graphical user interface through a terminal device, where the graphical user interface includes an information display area and an automatic scroll area, and the information display area is used for displaying an information list.
The information list comprises a plurality of information objects, and each information object comprises at least one group of information. Different information objects, i.e. data characterizing the domain, may be present in different business domains.
For example, in the field of gaming, the information object may be a game virtual object; in the field of communications, information objects may be communication sites; in the news media field, the information objects may be media articles; in the search domain, the information object may be a web page; in the financial field, the information object may be a security, or the like.
The information browsing method in one embodiment of the invention can be operated in a local terminal device or a server. When the information browsing method is operated on a server, the information browsing method can be implemented and executed based on a cloud interactive system, wherein the cloud interactive system comprises the server and a client device.
In an optional embodiment, various cloud applications may be run under the cloud interaction system, for example: and (5) cloud games. Taking a cloud game as an example, a cloud game refers to a game mode based on cloud computing. In the cloud game operation mode, the game program operation main body and the game picture presentation main body are separated, the storage and the operation of the information browsing method are completed on the cloud game server, and the client device is used for receiving and sending data and presenting the game picture, for example, the client device can be a display device with a data transmission function close to a user side, such as a first terminal device, a television, a computer, a palm computer and the like; but the cloud game server of the cloud is used for carrying out the information browsing method. When a game is played, a player operates the client device to send an operation instruction to the cloud game server, the cloud game server runs the game according to the operation instruction, data such as game pictures and the like are encoded and compressed, the data are returned to the client device through a network, and finally the data are decoded through the client device and the game pictures are output.
In an optional implementation manner, taking a game as an example, the local terminal device stores a game program and is used for presenting a game screen. The local terminal device is used for interacting with the player through a graphical user interface, namely, a game program is downloaded and installed and operated through an electronic device conventionally. The manner in which the local terminal device provides the graphical user interface to the player may include a variety of ways, for example, it may be rendered for display on a display screen of the terminal or provided to the player through holographic projection. For example, the local terminal device may include a display screen for presenting a graphical user interface including a game screen and a processor for running the game, generating the graphical user interface, and controlling display of the graphical user interface on the display screen.
The method may specifically include:
step 101, responding to a sliding operation acting on the graphical user interface, and determining a touch point of the sliding operation on the graphical user interface;
in the embodiment of the invention, the graphical user interface at least comprises an information display area and an automatic scrolling area; the information display area and the automatic rolling area are connected with each other, namely, the information display area can be directly slid into the automatic rolling area from the information display area or can be directly slid into the information display area from the automatic rolling area in one sliding operation. The area of the information display area on the graphical user interface can be larger than that of the automatic scrolling area, so that a player can browse more contents of the information list conveniently. In addition, in order to facilitate the single-hand operation of the player in the vertical screen process, the automatic scrolling area can be arranged at the edge position of the graphical user interface, and the information display area can be arranged at the middle position of the graphical user interface.
The player can perform a sliding operation in an arbitrary direction on a graphical user interface provided by the player through the terminal device. And responding to the sliding operation acted on the graphical user interface, and determining the touch point of the sliding operation on the graphical user interface. The touch point may be a position point where an operation medium of a player slides on the graphical user interface during a sliding operation. The operating medium may be a stylus or a finger of a player, which is not limited in the embodiments of the present invention. For example, when a finger of a player slides on the graphical user interface, a position point where the finger is located is a touch point.
Step 102, when the touch point is located in the information display area, controlling the information list to scroll according to the movement of the touch point in the information display area;
when the touch point corresponding to the sliding operation of the player is located in the information display area, the player is represented to slide in the information display area, and the information list can be controlled to roll according to the movement of the player in the information display area; and the scrolling direction of the information list is consistent with the moving direction of the touch point. If the moving direction of the touch point moves from left to right on the information display area, the information list correspondingly scrolls to the right. The scrolling distance of the information list can be positively correlated with the moving distance of the touch point, that is, the scrolling distance is larger if the moving distance of the touch point is larger. The rolling distance and the moving distance of the touch point can be mapped in advance, and the rolling distance of the information list is mapped according to the moving distance of the touch point, so that the rolling distance of the information list is obtained according to the moving distance during sliding, and the information list is controlled to roll by the corresponding distance.
103, when the information list is in a rolling state, detecting whether the touch point enters the automatic rolling area;
when the information list is in a scrolling state, whether the touch point enters the automatic scrolling area or not can be detected in real time, specifically, whether the position corresponding to the touch point is in the area range corresponding to the automatic scrolling area or not can be detected, and the touch point can be determined to enter the automatic scrolling area as long as the touch point enters the area range corresponding to the automatic scrolling area.
And 104, if the touch point enters the automatic rolling area, controlling the information list to keep rolling.
If the touch point enters the automatic rolling area, the player needs to roll the information list automatically, and the information list can be controlled to start to roll at a preset initial speed, so that the automatic rolling of the information list is realized. It should be noted that the auto-scroll area may be multiple and disposed at different positions of the graphical user interface. If the number of the automatic scrolling areas is two, the automatic scrolling areas are respectively arranged at the left side and the right side of the graphical user interface.
The automatic scrolling direction is the same side direction corresponding to the position of the graphical user interface in the automatic scrolling area where the touch point is located. If the auto-scroll area is arranged on the left side and the right side of the graphical user interface, the touch point is located in the auto-scroll area on the left side of the graphical user interface, and the information list keeps auto-scrolling to the left side. The specific initial rate may be determined according to a visible area of a display device (e.g., a screen) of the terminal device, which is not specifically limited in this embodiment of the present invention.
In the embodiment of the invention, a touch point of the sliding operation on the graphical user interface is determined by responding to the sliding operation acting on the graphical user interface; detecting a position where the sliding operation slides on the graphical user interface; when the touch point is located in the information display area, controlling the information list to roll according to the movement of the touch point in the information display area; when the information display area slides, the information list can be controlled to roll according to the sliding control of a player, the rolling process can be directly operated by the player, and when the information list is in a rolling state, whether the touch point enters the automatic rolling area or not is detected; and if the touch point enters the automatic rolling area, controlling the information list to keep rolling. When the information list slides to the automatic rolling area, the information list keeps rolling to realize automatic rolling, the time consumed by a player for controlling the list to slide is reduced, the accurate operability of the information list in the rolling process is kept, and the accurate positioning of the information list in the rolling process is realized.
FIG. 2 is a flow chart of steps in another information browsing method embodiment of the present invention; the method comprises the step of displaying a graphical user interface through terminal equipment, wherein the graphical user interface comprises an information display area and an automatic rolling area, and the information display area is used for displaying an information list.
The automatic scrolling area is located in an edge area of the terminal device, and the edge area may specifically be an area corresponding to a left edge and/or a right edge of the terminal device; the width of the edge region is related to the specific graphical user interface layout, and those skilled in the art can determine the edge region with a suitable width according to the actual situation. For example, where the portrait operation is typically one handed, the edge area may be set to be half the finger width (about 0.7-0.9 cm) of the edge of the graphical user interface in the horizontal direction towards the middle of the graphical user interface. It should be noted that the width of the edge area in the graphical user interface is greater than the width of the auto-scroll area in the graphical user interface. If on the same horizontal axis, the left edge of the graphical user interface is 0, the width of the automatic scrolling region is a, and the width of the edge region is b, see fig. 3, which shows a schematic diagram of the automatic scrolling region and the edge region on a graphical user interface according to the present invention; the width b of the border area in the graphical user interface is greater than the width a of the scroll area such that the auto-scroll area is displayed in the border area.
In a preferred example of the present invention, refer to fig. 4, which is an exemplary diagram of a terminal device according to an information browsing embodiment of the present invention; when the edge area of the terminal equipment is in a curved surface, namely a black area, the width setting of the automatic rolling area can be combined with parameters such as the edge width of a curved surface screen, and when the screen of the terminal equipment is operated, the operation feeling is further improved by combining the finger touch feeling.
The method specifically comprises the following steps:
step 201, responding to a sliding operation acting on the graphical user interface, and determining a touch point of the sliding operation on the graphical user interface;
when a player performs sliding operation on the graphical user interface, detecting a specific touch position of the sliding operation on the graphical user interface to determine a touch point. Specifically, the sliding operation of the player may be decomposed into sliding in the first dimension direction and sliding in the second dimension direction, and the touch point is determined according to the sliding position in the first dimension direction and the sliding position in the second dimension direction. The first dimension direction can be horizontal, and the second dimension direction is vertical. Namely, the sliding positions of the player in the first dimension direction and the second dimension direction can be detected to determine the touch point.
Step 202, when the touch point is located in the information display area, controlling the information list to scroll in a first dimension direction according to the movement of the touch point in the first dimension direction in the information display area;
when the touch point is detected to be located in the information display area, it can be determined that the user needs to browse the information list displayed in the information display area, the direction and the distance of the scroll corresponding to the information list can be determined according to the moving direction and the distance of the touch point in the information display area, and the information list is controlled to scroll for a single time. Specifically, the information list is controlled to scroll in the first dimension direction according to the movement of the touch point in the first dimension direction in the information display area; namely, the information list is controlled to move correspondingly along the transverse direction according to the left and right movement of the touch point along the transverse direction in the information display area.
Step 203, determining a moving distance of the touch point in a first dimension direction and a moving distance of the touch point in a second dimension direction in the information display area;
in practical application, according to the position change of the touch point in the information display area, the position change of the touch point is decomposed into the change in the first dimension direction and the change in the second dimension direction, and the moving distance of the touch point in the first dimension direction and the moving distance of the touch point in the second dimension direction in the information display area are determined. Specifically, a coordinate system may be established with an angular point of the graphical user interface as an origin, a position coordinate corresponding to the touch point corresponding to the initial position of the sliding operation is an original coordinate, and a difference is made between values corresponding to the first dimension direction and the second dimension direction according to coordinate values corresponding to the slid touch point, where the original coordinate is (X, Y), and the coordinate corresponding to the slid touch point is (X, Y); the moving distance in the first dimension direction is the difference value of X-X, and the moving distance in the second dimension direction is the difference value of Y-Y.
Step 204, when the moving distance in the first dimension direction is greater than the moving distance in the second dimension direction, determining that the touch point moves in the first dimension direction in the information display area;
in practical application, the moving distance in the first dimension direction and the moving distance in the second dimension direction can be judged to determine the real sliding direction of the player. The determination method is not limited, and for example, a difference method may be adopted, in which a difference value obtained by subtracting the moving distance in the first dimension direction (the moving distance in the second dimension direction) from the moving distance in the second dimension direction (the moving distance in the first dimension direction) is used, and when the difference value is greater than zero, the former is greater than the latter, and otherwise, the latter is greater than the former.
When the moving distance of the first dimension direction is larger than that of the second dimension direction, the touch point is determined to move in the first dimension direction in the information display area, namely the sliding operation of the player intends to move the information list, and at the moment, the information list enters a moving state and moves according to the movement of the touch point in the first dimension direction, so that the information list is controlled to move.
Further, when the movement distance in the first dimension direction is smaller than the movement distance in the second dimension direction, that is, the sliding operation by the player is to drag the information object in the information list to move up and down. Therefore, the information objects in the information list can be set to be in a draggable state, and dragging of the information objects is allowed to move up and down. In practical applications, when it is determined that the player needs to drag the information object, the target information object may be determined according to the sliding operation, and the target information object may be moved to the target position according to the track corresponding to the sliding operation. If the information object corresponding to the first touch point of the sliding operation on the graphical user interface is determined as the target information object, then the position of the last touch point of the moving track of the sliding operation is determined as the target position, and the target information object is moved to the target position.
Step 205, when the distance between the touch point and the automatic scrolling area is within a preset range, performing identification display on the automatic scrolling area;
when the touch point moves in the information display area, the distance between the touch point and the automatic rolling area can be monitored in real time; the specific distance may be a lateral distance from the touch point to an edge of the auto-scroll area. When the distance is within the preset range, the automatic scrolling area can be identified and displayed, and the position of the automatic scrolling area is more clearly displayed on the graphical user interface, so that a player can quickly slide into the automatic scrolling area when needing automatic scrolling. The display of the identification of the auto-scroll region may be the display of the identification of the auto-scroll region in a color having a degree of distinction from the background of the graphical user interface. Wherein the preset range may be an auto-scroll area display threshold, the size of which is related to the layout of the graphical user interface; those skilled in the art can determine the layout of the actual graphical user interface, and the embodiment of the present invention is not limited thereto. In a preferred example of the present invention, the preset range is a difference between a width value of the edge area and a width value of the auto-scroll area, so that the auto-scroll area can be displayed whenever the player performs a sliding operation on the edge area.
Specifically, the displaying the identifier of the automatic scrolling area includes: and adjusting the display transparency of the automatic scrolling area according to the distance between the touch point and the automatic scrolling area.
The auto-scroll zone has a display transparency when the graphical user interface is displayed, the display transparency can range from 0% to 100%, the display transparency is related to the touch point position. The closer the touch point is to the automatic scrolling area, the lower the transparency is, and the more clearly the scrolling area is visible; on the contrary, the higher the transparency, the higher the hiding power on the edge area.
When the distance between the touch point and the auto-scroll area changes, the display transparency at which the distance corresponds can be determined. For the relationship between the distance and the display transparency, a mapping table can be established in advance, so that the display transparency can correspond to the distance. And when the distance between the touch point and the automatic scrolling area is zero, the display transparency of the automatic scrolling area is the lowest. Therefore, the display transparency of the current automatic scrolling area can be adjusted according to the real-time distance between the touch point and the automatic scrolling area.
Step 206, when the information list is in a rolling state, detecting whether the touch point enters the automatic rolling area;
when the touch point moves in the information display area and controls the information list to be in a rolling state, whether the touch point enters the automatic rolling area or not can be synchronously detected. Specifically, the position range corresponding to the auto-scroll area may be determined by the position point of the touch point.
And step 207, if the touch point enters the automatic scrolling area, controlling the information list to keep scrolling.
When the touch point enters the automatic scrolling area, the information objects in the preset initial rate control information list can be adopted to automatically scroll according to a certain arrangement sequence, and the information display area does not need to be slidingly controlled to scroll the information list.
Specifically, if the touch point enters the automatic scrolling area, the target speed of the information list to be scrolled may be determined in response to the movement of the touch point in the second dimension direction of the automatic scrolling area;
in practical application, the moving distance value tY of the touch point in the second dimension direction of the automatic scrolling area can be recorded in real time, the value startY of the touch point in the second dimension direction when the touch point enters the automatic scrolling area is taken as an initial value, and the moving distance is obtained by subtracting the startY from tY. Then, calculating a target speed corresponding to the current moving distance by adopting a preset calculation formula; in a preferred example of the present invention, the calculation formula may be:
the sliding rate is v ═ abs (tY-startY)/k + c ═ v0
The k and c are special constants, and the actual operation hand feeling experience is influenced only along with the change of the screen size, the relative position of the list on the screen, the content items and other related contents. Those skilled in the art can determine the invention according to practical situations, and the embodiments of the invention are not limited. v0 is the initial velocity. After the target speed is determined, the information list is controlled to keep rolling in the first dimension direction at the target speed, and the rolling of the variable speed in the first dimension direction of the information list is realized.
Furthermore, when the player sees the target information object, a third operation may be performed with respect to the automatic scroll area, and the third operation may be that the operation medium leaves the scroll area or releases the user interface to the image, and the scrolling is immediately stopped in response to the third operation information list so as to precisely locate the corresponding desired information object.
In the embodiment of the invention, the automatic rolling area is displayed on the edge area, the sliding operation during automatic rolling does not affect the overall layout of the graphical user interface and the normal conventional operation mode, and when the automatic rolling area needs to be displayed, a player only needs to slide to the edge area of the graphical user interface in the information display area; when the touch point corresponding to the sliding operation of the player slides into the information display area, the information list can be scrolled according to the sliding operation of the player, and when the touch point corresponding to the sliding operation of the player automatically scrolls the area, the information list can start to automatically scroll at a preset initial rate; responding to a second dimension direction operation aiming at an automatic rolling area, determining a target speed corresponding to the second dimension direction operation, and controlling an information list to automatically roll along a first dimension direction at the target speed; when the scrolling speed is controlled through the operation in the second dimension direction, the misoperation rate is reduced, and the observation visual field cannot be shielded by the edge area of the automatic scrolling area on the graphical interface; the scrolling speed can be controlled in real time in a linkage manner, the information list is controlled to stop scrolling in response to the third operation aiming at the automatic scrolling area, the scrolling is stopped immediately when the player sees the target information object, and the player can conveniently and quickly position the virtual object.
In order to enable those skilled in the art to better understand the embodiments of the present invention, the following description of the embodiments of the present application is given by way of an example:
reference may be made to FIG. 5, which is a flow chart illustrating the steps of an example of an information browsing method of the present invention;
step 501, drag the card
Specifically, when the player operates on the horizontal sliding list, the game reads the displacement of the player touch point in the x and y directions, and if the y displacement is greater than the x displacement, it is determined that the player wants to drag the card to the upper slot. The listing allows card dragging.
Step 502, slide the card
Specifically, referring to FIG. 6a, the player may slide the list left or right, and when the player x-shift is greater than the y-shift, it may be determined that the player wants to slide the list.
At this time, after the touch point of the player starts to slide into the edge area (taking the left side as an example), the list auto-scroll area (i.e. the scroll area) is displayed on the edge area; specifically, the display area may be set on the same X axis, the left edge of the screen is 0, the auto-scroll area is wide by a, the display threshold is b, and the X-axis coordinate t _ X of the touch point of the player finger is used, so that when t _ X enters b, the auto-scroll area of the list is displayed, and when t _ X decreases from b to a, the transparency of the auto-scroll area changes from 0% to 100%;
when a player finger touch point slides left and right in an automatic scrolling area (first direction operation) t _ x < ═ a, judging to enter the automatic scrolling area in response to the first direction operation, recording an initial point Y-axis numerical value start _ Y and starting to scroll a list to the same side at an initial speed v 0;
when the player's finger slides up and down (second direction operation) in the auto-scroll area, as shown in fig. 6c, a real-time Y-axis value t _ Y is recorded, and at this time, a real-time calculation sliding rate v ═ abs (t _ Y-start _ Y)/k + c ] × v0, where k and c are special constants and vary only with the list size, content item, and other relevant contents. The list is then scrolled at a real-time sliding rate v.
When the player's finger leaves the auto-scroll area, as shown in FIG. 6d, the list immediately stops scrolling in order to precisely locate the corresponding desired card. It should be noted that when the player releases his finger and does not hold the auto-scroll area of the screen, the list may also immediately stop scrolling to precisely locate the desired card.
It should be noted that, for simplicity of description, the method embodiments are described as a series of acts or combination of acts, but those skilled in the art will recognize that the present invention is not limited by the illustrated order of acts, as some steps may occur in other orders or concurrently in accordance with the embodiments of the present invention. Further, those skilled in the art will appreciate that the embodiments described in the specification are presently preferred and that no particular act is required to implement the invention.
Referring to fig. 7, a block diagram of an embodiment of an information browsing apparatus according to the present invention is shown, and a graphical user interface is displayed by a terminal device, where the graphical user interface includes an information display area and an automatic scrolling area, and the information display area is used for displaying an information list, and specifically includes the following modules:
a response module 701, configured to determine, in response to a sliding operation applied to the graphical user interface, a touch point of the sliding operation on the graphical user interface;
a touch scrolling module 702, configured to, when the touch point is located in the information display area, control the information list to scroll according to movement of the touch point in the information display area;
a detecting module 703, configured to detect whether the touch point enters the automatic scrolling area when the information list is in a scrolling state;
an auto-scroll module 704, configured to control the information list to keep scrolling if the touch point enters the auto-scroll area.
In a preferred embodiment of the present invention, the touch scrolling module 702 includes:
and the touch control rolling submodule is used for controlling the information list to roll in the first dimension direction according to the movement of the touch control point in the first dimension direction in the information display area.
In a preferred embodiment of the present invention, the auto-scroll module 704 includes:
the response submodule is used for responding to the movement of the touch point in the second dimension direction of the automatic rolling area and determining the target speed of the information list to be rolled if the touch point enters the automatic rolling area;
and the variable-speed rolling sub-module is used for controlling the information list to keep rolling in the first dimension direction at the target speed.
In a preferred embodiment of the present invention, the apparatus further comprises:
and the display module is used for displaying the identification of the automatic rolling area when the distance between the touch point and the automatic rolling area is within a preset range.
In a preferred embodiment of the present invention, the display module includes:
and the adjusting submodule is used for adjusting the display transparency of the automatic rolling area according to the distance between the touch point and the automatic rolling area.
In a preferred embodiment of the present invention, the auto-scroll area is located in an edge area of the terminal device.
In a preferred embodiment of the present invention, the apparatus further comprises:
the moving distance determining module is used for determining the moving distance of the touch point in the first dimension direction and the moving distance in the second dimension direction in the information display area;
and the moving module is used for determining that the touch point moves in the first dimension direction in the information display area when the moving distance in the first dimension direction is greater than the moving distance in the second dimension direction.
In a preferred embodiment of the present invention, the first dimension direction is a horizontal direction, and the second dimension direction is a vertical direction.
For the device embodiment, since it is basically similar to the method embodiment, the description is simple, and for the relevant points, refer to the partial description of the method embodiment.
The embodiments in the present specification are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other.
An embodiment of the present invention further provides an electronic device, as shown in fig. 8, including:
a processor 801 and a storage medium 802, wherein the storage medium 802 stores machine-readable instructions executable by the processor 801, and when the electronic device is operated, the processor 801 executes the machine-readable instructions to perform the method according to any one of the embodiments of the present invention. The specific implementation manner and technical effects are similar to those of the method embodiment, and are not described herein again.
An embodiment of the present invention further provides a computer-readable storage medium, as shown in fig. 9, where a computer program 901 is stored on the storage medium, and when executed by a processor, the computer program 901 performs the method according to any one of the embodiments of the present invention. The specific implementation manner and technical effects are similar to those of the method embodiment, and are not described herein again.
As will be appreciated by one skilled in the art, embodiments of the present invention may be provided as a method, apparatus, or computer program product. Accordingly, embodiments of the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, embodiments of the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
Embodiments of the present invention are described with reference to flowchart illustrations and/or block diagrams of methods, terminal devices (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing terminal to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing terminal, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing terminal to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing terminal to cause a series of operational steps to be performed on the computer or other programmable terminal to produce a computer implemented process such that the instructions which execute on the computer or other programmable terminal provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
While preferred embodiments of the present invention have been described, additional variations and modifications of these embodiments may occur to those skilled in the art once they learn of the basic inventive concepts. Therefore, it is intended that the appended claims be interpreted as including preferred embodiments and all such alterations and modifications as fall within the scope of the embodiments of the invention.
Finally, it should also be noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or terminal that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or terminal. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or terminal that comprises the element.
The information browsing method and the information browsing device provided by the present invention are described in detail above, and the principle and the implementation of the present invention are explained in the present document by applying specific examples, and the description of the above examples is only used to help understanding the method and the core idea of the present invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.

Claims (11)

1. An information browsing method is characterized in that a graphical user interface is displayed through a terminal device, the graphical user interface comprises an information display area and an automatic scrolling area, the information display area is used for displaying an information list, and the method comprises the following steps:
responding to a sliding operation acted on the graphical user interface, and determining a touch point of the sliding operation on the graphical user interface;
when the touch point is located in the information display area, controlling the information list to roll according to the movement of the touch point in the information display area;
when the information list is in a rolling state, detecting whether the touch point enters the automatic rolling area;
and if the touch point enters the automatic rolling area, controlling the information list to keep rolling.
2. The method according to claim 1, wherein the controlling the information list to scroll according to the movement of the touch point in the information display area comprises:
and controlling the information list to scroll in the first dimension direction according to the movement of the touch point in the first dimension direction in the information display area.
3. The method of claim 2, wherein the controlling the information list to keep scrolling if the touch point enters the auto-scroll area comprises:
if the touch point enters the automatic scrolling area, responding to the movement of the touch point in the second dimension direction of the automatic scrolling area, and determining the target speed of the information list to be scrolled;
and controlling the information list to keep scrolling in the first dimension direction at the target speed.
4. The method of claim 1, further comprising:
and when the distance between the touch point and the automatic scrolling area is within a preset range, performing identification display on the automatic scrolling area.
5. The method of claim 4, wherein said displaying the identification of the auto-scroll region comprises:
and adjusting the display transparency of the automatic scrolling area according to the distance between the touch point and the automatic scrolling area.
6. The method of claim 1, wherein the auto-scroll region is located at an edge region of the terminal device.
7. The method of claim 3, further comprising:
determining the moving distance of the touch point in a first dimension direction and the moving distance of the touch point in a second dimension direction in the information display area;
and when the moving distance in the first dimension direction is greater than the moving distance in the second dimension direction, determining that the touch point moves in the first dimension direction in the information display area.
8. The method of claim 3, wherein the first dimension direction is a landscape direction and the second dimension direction is a portrait direction.
9. An information browsing apparatus, wherein a graphical user interface is displayed through a terminal device, the graphical user interface includes an information display area and an automatic scrolling area, the information display area is used for displaying an information list, the apparatus comprising:
the response module is used for responding to the sliding operation acted on the graphical user interface and determining the touch point of the sliding operation on the graphical user interface;
the touch control rolling module is used for controlling the information list to roll according to the movement of the touch control point in the information display area when the touch control point is positioned in the information display area;
the detection module is used for detecting whether the touch point enters the automatic rolling area or not when the information list is in a rolling state;
and the automatic rolling module is used for controlling the information list to keep rolling if the touch point enters the automatic rolling area.
10. An electronic device comprising a processor, a memory, and a computer program stored on the memory and capable of running on the processor, the computer program, when executed by the processor, implementing the steps of the information browsing method of any one of claims 1 to 8.
11. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the steps of the information browsing method according to any one of claims 1 to 8.
CN202111529657.3A 2021-12-14 2021-12-14 Information browsing method and device Pending CN114237455A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111529657.3A CN114237455A (en) 2021-12-14 2021-12-14 Information browsing method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111529657.3A CN114237455A (en) 2021-12-14 2021-12-14 Information browsing method and device

Publications (1)

Publication Number Publication Date
CN114237455A true CN114237455A (en) 2022-03-25

Family

ID=80755939

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111529657.3A Pending CN114237455A (en) 2021-12-14 2021-12-14 Information browsing method and device

Country Status (1)

Country Link
CN (1) CN114237455A (en)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020105482A1 (en) * 2000-05-26 2002-08-08 Lemelson Jerome H. System and methods for controlling automatic scrolling of information on a display or screen
JP2008210049A (en) * 2007-02-23 2008-09-11 Nec Saitama Ltd Portable terminal apparatus, and screen display control method and program thereof
US20120218310A1 (en) * 2011-02-24 2012-08-30 Kyocera Corporation Electronic device, display control method, and storage medium storing display control program
US20140139471A1 (en) * 2011-07-22 2014-05-22 Kddi Corporation User interface device capable of image scrolling not accompanying finger movement, image scrolling method, and program
CN106547454A (en) * 2015-09-16 2017-03-29 阿里巴巴集团控股有限公司 Display packing and device
CN106933481A (en) * 2015-12-29 2017-07-07 苏宁云商集团股份有限公司 A kind of screen scroll method and device

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020105482A1 (en) * 2000-05-26 2002-08-08 Lemelson Jerome H. System and methods for controlling automatic scrolling of information on a display or screen
JP2008210049A (en) * 2007-02-23 2008-09-11 Nec Saitama Ltd Portable terminal apparatus, and screen display control method and program thereof
US20120218310A1 (en) * 2011-02-24 2012-08-30 Kyocera Corporation Electronic device, display control method, and storage medium storing display control program
US20140139471A1 (en) * 2011-07-22 2014-05-22 Kddi Corporation User interface device capable of image scrolling not accompanying finger movement, image scrolling method, and program
CN106547454A (en) * 2015-09-16 2017-03-29 阿里巴巴集团控股有限公司 Display packing and device
CN106933481A (en) * 2015-12-29 2017-07-07 苏宁云商集团股份有限公司 A kind of screen scroll method and device

Similar Documents

Publication Publication Date Title
US9164670B2 (en) Flexible touch-based scrolling
CN104636049B (en) Display device, its operating method and control device
EP3158426B1 (en) Methods, systems and media for controlling playback of video using a touchscreen
US9619104B2 (en) Interactive input system having a 3D input space
US9383898B2 (en) Information processing apparatus, information processing method, and program for changing layout of displayed objects
CN109224439A (en) The method and device of game aiming, storage medium, electronic device
US9411418B2 (en) Display device, display method, and program
EP2431856A1 (en) Display control program, display control system, and display control method
CN110448904B (en) Game view angle control method and device, storage medium and electronic device
JP2003140802A (en) Document reading device
CN102934067A (en) Information processing system, operation input device, information processing device, information processing method, program and information storage medium
JP5871937B2 (en) Information processing apparatus, display control method, program, and information storage medium
CN115134649B (en) Method and system for presenting interactive elements within video content
CN103034683A (en) Page switching method and device for browser
CN113680065B (en) Map processing method and device in game
CN111880715A (en) Method and device for editing virtual control in interface, mobile terminal and storage medium
US9323431B2 (en) User interface for drawing with electronic devices
CN110231902A (en) Touch screen equipment event triggering method and device
CN114237455A (en) Information browsing method and device
CN116880943A (en) Method, equipment and medium for signing long text based on preview
CN112363787B (en) Image processing method and device and electronic equipment
JP6945345B2 (en) Display device, display method and program
US10466887B2 (en) Feed ad scrolling
CN111841005B (en) In-game display control method and device
KR20130068700A (en) Method and apparatus for displaying a electronic book

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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20220325