CN105872103A - Traffic saving showing and interacting method and system for network pictures in IOS - Google Patents

Abstract

The invention discloses a method and system for displaying and interacting with traffic-saving network pictures in IOS, and relates to the development field of application-type APPs in IOS. The steps of the method are: setting the URL of the network picture and distinguishing the network picture; when the network picture does not exist in the IOS client, and is in a non-WIFI network environment, and there is a lot of mobile data traffic, according to the preset, select the corresponding Network picture operation: "no picture mode" operation, "small picture mode" operation and direct download network picture operation. According to the network environment and the specific conditions of mobile data traffic, the present invention can provide diversified and suitable user-friendly browsing modes of network pictures, which not only reduces the development cost through different browsing modes, but also has better browsing experience and can meet the needs of users.

Description

Display interaction method and system for traffic-saving network pictures in IOS

technical field

The invention relates to the development field of application APP in IOS (Internetwork Operating System, Internet operating system), specifically a method and system for displaying and interacting with traffic-saving network pictures in IOS.

Background technique

At present, when using the IOS client to browse network pictures, if the user thinks that the mobile data traffic of the IOS client is relatively high, the user can browse the network pictures through the "no picture mode" (that is, the network pictures are presented by default). However, since the "no picture mode" can only browse the default picture, the user cannot browse the network pictures in detail through the "no picture mode", so the browsing experience of the "no picture mode" is poor, and it is difficult to meet the needs of users.

Contents of the invention

Aiming at the defects existing in the prior art, the technical problem solved by the present invention is: according to the specific conditions of the network environment and mobile data flow, provide diversified and suitable ways for users to browse network pictures. The invention can not only reduce the development cost through different browsing modes, but also has better browsing experience and can meet the needs of users.

In order to achieve the above object, the display interaction method of the traffic-saving network picture in the IOS provided by the present invention comprises the following steps:

A: The IOS client sets the URL of the network pictures that need to be browsed, and distinguishes the network pictures from ordinary pictures or video thumbnails, then go to step B;

B: Determine whether there is a network image identical to the URL set in step A in the IOS client, if so, go to step G, otherwise go to step C;

C: If the current IOS client is in a non-WIFI network environment, and the mobile data flow of the IOS client does not exceed the preset value, then according to the preset setting that the flow rate is lower than the preset value, select the corresponding network picture operation: if the preset is " No picture mode", go to step D, if it is preset to "small picture mode", go to step E, if not preset, go to step F;

D: If the current network picture is a normal picture, the normal default picture will be displayed on the IOS client; if the current network picture is a video thumbnail, the video default picture will be displayed on the IOS client; when the normal default picture or the video default picture is When clicked, go to step F;

E: The IOS client obtains the thumbnail of the current network picture from the server; when the thumbnail is clicked, if the current network picture is a normal picture, go to step F, if the current network picture is a video thumbnail, then jump to the video connection to browse;

F: Establish the download link of the current network picture, save the network picture after downloading, and go to step G;

G: Display the current network picture on the IOS client.

The present invention provides an interactive system for displaying traffic-saving network pictures in IOS that realizes the above method. The system includes a network address setting module, a network picture detection module, a network environment detection module, a picture-less mode operation module, and a small Graphic mode operation module, network picture download and save module and network picture display module;

The network address setting module is used to: set the URL of the network picture that needs to be browsed, and carry out the distinction of common pictures or video thumbnails to the network picture, and send the network picture detection signal to the network picture detection module;

The network picture detection module is used for: after receiving the network picture detection signal, judge whether there is the same network picture with the URL that the network address setting module is set in the IOS client, if so, send the network picture display signal to the network picture display module, otherwise send the network picture display signal to the network picture display module The network environment detection module sends a network environment detection signal;

The network environment detection module is used for: after receiving the network environment detection signal, if the current IOS client is in a non-WIFI network environment, and the mobile data traffic of the IOS client does not exceed the preset value, then according to the preset value that the traffic is lower than the preset value , select the corresponding network picture operation: if it is preset as "no picture mode", send no picture mode operation signal to the no picture mode operation module, if it is preset as "small picture mode", send a small picture to the small picture mode operation module Mode operation signal, if not pre-set, send a network picture download and save signal to the network picture download and save module;

The operation module of no-picture mode is used for: after receiving the operation signal of no-picture mode, if the current network picture is a normal picture, then display the normal default picture; if the current network picture is a video thumbnail, then display the video default picture; when the normal default picture Or when the video default image is clicked, a network image download and save signal is sent to the network image download and save module;

The thumbnail mode operation module is used to: obtain the thumbnail of the current network picture from the server after receiving the thumbnail mode operation signal; when the thumbnail is clicked, if the current network picture is a normal picture, send a network Image download and save signal, if the current network image is a video thumbnail, jump to the video link for browsing;

The network picture download and save module is used for: after receiving the network picture download and save signal, set up the download link of the current network picture, save the network picture after the download is completed, and send the network picture display signal to the network picture display module;

The network picture display module is used for displaying the current network picture after receiving the network picture display signal.

Compared with the prior art, the present invention has the advantages of:

(1) The present invention can provide different network picture browsing modes for the IOS client according to the specific circumstances of the network environment and mobile data flow when the IOS client needs to browse the network picture: WIFI network environment automatically downloads and browses, non-WIFI network environment And the mobile data traffic is more than custom browsing, the non-WIFI network environment and the mobile data traffic is small, browse through the "small picture mode" or the "no picture mode" that does not consume mobile data traffic.

In view of this, the present invention can provide users with diversified and suitable Internet picture browsing methods through reasonable logic, and can also decide whether to browse network pictures in detail according to user needs; therefore, the present invention can not only reduce The development cost is low, and the browsing experience is better, which can meet the needs of users.

(2) The present invention can inform the user of the consumption of mobile data flow in real time, not only can avoid the user from being consumed too much mobile data flow by network pictures without knowing it; machine interaction.

(3) The present invention will perform memory cache and local cache processing on the browsed network pictures to avoid multiple caches of network pictures; the present invention will record the network pictures being downloaded to avoid multiple downloads of the same network picture.

Description of drawings

FIG. 1 is a flowchart of a method for displaying and interacting with traffic-saving network pictures in IOS according to an embodiment of the present invention.

detailed description

The present invention will be described in further detail below in conjunction with the accompanying drawings and embodiments.

Referring to Fig. 1, the display interaction method of traffic-saving network pictures in IOS in the embodiment of the present invention includes the following steps:

S1: When the user initiates a request for browsing network pictures to the server through the IOS client (that is, the user needs to browse the network pictures), the server returns the network picture; Or the distinction of video thumbnails, go to S2.

The specific process of setting the URL of the network picture on the IOS client in S1, and distinguishing the normal picture or video thumbnail from the network picture is as follows:

S101: Determine the type of the network picture returned by the server. If the network picture is a common picture, go to S102; if the network picture is a video thumbnail, go to S103.

S102: Set the URL of the network picture through the local interface. If the displayed size of the network picture is not set, set the size of the network picture to be called back after the network picture is successfully downloaded (call back to the place where the local interface is called).

S103: Set the URL of the network picture through the local interface, and set the network picture to be called back when the network picture is clicked (call back to the place where the local interface is called).

The specific program of S102 is:

-(void)setImageWithURL:(NSString*)urldidResetFrame:(BOOL)didResetFrame success:(void(^)(CGSizeimageSize))success.

The specific program of S103 is:

-(void)setVideoThumbImageWithURL:(NSString*)urlpopToVideoView:(void(^)())toVideoView.

The parameters in the above program are interpreted as:

Parameter url: NSString type string variable, the network address of the network image.

Parameter didResetFrame: BOOL type variable, whether the size of the network picture display has been set.

Parameter success: block callback type code block, when the network picture is successfully downloaded, the size of the network picture is called back to the place where this interface is called (imageSize is a CGSize type variable, that is, the size of the network picture at the time of callback).

Parameter toVideoView: block callback type code block, when the network picture is a video thumbnail, when the network picture is clicked, it will be called back to the place where this interface is called.

S2: Determine whether there is a network picture identical to the URL set in S1 in the IOS client, if so, go to S10, otherwise go to S3.

The specific process of S2 is:

S201: call program

-(UIImage*)imageFromMemoryCacheForKey:(NSString*)key (key is the URL of the network image), determine whether there is the same network image as the URL set in S1 in the memory cache of the IOS client, if so, go to S10; otherwise go to S202.

S202: call program

-(UIImage*)imageFromDiskCacheForKey:(NSString*)key (key is the URL of the network image), determine whether there is the same network image as the URL set in S1 in the hard disk cache of the IOS client, if so, go to S10; otherwise go to S203.

S203: In the IOS client, query according to the URL set in S1 whether the current network picture has been connected and is in the downloading state, if so, go to S10 after the download of the network picture is completed; otherwise go to S3.

S3: Detect the network environment of the current IOS client: judge whether the current IOS client is in the WIFI network environment, if so, automatically download the network picture, and turn to S10 after the download is completed; otherwise turn to S4.

In S3, when judging whether the current IOS client is in the WIFI network environment, call -(BOOL)isReachableViaWiFi, which returns a BOOL value to determine whether the current IOS client is in the WIFI network environment.

S4: Detect the mobile data traffic usage situation of current IOS client: judge whether the mobile data traffic of IOS client exceeds preset value (default is 300M in this embodiment), if (being that mobile data traffic uses more), go to S5, Otherwise (ie less mobile data traffic usage) go to S6.

S5: A pop-up window prompts whether to open the "no picture mode", if yes, go to S7, otherwise go to S6. The no-picture mode will detect the usage of mobile data traffic when it is used for the first time every month (that is, when the user starts the APP for the first time), and if the mobile data traffic is lower than the preset value at this time, the "no-picture mode" will be turned off.

S6: According to the pre-setting that the traffic is lower than the preset value, select the corresponding network picture operation (at this time, a pop-up window will prompt, if the user has set "no more prompt", the pop-up window will not be performed): if the pre-setting is "none Figure mode", go to S7, if preset to "small picture mode", go to S8, if not preset, go to S9.

"No image mode" and "small image mode" in S6 are collectively referred to as "flow-saving mode", and "no image mode" and "small image mode" will not coexist; when executing "no image mode" and "small image mode" Or after the preset corresponding operation is not performed, the mobile data traffic used for the operation will be stored in the local record for S4 to judge the mobile data traffic.

The specific operation of the preset in S6 is: according to the interface method called by S1, it is determined whether the default picture of the normal picture or the default picture of the video thumbnail is to be displayed: if it is the default picture of a normal picture, when the default picture is clicked, it will automatically Download and display (that is, perform the same operation as S9); if the video thumbnail is the default image, call toVideoView in S1 to perform related jump operations.

S7: If the current network picture is a common picture, then display a common default picture in the IOS client, if the current network picture is a video thumbnail, then display a video default picture in the IOS client; when the common default picture or When the video default image is clicked, go to S9.

S8: The IOS client obtains a thumbnail of the current network picture from the server for display; when the thumbnail is clicked, if the current network picture is a normal picture, go to S9; if the current network picture is a video thumbnail, then jump Go to the video link to browse.

S9: Establish the download link of the current network picture (big picture), save the network picture after the download is completed (the storage location is memory cache and local cache), and turn to S10.

When the download link of the network picture is established in S9, the URL of the network picture is used as a key in the form of key-value to record the download operation for S203 query, and the key-value is cleared when the network picture download succeeds or fails.

S10: displaying the current network picture on the IOS client, if the current network picture is a video thumbnail, covering the current network picture with a video logo.

In the embodiment of the present invention, the interactive system for displaying traffic-saving network pictures in IOS that realizes the above method, the system includes a network address setting module, a network picture detection module, a network environment detection module, and a picture-free mode operation module located in the IOS client. , small picture mode operation module, network picture download and save module and network picture display module.

The network address setting module is used for: setting the URL of the network picture to be browsed, and distinguishing the network picture from common pictures or video thumbnails, and sending a network picture detection signal to the network picture detection module.

The network picture detection module is used for: after receiving the network picture detection signal, judge whether there is the same network picture with the URL that the network address setting module is set in the IOS client, if so, send the network picture display signal to the network picture display module, otherwise send the network picture display signal to the network picture display module The network environment detection module sends a network environment detection signal.

The network picture detection module is specifically used for: judging whether there is the same network picture with the URL that the network address setting module is set in the memory cache of judging IOS client, if so, sending network picture display signal to the network picture display module; Otherwise:

Judging whether there is the same network picture with the URL set in the network address setting module in the hard disk cache of the IOS client, if so, sending a network picture display signal to the network picture display module; otherwise:

In the IOS client, according to the URL provided in the network address setting module, query whether the current network picture has established a connection and is in a downloading state, if so, send a network picture display signal to the network picture display module after the network picture download is complete; otherwise Send a network environment detection signal to the network environment detection module.

The network environment detection module is used for: after receiving the network environment detection signal:

If the current IOS client is in a non-WIFI network environment, and the mobile data traffic of the IOS client does not exceed the preset value, then select the corresponding network picture operation according to the preset traffic flow lower than the preset value: if the preset is set to "no picture" Mode", send the no-picture mode operation signal to the no-picture mode operation module, if it is preset as "small picture mode", send the small picture mode operation signal to the small picture mode operation module, if not preset, download and save the picture to the network The module sends a network picture download and save signal;

If the current IOS client is in the WIFI network environment, then automatically download the network picture, and send a network picture display signal to the network picture display module after the download is completed;

If the mobile data flow of the IOS client exceeds the preset value, a pop-up window will prompt whether to open the "no-image mode". Settings, select the corresponding network picture operation.

The operation module of no-picture mode is used for: after receiving the operation signal of no-picture mode, if the current network picture is a normal picture, then display the normal default picture; if the current network picture is a video thumbnail, then display the video default picture; when the normal default picture Or when the video default image is clicked, a network image download and save signal is sent to the network image download and save module.

The thumbnail mode operation module is used to: obtain the thumbnail of the current network picture from the server after receiving the thumbnail mode operation signal; when the thumbnail is clicked, if the current network picture is a normal picture, send a network Image download and save signal, if the current network image is a video thumbnail, jump to the video link for browsing.

The network picture download and save module is used for: after receiving the network picture download and save signal, establish the download link of the current network picture, save the network picture after the download is completed, and send the network picture display signal to the network picture display module.

The network picture display module is used for displaying the current network picture after receiving the network picture display signal, and if the network picture is a video thumbnail, the network picture covers the video logo.

The present invention is not limited to the above-mentioned embodiments. For those of ordinary skill in the art, without departing from the principle of the present invention, some improvements and modifications can also be made, and these improvements and modifications are also considered protection of the present invention. within range. The content not described in detail in this specification belongs to the prior art known to those skilled in the art.

Claims (10)

1. an IOS saves the displaying exchange method of capaciated flow network picture, it is characterised in that The method comprises the following steps:

A:IOS client is arranged needs the URL of the network picture browsed and to network picture Carry out the differentiation of normal picture or video thumbnails, forward step B to；

B: judge that the URL whether existing in IOS client with arranging in step A is identical Network picture, if so, forwards step G to, otherwise forwards step C to；

C: if current IOS client is in non-WIFI network environment and IOS client Mobile data traffic is not less than preset value, then according to flow pre-setting less than preset value, choosing Select the operation of corresponding network picture: if being set in advance as " without chart-pattern ", forward step D to, If being set in advance as " little chart-pattern ", forwarding step E to, if pre-setting, forwarding to Step F；

D: if current network picture is normal picture, then in IOS client, display is common silent Recognize figure, if current network picture is video thumbnails, then in IOS client, show that video is write from memory Recognize figure；When generic default figure or video acquiescence figure are clicked, forward step F to；

E:IOS client obtains the thumbnail of current network picture from server；Work as thumbnail Time clicked, if current network picture is normal picture, forward step F to, if current network figure Sheet is video thumbnails, then jump to video connection and browse；

F: set up the download link of current network picture, network picture is protected after having downloaded Deposit, forward step G to；

G: show current network picture in IOS client.

2. IOS as claimed in claim 1 saves the displaying exchange method of capaciated flow network picture, It is characterized in that: the idiographic flow of step B is:

B01: judge whether exist in the memory cache of IOS client and setting in step A Network picture identical for URL, if so, forwards step G to；Otherwise forward step B02 to；

B02: judge whether exist in the hard disk cache of IOS client and setting in step A Network picture identical for URL, if so, forwards step G to；Otherwise forward step B03 to；

B03: in IOS client, inquires about current net according to the URL arranged in step A Whether network picture has built up connection and is in just in download state, if so, at network picture Download forwards step G to after completing；Otherwise forward step C to.

3. IOS as claimed in claim 1 saves the displaying exchange method of capaciated flow network picture, It is characterized in that: step C is further comprising the steps of: if current IOS client is in WIFI Network environment, the most automatically downloads network picture, forwards step G after having downloaded to；If IOS When the mobile data traffic of client exceedes preset value, whether pop-up prompting opens " without chart-pattern ", If so, forward step D to, otherwise forward to described according to flow pre-setting less than preset value, Select the flow process that corresponding network picture operates.

4. the IOS as described in any one of claims 1 to 3 saves the exhibition of capaciated flow network picture Show exchange method, it is characterised in that: save location described in step F is memory cache and this locality Caching.

5. the IOS as described in any one of claims 1 to 3 saves the exhibition of capaciated flow network picture Show exchange method, it is characterised in that: show current described in step G in IOS client After network picture, if current network picture is video thumbnails, then cover for current network picture Lid video labeling.

6. the IOS as described in any one of claims 1 to 3 saves the exhibition of capaciated flow network picture Show exchange method, it is characterised in that: need obtaining of the network picture browsed described in step A Taking flow process is: after IOS user end to server initiates the request of browse network picture, server Return network picture.

7. one kind realizes saving in the IOS of method described in any one of claim 1 to 6 flow network The displaying interactive system of network picture, it is characterised in that: this system includes being positioned in IOS client The network address arrange module, network picture detecting module, network environment detection module, without figure Mode operation module, little chart-pattern operation module, network picture are downloaded and are preserved module and network Sheet display module；

The network address arrange module for: arrange the URL of network picture needing to browse and Network picture is carried out the differentiation of normal picture or video thumbnails, to network picture detecting module Send network picture detection signal；

Network picture detecting module is used for: after receiving network picture detection signal, it is judged that IOS Whether client exists the network picture identical for URL that module is arranged is set with the network address, If so, network display picture signal is sent to network picture display module, otherwise to network environment Detection module sends network environment detection signal；

Network environment detection module is used for: after receiving network environment detection signal, if current IOS Client be in the mobile data traffic of non-WIFI network environment and IOS client not less than Preset value, then according to flow pre-setting less than preset value, select corresponding network picture to grasp Making: if being set in advance as " without chart-pattern ", sending without chart-pattern to without chart-pattern operation module Operation signal, if being set in advance as " little chart-pattern ", sends little to little chart-pattern operation module Chart-pattern operation signal, if pre-setting, downloading to network picture and preserving module transmission Network picture is downloaded and is preserved signal；

Operation module without chart-pattern is used for: after receiving without chart-pattern operation signal, if current network Picture is normal picture, then show generic default figure, if current network picture is video thumbnails, Then show video acquiescence figure；When generic default figure or video acquiescence figure are clicked, to network Sheet is downloaded and is preserved module transmission network picture download preservation signal；

Little chart-pattern operation module is used for: after receiving little chart-pattern operation signal, obtain from server Take the thumbnail of current network picture；When thumbnail is clicked, if current network picture is general Logical picture, downloads preservation module transmission network picture download to network picture and preserves signal, if working as Front network picture is video thumbnails, then jump to video connection and browse；

Network picture is downloaded preservation module and is used for: after receiving network picture download preservation signal, build The download link of vertical current network picture, network picture carries out preserving and to net after having downloaded Network picture presentation module sends network display picture signal；

Network picture display module is used for: after receiving network display picture signal, shows current net Network picture.

8. IOS as claimed in claim 7 saves the displaying interactive system of capaciated flow network picture, It is characterized in that, described network picture detecting module specifically for: judge the interior of IOS client Deposit whether caching exists and the network picture identical for URL that module is arranged be set with the network address, If so, network display picture signal is sent to network picture display module；Otherwise:

Judge whether the hard disk cache of IOS client exists to arrange in module with the network address The network picture identical for URL arranged, if so, sends network to network picture display module Display picture signal；Otherwise:

In IOS client, the URL inquiry arranged is set according to the network address works as in module Whether front network picture has built up connection and is in just in download state, if so, at network Picture sends network display picture signal to network picture display module after having downloaded；Otherwise to Network environment detection module sends network environment detection signal.

9. IOS as claimed in claim 7 saves the displaying interactive system of capaciated flow network picture, It is characterized in that: after described network environment detection module receives network environment detection signal, if working as Front IOS client is in WIFI network environment, the most automatically downloads network picture, and download completes Network display picture signal is sent afterwards to network picture display module；If the movement of IOS client When data traffic exceedes preset value, pop-up prompting whether open " without chart-pattern ", if so, to Operation module without chart-pattern sends and operates signal without chart-pattern, otherwise continues according to flow less than pre- If pre-setting of value, corresponding network picture is selected to operate.

10. the IOS as described in any one of claim 7 to 9 saves the exhibition of capaciated flow network picture Show interactive system, it is characterised in that: after described network picture display module shows network picture, If network picture is video thumbnails, then cover video labeling for network picture.