CN103543925A - Method and device for operating pictures - Google Patents
Method and device for operating pictures Download PDFInfo
- Publication number
- CN103543925A CN103543925A CN201310493308.XA CN201310493308A CN103543925A CN 103543925 A CN103543925 A CN 103543925A CN 201310493308 A CN201310493308 A CN 201310493308A CN 103543925 A CN103543925 A CN 103543925A
- Authority
- CN
- China
- Prior art keywords
- picture
- container
- background
- page
- gradual change
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Abstract
The invention provides a method and device for operating pictures. The method specifically includes the steps: receiving sliding operations, aiming at big pictures on page content, of a user, wherein the big pictures are borne in a picture container; executing moving operations corresponding to the sliding operations on the big pictures; outputting gradually-changing display effect, of a background of the picture container, from opacity to transparency. By the method and the device, the problem of separation of pictures and information in the prior art can be avoided, and convenience in operation of the user can be improved.
Description
Technical field
The application relates to Internet technical field, particularly relates to a kind of method and apparatus that operates picture.
Background technology
Existing SNS(social network services, Social Networking Services) content source of website and news content source etc. all comprise a large amount of pictures, consideration for typesetting, conventionally can in information content-source, embed little picture (being the picture that pixel is lower), also be, when user browses (also in information browse pattern) at normal information page, picture (is not limited to word top among being conventionally embedded in word with the form of little picture, below, left, right-hand), if user is interested in little picture, can just enter into picture browsing pattern by clicking this little picture, what under this picture browsing pattern, show is large picture (being the picture that pixel is relatively high), and user is after picture browsing finishes, need to close large picture, also from picture browsing pattern, switch to information browse pattern.
Existing picture browsing pattern is carried large picture by picture container conventionally, and this picture container covers on information page, and the background of this picture container is black, can highlight large picture.
There is at present the method for switching as follows between picture browsing pattern and information browse pattern:
Prior art one
With reference to Fig. 1, show one one kinds of process flow diagrams of closing the method for picture of prior art, specifically can comprise:
Prior art one has following shortcoming:
The first, close at every turn and need to click large picture and click is closed or return push-button, also need to click twice button, operate comparatively loaded down with trivial details;
The second, close or return push-button need to take the specific region of screen, consider the screen size of the terminals such as mobile phone and the problem of user right-hand man's operating habit, can affect the convenience of user's operation;
The 3rd, picture container covers on information page, although can make user more clearly browse large picture, but the problem that has caused picture and information to isolate, also, user synchronization can only browsing information and picture in one, this has affected user's experience.
Prior art two
With reference to Fig. 2, show 21 kinds of process flow diagrams of closing the method for picture of prior art, specifically can comprise:
There is following shortcoming in prior art two:
First, although close the one click operation that only needs to click large picture at every turn, also avoided problem in prior art one, the problem includes: the problem of complex operation, once will switch but user clicks large picture, easily cause user also not browse large picture and just by maloperation, switch to information browse pattern, also need in this case again to switch to picture browsing pattern, had a strong impact on user's experience;
The second, there is equally the picture of prior art one and the problem that information is isolated.
Prior art three
Be with the difference of prior art one, to close or return push-button is directly presented in picture container, so with respect to prior art one, reduced and clicked large picture with the operation of popup menu, but close or return push-button takies the specific region of screen, there is the succinct not problem of demonstration.
Summary of the invention
The application's technical matters to be solved is to provide a kind of method and apparatus that operates picture, can avoid the problem that in prior art, picture and information isolate, and can improve the convenience of user's operation.
In order to address the above problem, the application discloses a kind of method that operates picture, comprising:
Receive user for the slide of large picture on content of pages; Described large picture is carried in picture container;
Described large picture is carried out and the corresponding move operation of described slide;
The display effect of the background of exporting described picture container from opaque to transparent gradual change.
Preferably, described reception user for content of pages on before the step of slide of large picture, described method also comprises:
Receive user for the trigger action of little picture on content of pages;
According to described trigger action, current page content is taken pictures, obtain taking pictures accordingly picture;
After having taken pictures, open picture container, and in this picture container, show the large picture that described little picture is corresponding;
Described in carrying out the process of described move operation, the step of the display effect of the background of output picture container from opaque to transparent gradual change, comprising:
In carrying out the process of described move operation, on middle graph layer, show the display effect from the background frame of described picture container to the described picture gradual change of taking pictures; Wherein, described middle graph layer is between the background and described large picture of described picture container.
Preferably, described in carrying out the process of described move operation, the step of the display effect of the background of output picture container from opaque to transparent gradual change, comprising:
In carrying out the process of described move operation, by transparency property operations, the background of described picture container is shown to transparent gradual change from opaque.
Preferably, described in carrying out the process of described move operation, the step of the display effect of the background of exporting described picture container from opaque to transparent gradual change, comprising:
According to the distance of the corresponding current location of described move operation and page center or page marginal position, determine the current display effect of the background of described picture container.
Preferably, described method also comprises:
When the corresponding current location of described move operation is page marginal position, close described picture container.
Preferably, the described step that shows the large picture that described little picture is corresponding in this picture container, comprising:
Described in operation picture container, large picture makes it progress into the page, and the background of exporting described picture container in operating process is shown as opaque effect from transparent gradual change; Or
Described in operation picture container, large picture makes it progress into the page, and constant in the background of picture container described in operating process.
Preferably, the described background of exporting described picture container in operating process is shown as the step of opaque effect from transparent gradual change, comprising:
In operating process, on middle graph layer, show from the display effect of picture to the background frame gradual change of described picture container of taking pictures; Wherein, described middle graph layer is between the background and described large picture of described picture container.
Preferably, the described background of exporting described picture container in operating process is shown as the step of opaque effect from transparent gradual change, comprising:
In operating process, by transparency property operations, the background of described picture container is shown to opaque gradual change from transparent.
On the other hand, disclosed herein as well is a kind of device that operates picture, comprising:
The first receiving element, for receiving user for the slide of large picture on content of pages; Described large picture is carried in picture container;
Mobile unit, for carrying out and the corresponding move operation of described slide described large picture; And
Effect output unit, for carrying out the process of described move operation, the display effect of the background of exporting described picture container from opaque to transparent gradual change.
Preferably, described device also comprises:
The second receiving element, for described reception user for content of pages on before the slide of large picture, receive user for the trigger action of little picture on content of pages;
The unit of taking pictures, for according to described trigger action, takes pictures to current page content, obtains taking pictures accordingly picture;
Open display unit, for after having taken pictures, open picture container, and in this picture container, show the large picture that described little picture is corresponding;
Described effect output unit comprises:
A figure layer display module for the process carrying out described move operation, shows the display effect from the background frame of described picture container to the described picture gradual change of taking pictures on middle graph layer; Wherein, described middle graph layer is between the background and described large picture of described picture container.
Preferably, described effect output unit comprises:
Property operations module, the process for carrying out described move operation, shows from opaque the background of described picture container by transparency property operations to transparent gradual change.
Preferably, described effect output unit comprises:
Effect determination module, for the distance according to the corresponding current location of described move operation and page center or page marginal position, determines the current display effect of the background of described picture container.
Preferably, described device also comprises:
Closing unit, for when the corresponding current location of described move operation is page marginal position, closes described picture container.
Preferably, described in, opening display unit comprises:
The first display module, for making it progress into the page at the large picture of operation picture container, and the background of exporting described picture container in operating process is shown as opaque effect from transparent gradual change; Or
The second display module, makes it progress into the page for operating large picture described in picture container, and constant in the background of picture container described in operating process.
Preferably, described the first display module comprises:
Middle layer display sub-module in operating process, shows from the display effect of picture to the background frame gradual change of described picture container of taking pictures on middle graph layer; Wherein, described middle graph layer is between the background and described large picture of described picture container.
Preferably, described the first display module comprises:
Property operations display sub-module, in operating process, shows from transparent the background of described picture container by transparency property operations to opaque gradual change.
Compared with prior art, the application has the following advantages:
The method of the operation picture that the application provides is carried out the corresponding move operation of slide with user to large picture, and in carrying out the process of described move operation, the display effect of the background of exporting described picture container from opaque to transparent gradual change, wherein, transparent and opaque for representing that picture container is with respect to the coverage effect of information page, the transparent information page that is rendered as is not capped and complete visual effect, the opaque information page that is rendered as is capped and complete not visible effect completely, like this, when the display effect of the background of picture container is transparent or similar transparent (as translucent), on the shared page orientation contrary with move operation of picture container, can clearly demonstrate information page, and show large picture on the shared page orientation identical with move operation of picture container, therefore can show information in large picture and information page on the shared page of picture container simultaneously, therefore, the application can avoid the problem that in prior art, picture and information isolate,
In addition, user can move large picture by controlling the speed of slide or the distance of slide, make large picture depart from page center, or, make large picture shift out the page, and when large picture shifts out the page, can think that user browses large picture complete, therefore can, when the corresponding current location of described move operation is page marginal position, close described large picture; Slide is with respect to the clicking operation of prior art, can simplify the operation on the one hand, make on the other hand operation more friendly, because this operation is gesture operation, do not take the specific region of screen, the problem that does not exist user right-hand man's custom to bring, and, from user psychology, the maloperation Holding Problem of having avoided clicking operation to bring, user experiences more friendly; In a word, the application provides a kind of brand-new man-machine interaction mode, the problem that it can be avoided complex operation in prior art, maloperation and take the specific region of screen, and can strengthen the convenience that user experienced and improved user's operation;
Further, concerning user, the background of picture container is shown as and takes pictures or actual information page from black gradual change, from visual impression, is that large picture shows above information page, and background is exactly information page, can strengthen user's experience.。
Accompanying drawing explanation
Fig. 1 is one one kinds of process flow diagrams of closing the method for picture of prior art;
Fig. 2 is 21 kinds of process flow diagrams of closing the method for picture of prior art;
Fig. 3 is a kind of process flow diagram that operates the embodiment of the method 1 of picture of the application;
Fig. 4 is a kind of process flow diagram that operates the embodiment of the method 2 of picture of the application;
Fig. 5 is the process flow diagram that a kind of method that operates picture of the application is applied in Sina's microblogging client product;
Fig. 6 is a kind of structural drawing that operates the device embodiment of picture of the application.
Embodiment
For the application's above-mentioned purpose, feature and advantage can be become apparent more, below in conjunction with the drawings and specific embodiments, the application is described in further detail.
With reference to Fig. 3, show a kind of process flow diagram that operates the embodiment of the method 1 of picture of the application, specifically can comprise:
Step 301, receive user for the slide of large picture on content of pages; Described large picture is carried in picture container;
The embodiment of the present application can be applied to PC(personal computer, Personal Computer), the terminal such as mobile phone, panel computer.The page that these terminals show specifically can comprise the page of the websites such as SNS website, news category website; also can comprise IM(instant messaging; Instant Messenger) the chat page of various application programs such as; these pages can embed little picture conventionally in information content-source; it can take all or part of screen area; in a word, the application is not limited the concrete page.
In the embodiment of the present application, described large picture is the original image of the little picture that embeds in content of pages, and it can be shown on the page for the trigger action of little picture on content of pages according to user.
In the embodiment of the present application, slide is gesture operation, it can comprise the slide of speed, also can comprise slow drag operation etc., its direction specifically can comprise from left to right, from right to left or from the top down etc., the application is not limited concrete slide and concrete direction.
In a kind of application example of the application, user can have different functions for the slide of large picture on content of pages, specifically can comprise: close large picture to switch to information browse pattern, preserve large picture, to share picture etc., in such cases, can be for the direction of the corresponding slide of function setting, for example, slide correspondence is from left to right closed the function of large picture, the corresponding function of preserving large picture of slide from bottom to top, slide correspondence is from the top down shared the function of picture, etc.; And in practice, then the direction that should first identify slide realizes corresponding function.
Step 302, described large picture is carried out and the corresponding move operation of described slide;
Conventionally large picture is positioned at page center and shows, the embodiment of the present application can be carried out and the corresponding move operation of described slide, makes large picture depart from described page center.
Step 303, in carrying out the process of described move operation, the display effect of the background of exporting described picture container from opaque to transparent gradual change.
In the embodiment of the present application, in carrying out the process of described move operation, the display effect of the background of described picture container is according to from opaque to transparent direction gradual change, wherein, transparent and opaque for representing that picture container is with respect to the coverage effect of information page, the transparent information page that is rendered as is not capped and complete visual effect, and the opaque information page that is rendered as is completely capped and present not visible effect, like this, when the display effect of the background of picture container is transparent or similar transparent (as translucent), on the shared page orientation contrary with move operation of picture container, can clearly demonstrate information page, and show large picture on the shared page orientation identical with move operation of picture container, therefore can show information in large picture and information page on the shared page of picture container simultaneously.
Under default situations, large picture is positioned at page center, and now the background of described picture container is opaque black, and this opaque black can highlight large picture, but the also coverage information page completely;
Suppose that now step 301 receives slide from left to right, can move from left to right described large picture, and, in moving process, the display effect of the background of exporting described picture container from opaque to transparent gradual change;
The display effect of the background of described picture container according to the process from opaque to transparent direction gradual change, the degree that information page is covered by picture container is more and more lower, until information page is capped and completely visual;
Like this, moving in the process of described large picture from left to right, the display effect of the background of picture container is more and more transparent, like this, the information page that the shared left page of picture container shows is more and more clear, and meanwhile, the shared right-hand page of picture container also shows large picture; For user, it can browse in the information page of the left page large picture in information and the right-hand page simultaneously, and therefore, the application can avoid the problem that in prior art, picture and information isolate.
The technical scheme of the display effect of the background that the application can provide following output picture container from transparent to opaque gradual change:
Technical scheme A1
Technical scheme A1 shows the display effect from the background frame of described picture container to the described picture gradual change of taking pictures on the middle graph layer between the background in described picture container and described large picture; Wherein, described middle graph layer can be understood as the figure layer being carried in described picture container, described middle graph layer is not covered by the background of picture container, therefore can demonstrate the picture of taking pictures on the shared page orientation contrary with move operation of picture container, and because the picture of taking pictures is taken pictures for information page that picture container is covered and obtained, its have with take pictures before the identical content of information page, therefore can demonstrate information page on the shared page orientation contrary with move operation of picture container; Meanwhile, because described middle graph layer is positioned under the figure layer of described large picture, it can not cover described large picture, therefore can demonstrate large picture on the shared page orientation identical with move operation of picture container yet.
For implementing technical scheme A1, described reception user for content of pages on before the step 301 of slide of large picture, described method can also comprise:
Receive user for the trigger action of little picture on content of pages;
According to described trigger action, current page content is taken pictures, obtain taking pictures accordingly picture;
After having taken pictures, open picture container, and in this picture container, show the large picture that described little picture is corresponding;
Described in carrying out the process of described move operation, the step 303 of the display effect of the background of output picture container from opaque to transparent gradual change, may further include:
In carrying out the process of described move operation, on middle graph layer, show the display effect from the background frame of described picture container to the described picture gradual change of taking pictures; Wherein, described middle graph layer is between the background and described large picture of described picture container.
In a kind of application example of the application, the described background frame from described picture container can be realized by animation to the display effect of the described picture gradual change of taking pictures, for example, can generate take the described picture of taking pictures as initial picture, take as described in described background frame (as black picture) as the first animation of final picture, and on described middle graph layer, play described the first animation, wherein can by the background frame of picture container with described in the picture of taking pictures carry out transparency and calculate the animation frame that becomes described the first animation next life.Be appreciated that the implementation to the display effect of the described picture gradual change of taking pictures is not limited the application to the concrete described background frame from described picture container.
Technical scheme A2
Technical scheme A2 is applicable to the constant situation of background of picture container, and it can show from opaque the background of described picture container by transparency property operations to transparent gradual change.
For example, the background of existing picture container is generally fixing black, to highlight large picture, therefore it is opaque 0.0f that the initial transparency attribute of the background of picture container can be set, under this kind of transparency attribute, information page is covered by black background and completely not visible completely, and the initial transparency attribute that the background of picture container can be set is transparent 1.0f, under this kind of transparency attribute, information page is not capped and completely visual; Like this, in the background of picture container from the opaque process showing to transparent gradual change, transparency attribute changes to 1.0f from 0.0f, correspondingly, information page is from being gradient to completely visual by black background covering completely, and in this process, when the background of picture container is shown as the effect of transparent or similar transparent (as translucent), on the shared page orientation contrary with move operation of picture container, can clearly demonstrate information page, meanwhile, on the shared page orientation identical with move operation of picture container, show large picture.
Be appreciated that above-mentioned black is not as the application restric-tion of the background of picture container in the application.
In the embodiment of the present application, the effect that large picture moves is synchronizeed from the opaque display effect to transparent gradual change with the background of described picture container, also, at large picture, shift out gradually in the process of the page, the display effect of the background of output picture container is shown as transparent from opaque gradual change.
Above-mentioned synchronous for realizing, in a preferred embodiment of the present application, described in carrying out the process of described move operation, the step of the display effect of the background of exporting described picture container from opaque to transparent gradual change, specifically can comprise: according to the distance of the corresponding current location of described move operation and page center or page marginal position, determine the current display effect of the background of described picture container.
In a kind of application example of the application, the distance of supposing page center and page marginal position is 320 pixels, the factor corresponding to opaque display effect is A, the factor corresponding to transparent display effect is B, the distance of current location and page center is C, and the factor corresponding to the current display effect of the background of described picture container is (B-A) * C/320.
The application scenarios of the embodiment of the present application specifically can comprise:
Application scenarios 1,
The initial position of described large picture is page center, user moves to page marginal position by slide fast by described large picture, accordingly, the background of described picture container from opaque fade to transparent, also, net result is that large picture shifts out the page.
Application scenarios 1 time, described method can also comprise:
When the corresponding current location of described move operation is page marginal position, close described picture container.
Because described large picture is carried in picture container, so close picture container, can play the effect of closing large picture; Because above-mentioned middle graph layer is carried in described picture container, therefore close picture container, also can play the effect of closing middle graph layer; Therefore, after closing picture container, what on the page, show is information page, and also, the page is in information browse pattern.
Application scenarios 1 is closed large picture according to user's slide, slide is with respect to the clicking operation of prior art, can simplify the operation on the one hand, make on the other hand operation more friendly, because this operation is gesture operation, do not take the specific region of screen, the problem that does not exist user right-hand man's custom to bring, and, from user psychology, the maloperation Holding Problem of having avoided clicking operation to bring, user experiences more friendly; In a word, can avoid complex operation in prior art, maloperation and take the problem of the specific region of screen, therefore can improve the convenience of user's operation.
Application scenarios 2
The initial position of described large picture is page center, and user moves to the position apart from page marginal position 1/4 page by slower drag operation by described large picture, accordingly, the background of described picture container from opaque fade to translucent.
Application scenarios 2 times, on the shared page orientation contrary with move operation (3/4 page) of picture container, can clearly demonstrate information page, meanwhile, on the shared page orientation identical with move operation (1/4 page) of picture container, show large picture.
Application scenarios 3
The initial position of described large picture is the position apart from page marginal position 1/4 page, user moves to the position apart from page marginal position 1/8 page by slower drag operation by described large picture, accordingly, the background of described picture container from translucent fade to mostly transparent.
Application scenarios 3 times, on the shared page orientation contrary with move operation (7/8 page) of picture container, can clearly demonstrate information page, meanwhile, on the shared page orientation identical with move operation (1/8 page) of picture container, show large picture.
The application's tool has the following advantages:
The first, the method for the operation picture that the application provides is carried out the corresponding move operation of slide with user to large picture, and in carrying out the process of described move operation, the display effect of the background of exporting described picture container from opaque to transparent gradual change, wherein, transparent and opaque for representing that picture container is with respect to the coverage effect of information page, the transparent information page that is rendered as is not capped and complete visual effect, the opaque information page that is rendered as is capped and complete not visible effect completely, like this, when the display effect of the background of picture container is transparent or similar transparent (as translucent), on the shared page orientation contrary with move operation of picture container, can clearly demonstrate information page, and show large picture on the shared page orientation identical with move operation of picture container, therefore can show information in large picture and information page on the shared page of picture container simultaneously, therefore, the application can avoid the problem that in prior art, picture and information isolate,
Second, user can move large picture by controlling the speed of slide or the distance of slide, make large picture depart from page center, or, make large picture shift out the page, and when large picture shifts out the page, can think that user browses large picture complete, therefore can, when the corresponding current location of described move operation is page marginal position, close described large picture; Slide is with respect to the clicking operation of prior art, can simplify the operation on the one hand, make on the other hand operation more friendly, because this operation is gesture operation, do not take the specific region of screen, the problem that does not exist user right-hand man's custom to bring, and, from user psychology, the maloperation Holding Problem of having avoided clicking operation to bring, user experiences more friendly; In a word, can avoid complex operation in prior art, maloperation and take the problem of the specific region of screen, therefore can improve the convenience of user's operation;
The 3rd, concerning user, the background of picture container is shown as and takes pictures or actual information page from black gradual change, from visual impression, is that large picture shows above information page, and background is exactly information page, can strengthen user's experience.
With reference to Fig. 4, show a kind of process flow diagram that operates the embodiment of the method 2 of picture of the application, specifically can comprise:
Step 401, receive user for the trigger action of little picture on content of pages;
Described trigger action can comprise clicking operation, slide etc.
Step 402, the described trigger action of foundation, take pictures to current page content, obtains taking pictures accordingly picture;
Step 403, after having taken pictures, open picture container;
Described in step 404, operation picture container, large picture makes it progress into the page, and the background of exporting described picture container in operating process is shown as opaque effect from transparent gradual change;
Step 405, the described trigger action of foundation, take pictures to current page content, obtains taking pictures accordingly picture;
Step 406, receive user for the slide of large picture on content of pages;
Step 407, described large picture is carried out and the corresponding move operation of described slide;
Step 408, in carrying out the process of described move operation, on middle graph layer, show the display effect from the background frame of described picture container to the described picture gradual change of taking pictures; Wherein, described middle graph layer is between the background and described large picture of described picture container.
Receive user for content of pages on during the trigger action of little picture, traditional way is generally opens picture container, shows the large picture that described little picture is corresponding in this picture container; Because the background of this picture container is opaque black, therefore this picture container covers on information page completely once just opening, like this, traditional way overrides information page suddenly, easily gives the lofty sensation of user.
In embodiment 2, after opening picture container, described in operation picture container, large picture makes it progress into the page, and the background of exporting described picture container in operating process is shown as opaque effect from transparent gradual change, also be that large picture progresses into the page, until enter the page completely, and before large picture enters the page completely, when the display effect of the background of picture container is transparent or similar transparent (as translucent), on the shared page orientation identical with approach axis of picture container, can clearly demonstrate information page, and show large picture on the shared page orientation contrary with approach axis of picture container, therefore can show information in large picture and information page on the shared page of picture container simultaneously, therefore, the application can avoid the problem that in prior art, picture and information isolate, and concerning user, the background of picture container is from taking pictures or actual information page gradual change is shown as black, from visual impression, be that large picture shows above information page, background is exactly information page, can avoid producing lofty sensation, and can strengthen user's experience.
The application can provide the background of following output picture container from transparent gradual change, to be shown as the technical scheme of opaque effect:
Technical scheme B1
The principle of technical scheme B1 and technical scheme A1 is similar, specifically can comprise:
In operating process, on middle graph layer, show from the display effect of picture to the background frame gradual change of described picture container of taking pictures; Wherein, described middle graph layer is between the background and described large picture of described picture container.
Technical scheme B2
The principle of technical scheme B2 and technical scheme A2 is similar, is applicable to the constant situation of background of picture container, and it can show from transparent the background of described picture container by transparency property operations to opaque gradual change.
In actual applications, the direction that large picture progresses into the page can comprise from left to right, from right to left or from the top down; In addition, those skilled in the art can arrange the speed (as translational speed) that large picture progresses into the page according to actual conditions, and direction and speed that the embodiment of the present application progresses into the page to concrete large picture are not limited.
It should be noted that, embodiment 2 for showing the preferred version of large picture in picture container, described in its operation picture container, large picture makes it progress into the page, and the background of exporting described picture container in operating process is shown as opaque effect from transparent gradual change, be appreciated that, embodiment 2 is not as the application's application restric-tion, in fact, other scheme that shows large picture in picture container is also feasible, for example, described in operation picture container, large picture makes it progress into the page, and in constant scheme of the background of picture container described in operating process etc.
For making those skilled in the art understand better the application, provide the application of the application in Sina's microblogging client product below:
In most of micro-blog information of Sina's microblogging client product, word below there will be corresponding little picture, and with reference to Fig. 5, the method that operates accordingly picture specifically can comprise:
Step 501, receive user for the trigger action of little picture on content of pages;
Step 502, receive user for content of pages on during the trigger action of little picture, current page content is taken pictures, obtain taking pictures accordingly picture;
Step 503, after having taken pictures, open picture container, described in operation picture container, large picture makes it progress into the page, and on middle graph layer, shows from the display effect of picture to the background frame gradual change of described picture container of taking pictures in operating process; Wherein, described middle graph layer is between the background and described large picture of described picture container;
Step 504, receive user for the slide of large picture on content of pages;
Step 505, described large picture is carried out and the corresponding move operation of described slide;
Step 506, in carrying out the process of described move operation, on the middle graph layer between the background in described picture container and described large picture, show the display effect from the background frame of described picture container to the described picture gradual change of taking pictures.
Concerning user, the background of picture container is shown as black from the picture gradual change of taking pictures, or is shown as from black gradual change the picture of taking pictures, and from visual impression, is that large picture shows above information page, and background is exactly information page, can strengthen user's experience.
Embodiment is corresponding with preceding method, and the application also provides a kind of device that operates picture, with reference to the structural drawing shown in Fig. 6, specifically can comprise:
The first receiving element 601, for receiving user for the slide of large picture on content of pages; Described large picture is carried in picture container;
In a preferred embodiment of the present application, described device can also comprise:
The second receiving element, for described reception user for content of pages on before the slide of large picture, receive user for the trigger action of little picture on content of pages;
Open display unit, for after having taken pictures, open picture container, and in this picture container, show the large picture that described little picture is corresponding;
The unit of taking pictures, for according to described trigger action, takes pictures to current page content, obtains taking pictures accordingly picture;
Described effect output unit 603 may further include:
A figure layer display module for the process carrying out described move operation, shows the display effect from the background frame of described picture container to the described picture gradual change of taking pictures on middle graph layer; Wherein, described middle graph layer is between the background and described large picture of described picture container.
In another preferred embodiment of the present application, described effect output unit 603 may further include: property operations module, process for carrying out described move operation, shows from opaque the background of described picture container by transparency property operations to transparent gradual change.
In another preferred embodiment of the application, described effect output unit 603 specifically can comprise:
Effect determination module, for the distance according to the corresponding current location of described move operation and page center or page marginal position, determines the current display effect of the background of described picture container.
In a preferred embodiment of the present application, described device can also comprise:
Closing unit, for when the corresponding current location of described move operation is page marginal position, closes described picture container.
In a preferred embodiment of the present application, described in open display unit and may further include:
The first display module, for making it progress into the page at the large picture of operation picture container, and the background of exporting described picture container in operating process is shown as opaque effect from transparent gradual change; Or
The second display module, makes it progress into the page for operating large picture described in picture container, and constant in the background of picture container described in operating process.
In the embodiment of the present application, preferably, described the first display module may further include:
Middle layer display sub-module in operating process, shows from the display effect of picture to the background frame gradual change of described picture container of taking pictures on middle graph layer; Wherein, described middle graph layer is between the background and described large picture of described picture container.
In the embodiment of the present application, preferably, described the first display module may further include:
Property operations display sub-module, in operating process, shows from transparent the background of described picture container by transparency property operations to opaque gradual change.
Each embodiment in this instructions all adopts the mode of going forward one by one to describe, and each embodiment stresses is the difference with other embodiment, between each embodiment identical similar part mutually referring to.For device embodiment, because it is substantially similar to embodiment of the method, so description is fairly simple, relevant part is referring to the part explanation of embodiment of the method.
The embodiment of the present invention can be used in numerous general or special purpose computingasystem environment or configuration.For example: personal computer, server computer, handheld device or portable set, plate equipment, multicomputer system, the system based on microprocessor, network PC, small-size computer, mainframe computer, comprise distributed computing environment of above any system or equipment etc.The embodiment of the present invention is preferably applied in embedded system.
The embodiment of the present invention can be described in the general context of the computer executable instructions of being carried out by computing machine, for example program module.Usually, program module comprises the routine carrying out particular task or realize particular abstract data type, program, object, assembly, data structure etc.Also can in distributed computing environment, put into practice the embodiment of the present invention, in these distributed computing environment, by the teleprocessing equipment being connected by communication network, be executed the task.In distributed computing environment, program module can be arranged in the local and remote computer-readable storage medium that comprises memory device.
A kind of method and apparatus that operates picture above the application being provided, be described in detail, applied specific case herein the application's principle and embodiment are set forth, the explanation of above embodiment is just for helping to understand the application's method and core concept thereof; Meanwhile, for one of ordinary skill in the art, the thought according to the application, all will change in specific embodiments and applications, and in sum, this description should not be construed as the restriction to the application.
Claims (16)
1. a method that operates picture, is characterized in that, comprising:
Receive user for the slide of large picture on content of pages; Described large picture is carried in picture container;
Described large picture is carried out and the corresponding move operation of described slide;
The display effect of the background of exporting described picture container from opaque to transparent gradual change.
2. the method for claim 1, is characterized in that, described reception user for content of pages on before the step of slide of large picture, also comprise:
Receive user for the trigger action of little picture on content of pages;
According to described trigger action, current page content is taken pictures, obtain taking pictures accordingly picture;
After having taken pictures, open picture container, and in this picture container, show the large picture that described little picture is corresponding;
Described in carrying out the process of described move operation, the step of the display effect of the background of output picture container from opaque to transparent gradual change, comprising:
In carrying out the process of described move operation, on middle graph layer, show the display effect from the background frame of described picture container to the described picture gradual change of taking pictures; Wherein, described middle graph layer is between the background and described large picture of described picture container.
3. the method for claim 1, is characterized in that, described in carrying out the process of described move operation, and the step of the display effect of the background of output picture container from opaque to transparent gradual change, comprising:
In carrying out the process of described move operation, by transparency property operations, the background of described picture container is shown to transparent gradual change from opaque.
4. the method as described in claim 1 or 2 or 3, is characterized in that, described in carrying out the process of described move operation, and the step of the display effect of the background of exporting described picture container from opaque to transparent gradual change, comprising:
According to the distance of the corresponding current location of described move operation and page center or page marginal position, determine the current display effect of the background of described picture container.
5. the method as described in claim 1 or 2 or 3, is characterized in that, also comprises:
When the corresponding current location of described move operation is page marginal position, close described picture container.
6. method as claimed in claim 2, is characterized in that, the described step that shows the large picture that described little picture is corresponding in this picture container, comprising:
Described in operation picture container, large picture makes it progress into the page, and the background of exporting described picture container in operating process is shown as opaque effect from transparent gradual change; Or
Described in operation picture container, large picture makes it progress into the page, and constant in the background of picture container described in operating process.
7. method as claimed in claim 6, is characterized in that, the described background of exporting described picture container in operating process is shown as the step of opaque effect from transparent gradual change, comprising:
In operating process, on middle graph layer, show from the display effect of picture to the background frame gradual change of described picture container of taking pictures; Wherein, described middle graph layer is between the background and described large picture of described picture container.
8. method as claimed in claim 6, is characterized in that, the described background of exporting described picture container in operating process is shown as the step of opaque effect from transparent gradual change, comprising:
In operating process, by transparency property operations, the background of described picture container is shown to opaque gradual change from transparent.
9. a device that operates picture, is characterized in that, comprising:
The first receiving element, for receiving user for the slide of large picture on content of pages; Described large picture is carried in picture container;
Mobile unit, for carrying out and the corresponding move operation of described slide described large picture; And
Effect output unit, for carrying out the process of described move operation, the display effect of the background of exporting described picture container from opaque to transparent gradual change.
10. device as claimed in claim 9, is characterized in that, also comprises:
The second receiving element, for described reception user for content of pages on before the slide of large picture, receive user for the trigger action of little picture on content of pages;
The unit of taking pictures, for according to described trigger action, takes pictures to current page content, obtains taking pictures accordingly picture;
Open display unit, for after having taken pictures, open picture container, and in this picture container, show the large picture that described little picture is corresponding;
Described effect output unit comprises:
A figure layer display module for the process carrying out described move operation, shows the display effect from the background frame of described picture container to the described picture gradual change of taking pictures on middle graph layer; Wherein, described middle graph layer is between the background and described large picture of described picture container.
11. devices as claimed in claim 9, is characterized in that, described effect output unit comprises:
Property operations module, the process for carrying out described move operation, shows from opaque the background of described picture container by transparency property operations to transparent gradual change.
12. devices as described in claim 9 or 10 or 11, is characterized in that, described effect output unit comprises:
Effect determination module, for the distance according to the corresponding current location of described move operation and page center or page marginal position, determines the current display effect of the background of described picture container.
13. devices as described in claim 9 or 10 or 11, is characterized in that, also comprise:
Closing unit, for when the corresponding current location of described move operation is page marginal position, closes described picture container.
14. devices as claimed in claim 10, is characterized in that, described in open display unit and comprise:
The first display module, for making it progress into the page at the large picture of operation picture container, and the background of exporting described picture container in operating process is shown as opaque effect from transparent gradual change; Or
The second display module, makes it progress into the page for operating large picture described in picture container, and constant in the background of picture container described in operating process.
15. devices as claimed in claim 14, is characterized in that, described the first display module comprises:
Middle layer display sub-module in operating process, shows from the display effect of picture to the background frame gradual change of described picture container of taking pictures on middle graph layer; Wherein, described middle graph layer is between the background and described large picture of described picture container.
16. devices as claimed in claim 14, is characterized in that, described the first display module comprises:
Property operations display sub-module, in operating process, shows from transparent the background of described picture container by transparency property operations to opaque gradual change.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310493308.XA CN103543925B (en) | 2013-10-18 | 2013-10-18 | A kind of method and apparatus for operating picture |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310493308.XA CN103543925B (en) | 2013-10-18 | 2013-10-18 | A kind of method and apparatus for operating picture |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103543925A true CN103543925A (en) | 2014-01-29 |
| CN103543925B CN103543925B (en) | 2017-09-22 |
Family
ID=49967432
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310493308.XA Active CN103543925B (en) | 2013-10-18 | 2013-10-18 | A kind of method and apparatus for operating picture |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103543925B (en) |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103984488A (en) * | 2014-05-26 | 2014-08-13 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN105868246A (en) * | 2015-12-15 | 2016-08-17 | 乐视网信息技术（北京）股份有限公司 | Picture display method and apparatus |
| CN106055191A (en) * | 2016-04-19 | 2016-10-26 | 乐视控股（北京）有限公司 | Terminal equipment and interface display method for same |
| CN106293408A (en) * | 2016-08-10 | 2017-01-04 | 乐视控股（北京）有限公司 | A kind of wallpaper treatment method and device |
| CN106354409A (en) * | 2016-08-25 | 2017-01-25 | 北京金山安全软件有限公司 | Information display method and device and terminal |
| CN106406698A (en) * | 2016-09-09 | 2017-02-15 | 广州视睿电子科技有限公司 | Image displaying method and device |
| CN108646969A (en) * | 2018-04-27 | 2018-10-12 | 广州视源电子科技股份有限公司 | Image vision-control method, apparatus, computer equipment and storage medium |
| CN109640186A (en) * | 2018-10-25 | 2019-04-16 | 平安科技（深圳）有限公司 | Picture playing method, equipment, storage medium and device |
| CN109947521A (en) * | 2019-03-28 | 2019-06-28 | 北京小米移动软件有限公司 | Interface switching method, device and storage medium |
| CN110007824A (en) * | 2019-04-03 | 2019-07-12 | 网易（杭州）网络有限公司 | The display control method and device of picture and text mixed-arranging information, equipment and medium |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090158191A1 (en) * | 2004-06-15 | 2009-06-18 | Research In Motion Limited | Virtual keypad for touchscreen display |
| US7752566B1 (en) * | 2005-10-28 | 2010-07-06 | Adobe Systems Incorporated | Transparent overlays for predictive interface drag and drop |
| CN102163216A (en) * | 2010-11-24 | 2011-08-24 | 广州市动景计算机科技有限公司 | Picture display method and device thereof |
| CN102402560A (en) * | 2010-09-17 | 2012-04-04 | 腾讯数码（天津）有限公司 | Method and system for commenting pictures in individual dynamic messages of SNS (social networking service) community |
| CN102591950A (en) * | 2011-12-28 | 2012-07-18 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
| CN102819556A (en) * | 2012-06-28 | 2012-12-12 | 优视科技有限公司 | Method and device for viewing pictures |
| US20130222283A1 (en) * | 2012-02-24 | 2013-08-29 | Lg Electronics Inc. | Mobile terminal and control method thereof |
-
2013
- 2013-10-18 CN CN201310493308.XA patent/CN103543925B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090158191A1 (en) * | 2004-06-15 | 2009-06-18 | Research In Motion Limited | Virtual keypad for touchscreen display |
| US7752566B1 (en) * | 2005-10-28 | 2010-07-06 | Adobe Systems Incorporated | Transparent overlays for predictive interface drag and drop |
| CN102402560A (en) * | 2010-09-17 | 2012-04-04 | 腾讯数码（天津）有限公司 | Method and system for commenting pictures in individual dynamic messages of SNS (social networking service) community |
| CN102163216A (en) * | 2010-11-24 | 2011-08-24 | 广州市动景计算机科技有限公司 | Picture display method and device thereof |
| CN102591950A (en) * | 2011-12-28 | 2012-07-18 | 优视科技有限公司 | Webpage picture browsing method and device based on mobile terminal |
| US20130222283A1 (en) * | 2012-02-24 | 2013-08-29 | Lg Electronics Inc. | Mobile terminal and control method thereof |
| CN102819556A (en) * | 2012-06-28 | 2012-12-12 | 优视科技有限公司 | Method and device for viewing pictures |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103984488A (en) * | 2014-05-26 | 2014-08-13 | 联想(北京)有限公司 | Information processing method and electronic equipment |
| CN103984488B (en) * | 2014-05-26 | 2017-12-26 | 联想(北京)有限公司 | A kind of information processing method and electronic equipment |
| WO2017101390A1 (en) * | 2015-12-15 | 2017-06-22 | 乐视控股（北京）有限公司 | Picture display method and apparatus |
| CN105868246A (en) * | 2015-12-15 | 2016-08-17 | 乐视网信息技术（北京）股份有限公司 | Picture display method and apparatus |
| CN106055191A (en) * | 2016-04-19 | 2016-10-26 | 乐视控股（北京）有限公司 | Terminal equipment and interface display method for same |
| CN106293408A (en) * | 2016-08-10 | 2017-01-04 | 乐视控股（北京）有限公司 | A kind of wallpaper treatment method and device |
| CN106354409A (en) * | 2016-08-25 | 2017-01-25 | 北京金山安全软件有限公司 | Information display method and device and terminal |
| CN106406698A (en) * | 2016-09-09 | 2017-02-15 | 广州视睿电子科技有限公司 | Image displaying method and device |
| WO2018045685A1 (en) * | 2016-09-09 | 2018-03-15 | 广州视睿电子科技有限公司 | Picture display method and device |
| CN108646969A (en) * | 2018-04-27 | 2018-10-12 | 广州视源电子科技股份有限公司 | Image vision-control method, apparatus, computer equipment and storage medium |
| CN109640186A (en) * | 2018-10-25 | 2019-04-16 | 平安科技（深圳）有限公司 | Picture playing method, equipment, storage medium and device |
| CN109947521A (en) * | 2019-03-28 | 2019-06-28 | 北京小米移动软件有限公司 | Interface switching method, device and storage medium |
| CN109947521B (en) * | 2019-03-28 | 2022-12-27 | 北京小米移动软件有限公司 | Interface switching method and device and storage medium |
| CN110007824A (en) * | 2019-04-03 | 2019-07-12 | 网易（杭州）网络有限公司 | The display control method and device of picture and text mixed-arranging information, equipment and medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103543925B (en) | 2017-09-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103543925A (en) | Method and device for operating pictures | |
| JP7013466B2 (en) | Application data processing methods, equipment, and computer programs | |
| KR102093652B1 (en) | Animation sequence associated with feedback user-interface element | |
| CN106255949B (en) | Composing messages within a communication thread | |
| JP6434483B2 (en) | Interactive elements for launching from the user interface | |
| US10394437B2 (en) | Custom widgets based on graphical user interfaces of applications | |
| KR102118223B1 (en) | Cross window animation | |
| CN106547417B (en) | Method and device for displaying background task message | |
| US10878175B2 (en) | Portlet display on portable computing devices | |
| WO2022089330A1 (en) | Method for taking screenshot, apparatus, electronic device, and readable storage medium | |
| JP2016533567A (en) | Align components in the user interface | |
| CN110825997B (en) | Information flow page display method, device, terminal equipment and system | |
| CN107479818B (en) | Information interaction method and mobile terminal | |
| CN103309616A (en) | Soft keyboard display method and terminal | |
| CN103631630A (en) | Dynamic skin loading method for browser and browser device | |
| WO2017101390A1 (en) | Picture display method and apparatus | |
| CN111708959A (en) | Page display method and device, storage medium and electronic equipment | |
| CN103941955A (en) | Method and device for displaying individual information on social network platform | |
| CN112099714B (en) | Screenshot method and device, electronic equipment and readable storage medium | |
| CN110569460B (en) | Push information display method, push information display device and storage medium | |
| CN106383705B (en) | Method and device for setting mouse display state in application thin client | |
| CN112291412B (en) | Application program control method and device and electronic equipment | |
| CN114895815A (en) | Data processing method and electronic equipment | |
| CN105389357B (en) | Method and equipment for adjusting interface information block arrangement | |
| GB2532822A (en) | Techniques for providing a user interface incorporating sign language |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |