CN112148286A - Scroll view processing method, device, device and storage medium - Google Patents

Abstract

The present invention provides a method, device, device and storage medium for processing a scroll view. The method includes: acquiring the total height of content to be displayed that needs to be displayed through the scroll view, generating a blank view according to the total height, and placing the blank view on the Enter the scroll view, obtain the offset of the scroll view from the start of scrolling to the end of the scroll according to the user's operation on the touch screen, obtain the scrolled content view coordinates according to the blank view and the offset, and obtain the display page corresponding to the content view coordinates. Display, the content to be displayed includes the content on the display page, through the intermediate effect of the middle blank view, by dynamically adjusting the position of the content view, using the linkage between the scroll view and the content view, and maintaining the memory reuse effect of the content view itself, keeping Mobile apps scroll smoothly and reduce memory usage.

Description

Scroll view processing method, device, device and storage medium

technical field

The present invention relates to the technical field of page development, and in particular, to a scroll view processing method, apparatus, device and storage medium.

Background technique

With the rise of the graphical user interface, the proportion of the user interface in the software system is also increasing. Users use smart terminals such as mobile phones and tablet computers to conduct web pages, and the use of applications is becoming more and more popular. In the actual development process of the terminal application, it is necessary to embed a web page or a list into an existing scroll view, and the web page (WebView) or list (TableView) needs to be scrolled to display all the content, because the current Many smart terminals are touch screens, and only one scroll event can be responded to. Multiple scroll views will cause gesture conflicts and affect user experience.

However, there are currently two ways to achieve this requirement in the industry: the first one, when scrolling to a web page (WebView) or a list (TableView) position, forcibly stop the scrolling of the scroll view (ScrollView), perform gesture switching, after switching, you can Scroll a web page or list. The second is to spread the entire web page (WebView) or list (TableView), stretch it to the height where all the content is displayed, and then put it into the scroll view (ScrollView).

However, the solutions in the prior art are likely to cause a stuck feeling to the user, occupy a lot of memory, and if too much content is serious, problems such as memory overflow and application flashback may be caused.

SUMMARY OF THE INVENTION

Embodiments of the present invention provide a scroll view processing method, device, device, and storage medium, so as to solve the problem that in the prior art, it is easy to cause a stuck feeling to users, occupy a lot of memory, and excessive content may cause memory overflow. Flashback problem.

In a first aspect, an embodiment of the present invention provides a method for processing a scroll view, which is applied to an electronic device, and the method includes:

Get the total height of the content to be displayed that needs to be displayed through the scroll view;

generate a blank view according to the total height, and put the blank view into the scroll view;

Obtain the offset of the scroll view from scrolling to the end of scrolling according to the user's operation on the touch screen;

Obtain the scrolled content view coordinates according to the blank view and the offset;

The display page corresponding to the coordinates of the content view is acquired and displayed, and the content to be displayed includes the content on the display page.

In one possible design, the display page includes:

a page at a location corresponding to the content view coordinates;

or,

One page and all previous pages at the location corresponding to the content view coordinates

In a possible design, acquiring the display page corresponding to the coordinates of the content view includes:

If the sum of the offset and the screen height of the electronic device is greater than or equal to the content view coordinates, obtain the corresponding content view position according to the content view coordinates;

The display page is acquired from the content to be displayed according to the content view position.

In one possible design, the content view position includes content view coordinates and/or content view offsets.

In a possible design, the obtaining the corresponding content view position according to the content view coordinates includes:

Obtain the content view offset according to the offset and the coordinates of the scrolled floor of the blank view;

and / or,

The content view coordinates are obtained according to the offset and the coordinates of the scrolled middle view of the blank view.

In a second aspect, an embodiment of the present invention provides an apparatus for processing a scroll view, including:

The acquisition module is used to acquire the total height of the content to be displayed that needs to be displayed through the scroll view;

a processing module, configured to generate a blank view according to the total height, and put the blank view into the scroll view;

The processing module is further configured to obtain the offset of the scroll view from scrolling to the end of scrolling according to the user's operation on the touch screen;

The processing module is further configured to obtain the scrolled content view coordinates according to the blank view and the offset;

The display module is configured to acquire and display the display page corresponding to the coordinates of the content view, and the content to be displayed includes the content on the display page.

In one possible design, the display page includes:

a page at a location corresponding to the content view coordinates;

or,

One page and all previous pages at the location corresponding to the content view coordinates

In a possible design, the processing module is specifically configured to: if the sum of the offset and the screen height of the electronic device is greater than or equal to the content view coordinates, obtain the corresponding content view coordinates according to the content view coordinates The content view position of ;

The display page is acquired from the content to be displayed according to the content view position.

In one possible design, the content view position includes content view coordinates and/or content view offsets.

In a possible design, the processing module is specifically used for:

Obtain the content view offset according to the offset and the coordinates of the scrolled floor of the blank view;

and / or,

The content view coordinates are obtained according to the offset and the coordinates of the scrolled middle view of the blank view.

In a third aspect, an embodiment of the present invention provides an electronic device, including:

a display, a processor; and,

a memory for storing executable instructions for the processor;

Wherein, the processor is configured to execute the scroll view processing method according to any embodiment of the first aspect by executing the executable instructions.

In a fourth aspect, an embodiment of the present invention provides a storage medium on which a computer program is stored, and when the program is executed by a processor, implements the scroll view processing method described in any implementation manner of the first aspect.

In a scroll view processing method, device, device, and storage medium provided by the embodiments of the present invention, an electronic device obtains the total height required for the content to be displayed that needs to be displayed through the scroll view, generates a blank view according to the total height, and converts the blank view Put it into the scroll view, get the offset of the scroll view from the start of scrolling to the end of the scroll according to the user's operation on the touch screen, get the scrolled content view coordinates according to the blank view and the offset, and get the display page corresponding to the content view coordinates For display, the content to be displayed includes the content on the display page, through the intermediate effect of the middle blank view, by dynamically adjusting the position of the content view, using the linkage between the scroll view and the content view, and maintaining the memory reuse effect of the content view itself, Keep mobile apps scrolling smoothly and reduce memory usage.

Description of drawings

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the accompanying drawings that need to be used in the description of the embodiments or the prior art. Obviously, the accompanying drawings in the following description These are some embodiments of the present invention, and for those of ordinary skill in the art, other drawings can also be obtained from these drawings without any creative effort.

1 is a schematic flowchart of Embodiment 1 of a method for processing a scroll view according to an exemplary embodiment of the present invention;

2 is a schematic flowchart of Embodiment 2 of a method for processing a scroll view according to an exemplary embodiment of the present invention;

3 is a flowchart of an example of a method for processing a scroll view according to an exemplary embodiment of the present invention;

FIG. 4 is a schematic structural diagram of a scroll view processing apparatus according to an exemplary embodiment of the present invention;

FIG. 5 is a schematic structural diagram of an electronic device according to an exemplary embodiment of the present invention.

Detailed ways

In order to make the purposes, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments These are some embodiments of the present invention, but not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

The terms "first", "second", "third", "fourth", etc. (if present) in the description and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects and are not necessarily used to Describe a particular order or sequence. It is to be understood that the data so used may be interchanged under appropriate circumstances such that the embodiments of the invention described herein can be practiced in sequences other than those illustrated or described herein. Furthermore, the terms "comprising" and "having", and any variations thereof, are intended to cover non-exclusive inclusion, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those expressly listed Rather, those steps or units may include other steps or units not expressly listed or inherent to these processes, methods, products or devices.

For the two scroll view solutions provided by the prior art, the implementation of the first technology will cause the scrolling to be forced to stop, causing a stuck feeling to the user and poor user experience. The second technical implementation will write all the content into the memory, and cannot use the multiplexing mechanism of the web page (WebView) or the list (TableView), which will cause the memory to soar. Too much content will cause memory overflow and application flashback.

In view of the above-mentioned problems, the present application provides a method for processing a scroll view, which is used to solve the problem of not performing gesture switching, and not loading all the content and achieving a normal scrolling effect.

The solution will be described below through several specific implementation manners.

FIG. 1 is a schematic flowchart of Embodiment 1 of a method for processing a scroll view according to an exemplary embodiment of the present invention. As shown in Figure 1, this solution is applied to electronic devices such as mobile phones, tablet computers, terminals in airport shopping malls, etc. The processing method of the scroll view provided by this embodiment includes:

Step S101: Obtain the total height required for the content to be displayed that needs to be displayed through the scroll view.

In this step, in the process of using the electronic device, the user may need to operate and browse some web pages (UIWebView) or lists (UITableView), and the content to be displayed cannot be displayed through a page on the screen of the electronic device. Therefore, it is necessary to monitor and obtain the total height required to display all the displayed content. Generally speaking, during the use of the application, the content is gradually obtained from the server, and the total height will change to a certain extent during the transmission process. Here The total height that can be obtained shall prevail. If the displayed content is updated and the total height changes, the subsequent process will be updated according to the changed total height.

Step S102, generate a blank view according to the total height, and put the blank view into the scroll view.

In this step, after obtaining the total height required to display the content to be displayed, the electronic device generates a blank view with the same height as the total height, and then puts the blank view into the scroll view, that is, treats the blank view as a scroll view The total page to be displayed after extension, but it is not necessary to obtain all the content for caching at the same time.

Step S103: Acquire the offset of the scroll view starting to scroll to the end of scrolling according to the user's operation on the touch screen.

In this step, after placing the blank view into the scroll view, the user performs a swipe operation on the touch screen so that the view displayed on the screen also starts to scroll. At this time, the blank view is scrolled. After the operation is stopped, the scroll view is obtained. The offset from before scrolling to after scrolling.

Step S104: Obtain the scrolled content view coordinates according to the blank view and the offset.

In this step, the total height of the blank view is predetermined, and each position of the blank view also has certain coordinates, so the electronic device can obtain the position on the blank view after scrolling according to the position before the blank view is scrolled and the offset , and then according to the corresponding relationship of the position, the coordinates of the content view after scrolling can be obtained.

Step S105: Acquire a display page corresponding to the coordinates of the content view for display, and the content to be displayed includes the content on the display page.

The electronic device returns the content on the corresponding page according to the obtained content view coordinates, that is, the display page, and displays it on the screen. The content on the display page obtained here is a part of the original content to be displayed.

In the specific implementation of the solution, it should be understood that the display page includes at least the following two situations:

In the first case, a page at a position corresponding to the coordinates of the content view; the meaning of this solution is to obtain the content on the page corresponding to the coordinates of the content view and display it, that is, the content before and after the page are both displayed. No need to acquire.

In the second case, one page at the position corresponding to the coordinates of the content view and all previous pages. The meaning of this solution is to obtain the content of all pages before the page corresponding to the content view coordinate in the content to be displayed, and after obtaining the content of these pages, it can be scrolled and displayed on the screen, and the content after the page No need to obtain for now.

In the processing method of the scroll view provided by this embodiment, the electronic device obtains the total height required for the content to be displayed, and then generates a blank view according to the total height and puts it into the scroll view, the scroll view starts to scroll according to the user's operation, and the electronic device obtains The offset of the scroll, and then obtain the scrolled content view coordinates according to the blank view and offset, and then obtain the corresponding display page for display, through the intermediate effect of the middle blank view, by dynamically adjusting the position of the content view, and using The linkage between the scroll view and the content view, and maintain the memory reuse effect of the content view itself, keep the mobile application scrolling smoothly and reduce memory usage.

FIG. 2 is a schematic flowchart of Embodiment 2 of a method for processing a scroll view according to an exemplary embodiment of the present invention. As shown in FIG. 2, in the specific implementation of the above-mentioned first embodiment, obtaining the display page corresponding to the coordinates of the content view can be specifically implemented as:

Step S201: If the sum of the offset and the screen height of the electronic device is greater than or equal to the content view coordinates, obtain the corresponding content view position according to the content view coordinates.

Step S202: Acquire a display page from the content to be displayed according to the content view position.

In a specific implementation, the content view position includes content view coordinates and/or content view offset. Compare the coordinate position of the content view web page (UIWebView) or list (UITableView) with the offset. In order to obtain the display needs, it is necessary to judge whether all the content views are displayed on the screen of the electronic device. It is determined whether the sum of the screen heights is greater than or equal to the coordinates of the content view. When the sum of the offset and the screen height of the electronic device is greater than or equal to the coordinates of the content view, position processing of the content view is started. That is, the corresponding content view position is obtained according to the content view coordinates, and then the display page is obtained from the content to be displayed according to the content view position.

Specifically, the method for obtaining the corresponding content view position according to the content view coordinates includes at least one of the following:

The first is to obtain the offset of the content view according to the offset and the coordinates of the floor of the blank view after scrolling;

Second, the coordinates of the content view are obtained according to the offset and the coordinates of the middle view of the scrolled blank view.

When scrolling continues, update the coordinates of the content view on the blank view in the middle, and adjust the coordinates to keep the content view on the screen, so that the content view will always be in the user's field of vision. Through these two schemes, the offset in the content view is updated to realize the linkage of internal and external scrolling, causing the illusion that the content view is scrolling, so as to achieve a smooth scrolling effect.

On the basis of the above-mentioned embodiments, the method for processing the scroll view provided by the present invention will be illustrated below by taking the electronic device as a mobile phone.

Without switching gestures, the user's swipe gesture can only be responded to on the scroll view (ScrollView), and the content view cannot be stretched at the same time, so the height of the content view can only be set to the height displayed on the phone screen. At this time, you can create a middle blank view. The height of the blank view is set to the total height of the web page (WebView) or the list (TableView) content, and the web page (WebView) or list (TableView) is placed on the middle blank view. , When the scroll view (ScrollView) scrolls, adjust the position of the web page (WebView) or the list (TableView) on the middle blank view at the same time, and control the web page (WebView) or the list (TableView) to scroll synchronously, the content view Offset = the offset of the scroll view – the coordinates of the blank floor in the middle, causing visual scrolling, so as to achieve a smooth scrolling effect. The specific flow of the scheme will be described below.

FIG. 3 is a flowchart of an example of a method for processing a scroll view according to an exemplary embodiment of the present invention. As shown in FIG. 3 , the process includes:

Step S301: Obtain the total height required to display all the contents to be displayed.

Step S302: Generate a middle blank view, and put the middle view into the scroll view.

In the above two steps, usually, a web page (WebView) or a list (TableView) will have a lot of content, and the mobile phone screen cannot put down all the content, and it needs to scroll to display all the content completely, so first through the system monitoring method , monitor the total height of the content of the web page (WebView) or list (TableView), obtain the height required to display all the content, and set the height of the middle blank view to the obtained height after obtaining the height. The total height obtained here may be only a part. After listening to the total height of the content again, the middle blank view can be updated according to the new total height according to the new total height. The content display of the mobile phone application is displayed through the coordinate system of the mobile phone system. Set the coordinates to be displayed in the middle blank view, which can be any position, and add it to the scroll view (ScrollView).

Step S303: The scroll view starts to scroll to obtain the offset.

In this step, when the scroll view (ScrollView) scrolls, a scroll offset will be generated. The mobile phone can detect the scroll and obtain the offset of the scroll view in real time. Generally speaking, the offset of the scroll view The amount is the distance that the content on the scroll view slides off the screen in the coordinate system of the mobile phone system.

Step S304: offset + screen height >= content view coordinates?

Step S305: Adjust the content view coordinates by formula: content view coordinates=offset amount of scroll view-intermediate view coordinates.

Step S305: Adjust the offset of the content view by formula: the offset of the content view=the offset of the scroll view-the coordinates of the middle blank floor.

In the above steps, use the offset to compare the coordinate position of the content view web page (UIWebView) or the list (UITableView), when the content view web page (UIWebView) or the list (UITableView) are all displayed on the mobile phone screen, that is Formula: offset + mobile phone screen height >= the coordinates of the content view are established, start to process the position of the content view, including two processing methods, one is: according to the difference between the offset of the scroll view and the middle view, get the content view coordinates, and then adjust the content view coordinates displayed on the screen according to the content view coordinates; the other is: get the content view offset according to the difference between the scroll view offset and the coordinates of the middle blank floor, and then according to The offset of this content view adjusts the offset of the content view displayed on the screen. When scrolling continues, update the coordinates of the content view on the blank view in the middle, and adjust the coordinates to keep the content view on the screen, so that the content view will always be in the user's field of vision. Through these two schemes, the offset in the content view web page (UIWebView) or the list (UITableView) is updated to realize the linkage of internal and external scrolling, causing the illusion that the content view is scrolling, so as to achieve a smooth scrolling effect.

In the processing method of the scroll view of the present invention, the intermediate effect of the middle blank view is used, the position of the content view is dynamically adjusted, the linkage between the scroll view and the content view is used at the same time, the memory reuse effect of the content view itself is maintained, and the mobile phone application is maintained. The scrolling is smooth and the risk of memory overflow is reduced, improving the security and user experience of the application.

FIG. 4 is a schematic structural diagram of an apparatus for processing a scroll view according to an exemplary embodiment of the present invention. As shown in FIG. 4 , the apparatus 10 for processing a scroll view provided in this embodiment includes:

an acquisition module 11, used to acquire the total height required by the content to be displayed that needs to be displayed through the scroll view;

a processing module 12, configured to generate a blank view according to the total height, and put the blank view into the scroll view;

The processing module 12 is further configured to obtain the offset of the scroll view from scrolling to the end of scrolling according to the user's operation on the touch screen;

The processing module 12 is further configured to obtain the scrolled content view coordinates according to the blank view and the offset;

The display module 13 is configured to acquire and display the display page corresponding to the coordinates of the content view, and the content to be displayed includes the content on the display page.

The apparatus for processing a scroll view provided in this embodiment is used to implement the technical solutions of any of the foregoing method embodiments. The implementation principle and technical effect are similar. The electronic device obtains the total height required for the content to be displayed, and then generates a A blank view is put into the scroll view, the scroll view starts to scroll according to the user's operation, the electronic device obtains the scroll offset, and then obtains the scrolled content view coordinates according to the blank view and offset, and then obtains the corresponding display page Display, through the intermediate effect of the middle blank view, by dynamically adjusting the position of the content view, using the linkage between the scroll view and the content view, and maintaining the memory reuse effect of the content view itself, keeping the mobile application scrolling smoothly and reducing memory occupied.

On the basis of the above embodiment, in the specific implementation of the scroll view processing device 10, the display page includes:

a page at a location corresponding to the content view coordinates;

or,

One page and all previous pages at the location corresponding to the content view coordinates

Optionally, the processing module 12 is specifically configured to: if the sum of the offset and the screen height of the electronic device is greater than or equal to the content view coordinates, obtain the corresponding content view according to the content view coordinates Location;

The display page is acquired from the content to be displayed according to the content view position.

Optionally, the content view position includes content view coordinates and/or content view offset.

Optionally, the processing module 12 is specifically used for:

Obtain the content view offset according to the offset and the coordinates of the scrolled floor of the blank view;

and / or,

The content view coordinates are obtained according to the offset and the coordinates of the scrolled middle view of the blank view.

The apparatus for processing a scroll view provided by any of the foregoing embodiments is used to execute the technical solutions of any of the foregoing method embodiments, and its implementation principles and technical effects are similar, and details are not described herein again.

FIG. 5 is a schematic structural diagram of an electronic device according to an exemplary embodiment of the present invention. As shown in FIG. 5 , an electronic device 20 provided in this embodiment includes:

display 21, processor 22; and,

a memory 23 for storing executable instructions of the processor, and the memory 23 may also be flash (flash memory);

Wherein, the processor 22 is configured to perform each step in the above method by executing the executable instructions. For details, refer to the relevant descriptions in the foregoing method embodiments.

Optionally, the memory 23 may be independent or integrated with the processor 22 .

When the memory 23 is a device independent of the processor 22, the electronic device may further include:

The bus 24 is used for connecting the processor 22 and the memory 23 .

This embodiment further provides a readable storage medium, where a computer program is stored in the readable storage medium. When at least one processor of the electronic device executes the computer program, the electronic device executes the scrolling view provided by the various embodiments described above. Approach.

This embodiment also provides a program product, where the program product includes a computer program, and the computer program is stored in a readable storage medium. At least one processor of the electronic device can read the computer program from the readable storage medium, and the at least one processor executes the computer program to make the electronic device implement the scroll view processing methods provided by the various embodiments described above.

Those of ordinary skill in the art can understand that all or part of the steps of implementing the above method embodiments may be completed by program instructions related to hardware. The aforementioned program can be stored in a computer-readable storage medium. When the program is executed, the steps including the above method embodiments are executed; and the aforementioned storage medium includes: ROM, RAM, magnetic disk or optical disk and other media that can store program codes.

Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, but not to limit them; although the present invention has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that: The technical solutions described in the foregoing embodiments can still be modified, or some or all of the technical features thereof can be equivalently replaced; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the technical solutions of the embodiments of the present invention. scope.

Claims (12)

1. A processing method of a scroll view is applied to an electronic device, and the method comprises the following steps:

acquiring the total height required by the content to be displayed which needs to be displayed through a scroll view;

generating a blank view according to the total height and putting the blank view into the scroll view;

acquiring the offset from the beginning of scrolling to the end of scrolling of the scroll view according to the operation of a user on the touch screen;

acquiring the coordinates of the scrolled content view according to the blank view and the offset;

and acquiring a display page corresponding to the content view coordinate for displaying, wherein the content to be displayed comprises the content on the display page.

2. The method of claim 1, wherein displaying the page comprises:

a page of locations corresponding to the content view coordinates;

or,

one page and all previous pages of a location corresponding to the content view coordinates.

3. The method according to claim 1 or 2, wherein obtaining the display page corresponding to the content view coordinates comprises:

if the sum of the offset and the screen height of the electronic equipment is greater than or equal to the content view coordinate, acquiring a corresponding content view position according to the content view coordinate;

and acquiring the display page from the content to be displayed according to the content view position.

4. The method of claim 3, wherein the content view position comprises content view coordinates and/or content view offsets.

5. The method of claim 4, wherein the obtaining the corresponding content view location according to the content view coordinates comprises:

acquiring the content view offset according to the offset and the coordinate of the floor of the rolled blank view;

and/or the presence of a gas in the gas,

and acquiring the content view coordinates according to the offset and the coordinates of the middle view of the blank view after rolling.

6. A processing apparatus for scrolling a view, comprising:

the device comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring the total height required by the content to be displayed which needs to be displayed through a scroll view;

the processing module is used for generating a blank view according to the total height and putting the blank view into the scroll view;

the processing module is further used for acquiring the offset from the start of scrolling to the end of scrolling of the scroll view according to the operation of the user on the touch screen;

the processing module is further used for acquiring the coordinates of the scrolled content view according to the blank view and the offset;

and the display module is used for acquiring a display page corresponding to the content view coordinate to display, and the content to be displayed comprises the content on the display page.

7. The apparatus of claim 6, wherein the display page comprises:

a page of locations corresponding to the content view coordinates;

or,

one page and all previous pages of a location corresponding to the content view coordinates.

8. The apparatus according to claim 6 or 7, wherein the processing module is specifically configured to: if the sum of the offset and the screen height of the electronic equipment is greater than or equal to the content view coordinate, acquiring a corresponding content view position according to the content view coordinate;

and acquiring the display page from the content to be displayed according to the content view position.

9. The apparatus of claim 8, wherein the content view location comprises content view coordinates and/or content view offsets.

10. The apparatus of claim 9, wherein the processing module is specifically configured to:

acquiring the content view offset according to the offset and the coordinate of the floor of the rolled blank view;

and/or the presence of a gas in the gas,

and acquiring the content view coordinates according to the offset and the coordinates of the middle view of the blank view after rolling.

11. An electronic device, comprising:

a display, a processor; and the number of the first and second groups,

a memory for storing executable instructions of the processor;

wherein the processor is configured to perform the method of processing a scroll view of any one of claims 1 to 5 via execution of the executable instructions.

12. A storage medium on which a computer program is stored, which program, when being executed by a processor, is adapted to carry out the method of processing a scroll view according to any one of claims 1 to 5.

Images