CN111290811A

CN111290811A - Page content display method and device, electronic equipment and computer readable medium

Info

Publication number: CN111290811A
Application number: CN202010065364.3A
Authority: CN
Inventors: 冯博
Original assignee: Beijing Infinite Light Field Technology Co Ltd
Current assignee: Beijing Youzhuju Network Technology Co Ltd
Priority date: 2020-01-20
Filing date: 2020-01-20
Publication date: 2020-06-16

Abstract

The disclosure provides a page content display method and device, electronic equipment and a computer readable medium, and relates to the technical field of computers. The method comprises the following steps: limiting a target area in the display content of the target page according to the user instruction, and displaying the residual content of the target page in a blank area generated by limiting; wherein the target page comprises currently displayed display content and undisplayed remaining content. According to the method and the device, the blank area generated after the target area is limited is used for displaying the residual content which is not displayed on the target page, so that the detailed information of each piece of content in the displayed content currently displayed on the target page is reduced, the content quantity included in the displayed content is increased, the operation that a user triggers and browses more pieces of content is reduced, and the efficiency of browsing the content of the target page is improved.

Description

Page content display method and device, electronic equipment and computer readable medium

Technical Field

The present disclosure relates to the field of computer technologies, and in particular, to a page content display method and apparatus, an electronic device, and a computer-readable medium.

Background

With the continuous development of internet technology and terminal technology, it is more and more convenient to know the external information through the terminal. In the prior art, a user generally browses information displayed on a terminal display interface by sliding, in order to attract the eyes of the user and obtain more reading amount of the user more quickly, the display content of a single piece of information is more, so that the display area of the single piece of information displayed on the terminal display interface is too large, when the pushed information is more, the user needs to browse the information by sliding for many times, and the information browsing efficiency is low.

Disclosure of Invention

This summary is provided to introduce a selection of concepts in a simplified form that are further described below in the detailed description. This summary is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

In a first aspect of the present disclosure, a method for displaying page content is provided, including: limiting a target area in the display content of the target page according to the user instruction, and displaying the residual content of the target page in a blank area generated by limiting; wherein the target page comprises currently displayed display content and undisplayed remaining content.

In a second aspect of the present disclosure, there is provided a page content display apparatus including: the acquisition module is used for acquiring a user instruction to be executed; the contraction limiting module is used for limiting a target area in the display content of the target page according to the user instruction and displaying the residual content of the target page in a blank area generated by contraction limiting; wherein the target page comprises currently displayed display content and undisplayed remaining content.

In a third aspect of the present disclosure, an electronic device is provided, which includes: a memory and a processor; the memory has a computer program stored therein; a processor for performing the method of the first aspect when executing the computer program.

In a fourth aspect of the disclosure, a computer-readable medium is provided, on which a computer program is stored, which computer program, when being executed by a processor, is adapted to carry out the method of the first aspect.

The technical scheme provided by the disclosure has the following beneficial effects:

according to the method, a user instruction to be executed is obtained, a target area in display content of a target page is limited according to the user instruction, and the remaining content of the target page is displayed in a blank area generated by limitation; the target page comprises currently displayed display content and undisplayed residual content. Specifically, according to the method and the device, after a user inputs a user instruction, a target area in the currently displayed display content is limited according to the user instruction, and the display area ratio of the target area in the display content of the target page is reduced; and the blank area generated after the target area is limited displays the residual content which is not displayed on the target page, so that the detailed information of each piece of content in the displayed content of the target page is reduced, the content quantity included in the displayed content is increased, the operation that a user triggers and browses more pieces of content is reduced, and the efficiency of browsing the content of the target page is improved.

Drawings

The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and features are not necessarily drawn to scale.

Fig. 1 is a flowchart of a first page content display method provided in an embodiment of the present disclosure;

fig. 2 is a flowchart of a second page content display method provided by the embodiment of the present disclosure;

FIG. 3 is a flowchart of a third method for displaying page content according to an embodiment of the disclosure;

fig. 4 is a flowchart of a fourth page content display method provided by the embodiment of the present disclosure;

fig. 5 is a schematic diagram of a target area in a page content display method according to an embodiment of the disclosure;

fig. 6a is a schematic diagram of a transverse center line of a target area in a page content display method according to an embodiment of the present disclosure;

fig. 6b is a schematic diagram illustrating an effect of generating a blank area in a folding and invaginating display form for a target area in a page content display method according to an embodiment of the present disclosure;

fig. 6c is a schematic diagram illustrating an effect of generating a blank area in a folding and invaginating display form for a central portion of a target area in a page content display method according to an embodiment of the disclosure;

fig. 7a is a schematic diagram illustrating an effect obtained after hiding element contents of a target area in a page content display method according to an embodiment of the present disclosure;

fig. 7b is a schematic diagram illustrating an effect obtained after partial element contents of a target area are hidden in a page content display method according to an embodiment of the present disclosure;

fig. 8 is a schematic structural diagram of a page content display device according to an embodiment of the disclosure;

fig. 9 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.

It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.

The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.

It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing the devices, modules or units, and are not used for limiting the devices, modules or units to be different devices, modules or units, and also for limiting the sequence or interdependence relationship of the functions executed by the devices, modules or units.

It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.

The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.

The following describes the technical solutions of the present disclosure and how to solve the above technical problems in specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present disclosure will be described below with reference to the accompanying drawings.

Referring to fig. 1, the present disclosure provides a page content display method, including:

s101, acquiring a user instruction to be executed;

s102, limiting a target area in the display content of a target page according to the user instruction, and displaying the residual content of the target page in a blank area generated by limiting; wherein the target page comprises currently displayed display content and undisplayed remaining content.

In the embodiments of the present disclosure, the execution subject is taken as an example of a mobile terminal, but the execution subject is not limited thereto.

In step S101, a user instruction to be executed is acquired; specifically, the user instruction may be triggered by a user sliding on the terminal display interface, such as inputting a slide-up operation to trigger the user instruction.

In step S102, a target area in the display content of a target page is narrowed according to the user instruction, and the remaining content of the target page is displayed in a blank area generated by narrowing; the target page comprises currently displayed display content and undisplayed residual content; specifically, the target page is a navigation page displayed on the terminal display interface, and includes the display content currently being displayed on the terminal display interface and the remaining content not displayed on the terminal display interface. The target area is a part of the display content, and if the display content includes two pieces of information, each piece of information includes a title area and a detail area, the target area may be the detail area of each piece of information, see fig. 5. The narrowing of the target area is specifically realized by reducing the display area of the target area on the display content of the target page, so that more content can be displayed on the terminal display interface of the target page at the current time, that is, more information can be included in the display content. When the target area is narrowed, a blank area is generated at the position of the target area, and the remaining content of the target page is displayed in the blank area, as shown in fig. 5, after the target area of the first piece of information is narrowed, the second piece of information is displayed in the blank area, and after the target area of the second piece of information is narrowed, the third piece of information in the remaining content is displayed in the blank area.

According to the method and the device, after a user inputs a user instruction, a target area in the currently displayed display content is limited according to the user instruction, and the display area ratio of the target area in the display content of a target page is reduced; and the residual content which is not displayed on the target page is displayed in the blank area generated after the target area is limited, so that the detailed information of each piece of content in the displayed content of the target page is reduced, the content quantity included in the displayed content is increased, the operation that a user triggers and browses more pieces of content is reduced, and the efficiency of browsing the content of the target page is improved.

In this disclosure, referring to fig. 2, optionally, step S102, according to the user instruction, narrowing a target area in the display content of the target page, includes:

s201, detecting the track length for triggering the user instruction;

s202, determining the length proportion of the target area according to the track length of the user instruction;

s203, matching the length proportion with a preset proportion list; the preset proportion list comprises a preset length proportion and a preset shrinkage proportion which have a mapping relation;

s204, limiting the target area according to a preset limiting proportion matched with the track length of the user instruction.

In step S201, the track length of the obtained user instruction is detected, and if the user instruction is triggered by a user' S slide-up operation, the distance from the contact point to the departure point in the slide-up operation, that is, the distance of the user terminal display interface slide is detected, so as to obtain the track length triggering the user instruction. In one embodiment, the length of the trace that triggers the user instruction characterizes the distance that the subsequent content of the target area slides up, as shown in fig. 5, as the distance that the second piece of information slides up.

In step S202, determining a length ratio to the target area according to the track length of the user instruction; specifically, the ratio of the track length instructed by the user to the length of the screen occupied by the target area is determined, and the ratio of the track length instructed by the user to the length of the display content occupied by the target area can also be understood. Assuming that the length of the track instructed by the user is 2 and the length of the target area occupying the screen is 10, the ratio of the length of the track instructed by the user to the length of the target area is 2/10 equal to 0.2.

In step S203, matching the length ratio with a preset ratio list; the preset proportion list comprises a preset track length and a preset shrinkage proportion which have a mapping relation; specifically, illustrated in connection with table 1:

preset length ratio	Preset shrinkage limit ratio
		0.1	0.2
0.2	0.4
		…	…
0.5	1
		…	…
0.6	1

TABLE 1 Preset Scale List

As can be seen from table 1, assuming that the length of the target area occupied by the screen is a fixed value 10, when the track length instructed by the user is 2, the length ratio to the target area is 0.2, which corresponds to a preset length ratio of 0.2, and at this time, the corresponding reduction ratio is 0.4. Assuming that the length of the screen occupied by the target area is 20, and the track length is 4, the length ratio of the target area to the target area is 0.2, which corresponds to a preset length ratio of 0.2, and at this time, the corresponding shrinkage ratio is 0.4. In the preset ratio list, the preset length ratio and the preset reduction ratio are preset values, and the track length and the length of the target area occupying the screen need to be determined according to actual conditions.

In step S204, the target area is narrowed according to a preset narrowing ratio matched with the track length of the user instruction; specifically, in combination with the example shown in table 1, when determining the track length of the user instruction, the length ratio to the target area may be determined, and the preset length ratio corresponding to the length ratio may be determined in the preset ratio list, so as to match the corresponding preset shrinkage ratio.

In this embodiment of the present disclosure, optionally, in step S204, narrowing the target area according to a preset narrowing ratio matched with the track length of the user instruction includes:

and when a preset shrinkage ratio matched with the track length of the user instruction is a preset ratio threshold, generating the blank area by taking the transverse center line of the target area as a symmetry axis and displaying the target area in a symmetrical folding concave mode.

Specifically, with reference to the example shown in table 1, assuming that the preset ratio threshold is 1, that is, when the ratio of the track length instructed by the user to the length of the target area is greater than or equal to 0.5, the preset reduction ratios are all the preset ratio threshold 1, at this time, taking the transverse center line of the target area as a symmetry axis, referring to fig. 6a, a blank area is generated in an exhibition form in which the target area is symmetrically folded and is inwardly recessed, and the effect of the target area after reduction limitation may specifically refer to fig. 6 b.

And when the preset shrinkage ratio matched with the track length of the user instruction is smaller than the preset ratio threshold, taking the transverse center line of the target area as a symmetry axis, and generating the blank area by taking the central part of the target area and the area corresponding to the preset shrinkage ratio in a symmetrical folding and sunken display mode.

Specifically, with reference to the example shown in table 1, assuming that the preset scaling threshold is 1, that is, when the ratio of the track length instructed by the user to the length of the target area is less than 0.5, the preset scaling ratio is related to the track length instructed by the user, and when the track length instructed by the user is 2 and the length of the target area occupied by the screen is 10, the length ratio is 0.2, which corresponds to the preset length ratio of 0.2, and the matched preset scaling ratio is 0.4. At this time, with the transverse center line of the target region as a symmetry axis, referring to fig. 6a, the central portion of the target region and the region corresponding to the preset shrinkage limiting ratio are generated in a display form of being symmetrically folded and being inwardly recessed, and the effect of the shrinkage limiting on the target region can be specifically referred to fig. 6 c. Specifically, when the preset shrinkage ratio is 0.4, a blank region is generated in a display form in which 40% of the area of the target region is symmetrically folded and recessed inward in the central portion on the basis of the transverse center line of the target region.

hiding the element content of the target area to generate the blank area when a preset shrinkage ratio matched with the track length of the user instruction is a preset ratio threshold;

and when a preset shrinkage ratio matched with the track length of the user instruction is smaller than the preset ratio threshold, hiding element content corresponding to the preset shrinkage ratio in the target area to generate the blank area.

Hiding the target area can be achieved in various ways, for example, the transparency of the element content of the target area is set to be the maximum value, and the target area of the display content in the target page is blank at the moment; or setting the position style of the target area as absolute, setting the positioning parameters left and top to exceed the range of the terminal display interface, and at this time, setting the target area of the display content in the target page as a blank area.

Specifically, when the preset shrinkage limit ratio matched with the track length of the user instruction is the preset ratio threshold, in combination with the example shown in table 1, assuming that the preset ratio threshold is 1, the length of the target area occupied by the screen is 10, and the track length of the user instruction is 6, the length ratio to the target area is 0.6, corresponding to the preset length ratio of 0.6, and the preset shrinkage limit ratio matched with the preset length ratio is 1, that is, the preset ratio threshold. At this time, the target area is completely hidden, and the hidden effect can be seen in fig. 7 a.

Specifically, when the preset shrinkage limit ratio matched with the track length of the user instruction is smaller than the preset ratio threshold, by combining the example shown in table 1, assuming that the preset ratio threshold is 1, the length of the target area occupying the screen is 10, and the track length of the user instruction is 1, the length ratio to the target area is 0.1, corresponding to the preset length ratio of 0.1, and the preset shrinkage limit ratio matched with the target area is 0.2, then the preset shrinkage limit ratio is smaller than the preset ratio threshold. At this time, 20% of the element content in the target area is hidden according to the preset proportion threshold value 0.2, and preferably, 20% of the element content in the target area is selected upwards to be hidden with the bottom line of the target area as a reference, and the hidden effect can be referred to fig. 7 b.

In the embodiment of the disclosure, by detecting the track length of the trigger user instruction, a preset shrinkage limiting ratio matched with the track length is determined according to the ratio of the track length to the length of the screen occupied by the target area, and the target area is shrunk according to the preset shrinkage limiting ratio. Specifically, when the preset shrinkage limit ratio is a preset ratio threshold, the target area is shrunk fully, that is, the target area is shrunk as a whole to generate a blank area; and when the preset shrinkage limiting ratio is smaller than the preset ratio threshold, performing shrinkage limiting on the target region according to the actually matched preset shrinkage limiting ratio, and if the preset shrinkage limiting ratio is 0.2, limiting the shrinkage of the target region by 20%, namely reducing the area of the target region by 20%.

In this embodiment of the present disclosure, optionally, referring to fig. 3, in step S102, narrowing a target area in display content of a target page according to the user instruction, and displaying remaining content of the target page in a blank area generated by narrowing, where the narrowing includes:

s301, detecting a touch speed for triggering the user instruction;

s302, comparing the touch speed of the user instruction with a preset speed threshold;

s303, when the touch speed of the user instruction is smaller than the preset speed threshold, the target area is limited according to the user instruction, and the rest content of the page content is displayed in a blank area which is generated to drive a drawing effect by limiting the shrinkage.

In step S301, a touch speed at which the user instruction is triggered is detected; specifically, the touch speed for triggering the user instruction may be calculated by the track length and the duration for triggering the user instruction, for example, the touch speed is the track length/duration.

In step S302, comparing the touch speed of the user instruction with a preset speed threshold; specifically, in the embodiment of the present disclosure, a preset speed threshold is set, and the touch speed of the user instruction is compared with the preset speed threshold, where the comparison result includes: the touch speed of the user instruction is greater than a preset speed threshold, the touch speed of the user instruction is less than a preset speed threshold, and the touch speed of the user instruction is equal to the preset speed threshold.

In step S303, when the comparison result is that the touch speed of the user instruction is smaller than the preset speed threshold, the target area is narrowed according to the user instruction, and the remaining content of the page content is displayed in the blank area where the drawing effect is generated. That is, when the touch speed instructed by the user is less than the preset speed threshold, the generated blank area has an animation effect. The animation effect includes a 3D effect.

In this embodiment of the present disclosure, optionally, in step S503, the narrowing the target area according to the user instruction, and displaying the remaining content of the page content in a blank area with a drawing effect generated by narrowing, includes:

and generating an animation effect for limiting the target area according to the user instruction.

Specifically, the animation effect is a dynamic process of narrowing the target area. The basic condition for setting the animation effect is that the touch speed of the user instruction is smaller than a preset speed threshold value, and when the condition is met, the animation effect is generated in real time according to the dynamic process of limiting the target area by the user instruction. For example, with reference to step S204, when the preset shrinkage ratio is the preset ratio threshold, the target area is displayed as a symmetrically folded depression to form a generated blank area with the transverse center line of the target area as a symmetry axis; accordingly, in the step, the animation effect is generated in real time by the process of generating the blank area in the display form of the symmetrical folding recess of the target area.

And loading the animation effect into the blank area, and displaying the rest content of the page content in the blank area. Specifically, the generated animation effect is loaded into the blank area, so that the animation effect is displayed in the transition process of generating the blank area by limiting the target area.

In the embodiment of the disclosure, when the touch speed of the user instruction is less than the preset speed threshold, that is, when the user instruction is triggered by the user through the sliding operation, the sliding operation is slow in the process of triggering the user instruction, and the animation effect of the shrinkage limiting process is displayed in the process of limiting the target area. The method and the device are beneficial to enriching the display effect of the page content and improving the user experience.

In this embodiment of the present disclosure, optionally, referring to fig. 4, after step S102 narrows down a target area in display content of a target page according to the user instruction, and displays remaining content of the target page in a blank area generated by narrowing down, the method further includes:

s401, acquiring a reverse instruction to be executed;

s402, expanding the shrinkage part of the target area according to the reverse instruction, and displaying the display content of the target page by combining the expanded target area.

In step S401, the reverse instruction may be opposite to the touch operation triggered by the user instruction, for example, the user instruction may be triggered by the user through an upward sliding operation, and the reverse instruction is triggered by a downward sliding operation. Specifically, the user instruction and the reverse instruction refer to different events to be executed, the user instruction is used for narrowing the target area, and the reverse instruction is used for expanding the narrowed target area.

In step S402, the contraction limiting portion of the target area is expanded according to the reverse instruction, and the display content of the target page is displayed in combination with the expanded target area; specifically, in step S102, the target area is narrowed, so that detailed information of content in the display content of the target page is reduced, the number of content is increased, and the user can browse the content in the target page more easily and quickly; when a user triggers a reverse instruction, if the user slides down to hope to review browsed contents in a target page, a limited target area is expanded according to the reverse instruction, so that the user can know the detailed information of the review contents more easily, and when the limited target area is expanded, the subsequent contents of the target page are pushed to increase the detailed information of the contents in the displayed contents, and the number of the contents is reduced.

Referring to fig. 8, a page content display device 800 according to another embodiment of the present disclosure includes:

an obtaining module 801, configured to obtain a user instruction to be executed;

a narrowing module 802, configured to narrow a target area in display content of a target page according to the user instruction, and display remaining content of the target page in a blank area generated by narrowing; wherein the target page comprises currently displayed display content and undisplayed remaining content.

Optionally, the narrowing module 802 includes:

the length detection unit is used for detecting the track length triggering the user instruction;

the proportion determining unit is used for determining the length proportion of the target area according to the track length of the user instruction;

the matching unit is used for matching the length proportion with a preset proportion list; the preset proportion list comprises a preset length proportion and a preset shrinkage proportion which have a mapping relation;

and the first shrinkage limiting unit is used for limiting the target area according to a preset shrinkage limiting proportion matched with the track length of the user instruction.

Optionally, the first narrowing unit includes:

the first folding subunit is configured to, when a preset shrinkage ratio matched with the track length of the user instruction is a preset ratio threshold, generate the blank area for the target area in a symmetrical folding and recessed display form by taking a transverse center line of the target area as a symmetry axis;

and the second folding subunit is configured to, when a preset shrinkage limit ratio matched with the track length of the user instruction is smaller than the preset ratio threshold, use a transverse center line of the target area as a symmetry axis, and generate the blank area by using a central part of the target area and an area corresponding to the preset shrinkage limit ratio in a display form of a symmetrical folding recess.

Optionally, the first narrowing unit includes:

a first hiding subunit, configured to hide element content of the target area to generate the blank area when a preset shrinkage ratio that matches a trajectory length of the user instruction is a preset ratio threshold;

and the second hiding subunit is configured to hide, when a preset shrinkage ratio matched with the track length of the user instruction is smaller than the preset ratio threshold, the element content corresponding to the preset shrinkage ratio in the target area, and generate the blank area.

Optionally, the narrowing module 802 includes:

the speed detection unit is used for detecting the touch speed for triggering the user instruction;

the comparison unit is used for comparing the touch speed of the user instruction with a preset speed threshold;

and the second shrinkage limiting unit is used for limiting the target area according to the user instruction when the touch speed of the user instruction is smaller than the preset speed threshold value, and displaying the residual content of the page content in a blank area which generates a drawing effect by limiting shrinkage.

Optionally, the second narrowing unit includes:

the generating subunit is used for generating an animation effect for limiting the target area according to the user instruction;

and the loading subunit is used for loading the animation effect into the blank area and displaying the remaining content of the page content in the blank area.

Optionally, the page content display apparatus 800 further includes:

the acquisition unit is used for limiting a target area displaying content in a target page according to the user instruction, and acquiring a reverse instruction to be executed after the residual content of the target page in a blank area generated by limiting is displayed;

and the expansion unit is used for expanding the shrinkage part of the target area according to the reverse instruction and displaying the display content of the target page by combining the expanded target area.

Referring now to fig. 9, a schematic diagram of an electronic device (e.g., the terminal device of fig. 1) 600 suitable for implementing embodiments of the present disclosure is shown. The terminal device in the embodiments of the present disclosure may include, but is not limited to, a mobile terminal such as a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), and the like, and a stationary terminal such as a digital TV, a desktop computer, and the like. The electronic device shown in fig. 9 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present disclosure.

The electronic device includes: a memory and a processor, wherein the processor may be referred to as the processing device 601 hereinafter, and the memory may include at least one of a Read Only Memory (ROM)602, a Random Access Memory (RAM)603 and a storage device 608 hereinafter, which are specifically shown as follows:

as shown in fig. 9, electronic device 600 may include a processing means (e.g., central processing unit, graphics processor, etc.) 601 that may perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage means 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the electronic apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.

Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. While fig. 9 illustrates an electronic device 600 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.

In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 609, or may be installed from the storage means 608, or may be installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the methods of the embodiments of the present disclosure.

It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable medium or any combination of the two. A computer readable medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may be any computer readable medium that is not a computer readable medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.

In some embodiments, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP (HyperText transfer protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.

The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.

The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to perform the steps of: acquiring a user instruction to be executed; limiting a target area in the display content of the target page according to the user instruction, and displaying the residual content of the target page in a blank area generated by limiting; wherein the target page comprises currently displayed display content and undisplayed remaining content.

Computer program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The modules or units described in the embodiments of the present disclosure may be implemented by software or hardware. The name of a module or a unit does not in some cases constitute a limitation of the unit itself, and for example, the acquiring module may also be described as a "module that acquires a user instruction to be executed".

The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

According to one or more embodiments of the present disclosure, there is provided a page content display method including:

acquiring a user instruction to be executed;

limiting a target area in the display content of the target page according to the user instruction, and displaying the residual content of the target page in a blank area generated by limiting; wherein the target page comprises currently displayed display content and undisplayed remaining content.

Optionally, the narrowing down the target area in the display content of the target page according to the user instruction includes:

detecting a track length triggering the user instruction;

determining the length proportion of the target area according to the track length of the user instruction;

matching the length proportion with a preset proportion list; the preset proportion list comprises a preset length proportion and a preset shrinkage proportion which have a mapping relation;

and limiting the target area according to a preset limiting proportion matched with the track length of the user instruction.

Optionally, the narrowing the target area according to a preset narrowing ratio matched with the track length of the user instruction includes:

when a preset shrinkage ratio matched with the track length of the user instruction is a preset ratio threshold, taking a transverse center line of the target area as a symmetry axis, and generating the blank area in a symmetrical folding and sinking display mode for the target area;

Optionally, the narrowing down a target area of a content displayed in a target page according to the user instruction and displaying the remaining content of the target page in a blank area generated by narrowing down include:

detecting a touch speed triggering the user instruction;

comparing the touch speed of the user instruction with a preset speed threshold;

and when the touch speed of the user instruction is smaller than the preset speed threshold, the target area is limited according to the user instruction, and the rest content of the page content is displayed in a blank area which is generated to drive a drawing effect by limiting the shrinkage.

Optionally, the narrowing the target area according to the user instruction and displaying the remaining content of the page content in a blank area with a narrowing-down generating animation effect includes:

generating an animation effect for limiting the target area according to the user instruction;

and loading the animation effect into the blank area, and displaying the rest content of the page content in the blank area.

Optionally, after the narrowing down a target area of a target page in which content is displayed according to the user instruction and displaying the remaining content of the target page in a blank area generated by narrowing down, the method further includes:

acquiring a reverse instruction to be executed;

and expanding the shrinkage part of the target area according to the reverse instruction, and displaying the display content of the target page by combining the expanded target area.

According to one or more embodiments of the present disclosure, there is provided a page content display apparatus including:

the acquisition module is used for acquiring a user instruction to be executed;

the contraction limiting module is used for limiting a target area in the display content of the target page according to the user instruction and displaying the residual content of the target page in a blank area generated by contraction limiting; wherein the target page comprises currently displayed display content and undisplayed remaining content.

Optionally, the narrowing module includes:

Optionally, the first narrowing unit includes:

Optionally, the narrowing module includes:

Optionally, the second narrowing unit includes:

Optionally, the page content display apparatus further includes:

the acquisition unit is used for limiting a target area in the display content of a target page according to the user instruction, and acquiring a reverse instruction to be executed after the residual content of the target page is displayed in a blank area generated by limiting;

The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.

Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination. Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.

Claims

1. A method for displaying page content, comprising:

acquiring a user instruction to be executed;

2. The method for displaying page content according to claim 1, wherein the narrowing down the target area in the display content of the target page according to the user instruction comprises:

detecting a track length triggering the user instruction;

3. The method for displaying page content according to claim 2, wherein the narrowing of the target area according to the preset narrowing ratio matched with the track length of the user instruction comprises:

4. The method for displaying page content according to claim 2, wherein the narrowing of the target area according to the preset narrowing ratio matched with the track length of the user instruction comprises:

5. The page content display method according to claim 1, wherein the narrowing down a target area in the display content of a target page according to the user instruction and displaying the remaining content of the target page in a blank area generated by narrowing down include:

detecting a touch speed triggering the user instruction;

6. The page content display method according to claim 5, wherein the narrowing the target area according to the user instruction and displaying the remaining content of the page content in a blank area with a drawing effect generated by narrowing comprises:

7. The page content display method according to claim 1, wherein after the narrowing down the target area in the display content of the target page according to the user instruction and displaying the remaining content of the target page in the blank area generated by the narrowing down, the method further comprises:

acquiring a reverse instruction to be executed;

8. A page content display apparatus, comprising:

the acquisition module is used for acquiring a user instruction to be executed;

9. An electronic device, comprising:

the electronic device comprises a memory and a processor;

the memory has stored therein a computer program;

the processor, when executing the computer program, is configured to perform the method of any of claims 1-7.

10. A computer-readable medium, on which a computer program is stored, which, when being executed by a processor, carries out the method of any one of claims 1 to 7.