CN103543925B - A kind of method and apparatus for operating picture - Google Patents
A kind of method and apparatus for operating picture Download PDFInfo
- Publication number
- CN103543925B CN103543925B CN201310493308.XA CN201310493308A CN103543925B CN 103543925 B CN103543925 B CN 103543925B CN 201310493308 A CN201310493308 A CN 201310493308A CN 103543925 B CN103543925 B CN 103543925B
- Authority
- CN
- China
- Prior art keywords
- picture
- container
- background
- big
- page
- 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.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
This application provides a kind of method and apparatus for operating picture, method therein is specifically included:Receive slide of the user for big picture on content of pages;The big picture is carried in picture container;Moving operation corresponding with the slide is performed to the big picture;The background of the picture container is exported from opaque to the display effect of transparent gradual change.The application can avoid the problem of picture is isolated with information in the prior art, and can improve the convenience of user's operation.
Description
Technical field
The application is related to Internet technical field, more particularly to a kind of method and apparatus for operating picture.
Background technology
Existing SNS(Social network services, Social Networking Services)The content source of website and new
Hear content source etc. and include substantial amounts of picture, for the consideration of typesetting, it will usually embedded small picture (the i.e. picture in information content-source
Element is than relatively low picture), that is, user browses in normal information page(Namely in information browse pattern)When, picture leads to
The form of Chang Yi little pictures (is not limited to word top, lower section, left, right) among being embedded in word, if user is to small figure
Piece is interested, then can advance to picture browsing pattern by clicking on the small picture, is shown under the picture browsing pattern
Big picture (i.e. the of a relatively high picture of pixel), and user after picture browsing terminates, it is necessary to close big picture, namely from picture
Browse mode switches to information browse pattern.
Existing picture browsing pattern carries big picture usually using picture container, and the picture container is covered in information page
On face, the background of the picture container is black, can highlight big picture.
It presently, there are the following method switched between picture browsing pattern and information browse pattern:
Prior art one
Reference picture 1, shows a kind of flow chart for the method for closing picture of prior art one, can specifically include:
Step 101, user click on small picture under information browse pattern, it may appear that one is covered on information page
The corresponding big picture of the small picture is shown in picture container, the picture container;
Step 102, user include closing or return push-button by clicking in the big picture popup menu, menu;
Step 103, user are closed or return push-button closes the big picture by clicking on, namely from picture browsing pattern switching
To information browse pattern.
Prior art one has as a drawback that:
First, close needs to click on big picture and click on to close or return push-button every time, namely needs to click on twice
Button, is operated relatively complicated;
Second, close or return push-button needs to take the specific region of screen, it is contemplated that the screen chi of the terminal such as mobile phone
The problem of very little and user right-hand man's operating habit, the convenience that user can be influenceed to operate;
3rd, picture container is covered on information page, although user can be made more clearly to browse big picture, still
The problem of picture is isolated with information is caused, that is, user can only browse one of information and picture in synchronization, this shadow
Consumer's Experience is rung.
Prior art two
Reference picture 2, shows a kind of flow chart for the method for closing picture of prior art two, can specifically include:
Step 201, user click on small picture under information browse pattern, it may appear that one is covered on information page
The corresponding big picture of the small picture is shown in picture container, the picture container;
Step 202, user close the big picture by clicking on the big picture, namely from picture browsing pattern switching to information
Browse mode.
Prior art two has the disadvantage that:
First, although close only needs the one click for clicking on big picture operation every time, namely avoids in prior art one
Exist it is cumbersome the problem of, but user once clicks on big picture and will switched, and easily causes user and has not browsed also greatly
Picture just switches to information browse pattern by maloperation, also needs to back switch to picture browsing pattern in this case, sternly
Consumer's Experience is have impact on again;
Second, the problem of same picture with prior art one is isolated with information.
Prior art three
Difference with prior art one is, will close or return push-button is directly displayed in picture container, so phase
For prior art one, the big picture of click is reduced with the operation of popup menu, but is closed or return push-button occupancy screen
Specific region, with show it is not succinct enough the problem of.
The content of the invention
Technical problems to be solved in this application are to provide a kind of method and apparatus for operating picture, can avoid existing skill
The problem of picture is isolated with information in art, and the convenience of user's operation can be improved.
In order to solve the above problems, this application discloses a kind of method for operating picture, including:
Receive slide of the user for big picture on content of pages;The big picture is carried in picture container;
Moving operation corresponding with the slide is performed to the big picture;
The background of the picture container is exported from opaque to the display effect of transparent gradual change.
It is preferred that, before the step of reception user is for the slide of big picture on content of pages, the side
Method also includes:
Receive trigger action of the user for small picture on content of pages;
According to the trigger action, current page content is taken pictures, picture of taking pictures accordingly is obtained;
After the completion of taking pictures, picture container is opened, and show in the picture container the corresponding big picture of the small picture;
It is then described during the moving operation is performed, the background of picture container is exported from opaque to transparent gradual change
Display effect the step of, including:
During the moving operation is performed, shown in middle figure layer from the background frame of the picture container to
The display effect of the picture gradual change of taking pictures;Wherein, the middle figure layer is located at the background and the big figure of the picture container
Between piece.
It is preferred that, it is described during the moving operation is performed, the background of picture container is exported from opaque to saturating
The step of display effect of bright gradual change, including:
During the moving operation is performed, operated by transparency property by the background of the picture container never
It is transparent to be shown to transparent gradual change.
It is preferred that, it is described during the moving operation is performed, the background of the picture container is exported from opaque
To transparent gradual change display effect the step of, including:
According to moving operation correspondence current location and the distance of page center or page edge position, institute is determined
State the current display effect of the background of picture container.
It is preferred that, methods described also includes:
When page edge position is in moving operation correspondence current location, the picture container is closed.
It is preferred that, it is described the step of the corresponding big picture of the small picture is shown in the picture container, including:
Big picture makes it progress into the page described in operation picture container, and exports the picture appearance in operation
The background of device is shown as opaque effect from transparent gradual change;Or
Big picture described in operation picture container makes it progress into the page, and the picture container in operation
Background is constant.
It is preferred that, the background that the picture container is exported in operation is shown as opaque from transparent gradual change
The step of effect, including:
In operation, shown in middle figure layer from background frame gradual change of the picture to the picture container of taking pictures
Display effect;Wherein, the middle figure layer is located between the background of the picture container and the big picture.
It is preferred that, the background that the picture container is exported in operation is shown as opaque from transparent gradual change
The step of effect, including:
In operation, operated by transparency property by the background of the picture container from transparent to opaque gradual change
Display.
On the other hand, disclosed herein as well is a kind of device of operation picture, including:
First receiving unit, for receiving slide of the user for big picture on content of pages;The big picture is held
It is loaded in picture container;
Mobile unit, for performing moving operation corresponding with the slide to the big picture;And
Effect output unit, for during the moving operation is performed, export the background of the picture container from
The opaque display effect to transparent gradual change.
It is preferred that, described device also includes:
Second receiving unit, for before the reception user is for the slide of big picture on content of pages, connecing
Receive trigger action of the user for small picture on content of pages;
Photographing unit, for according to the trigger action, being taken pictures to current page content, obtains figure of taking pictures accordingly
Piece;
Display unit is opened, for after the completion of taking pictures, opening picture container, and show described small in the picture container
The corresponding big picture of picture;
Then the effect output unit includes:
Figure layer display module, for during the moving operation is performed, being shown in middle figure layer from the figure
Display effect from the background frame of piece container to the picture gradual change of taking pictures;Wherein, the middle figure layer is held positioned at the picture
Between the background of device and the big picture.
It is preferred that, the effect output unit includes:
Property operations module, for during the moving operation is performed, by transparency property operation by described in
The background of picture container is shown from opaque to transparent gradual change.
It is preferred that, the effect output unit includes:
Effect determining module, for according to moving operation correspondence current location and page center or page edge
The distance of position, determines the current display effect of the background of the picture container.
It is preferred that, described device also includes:
Closing unit, during for being page edge position in moving operation correspondence current location, closes the picture
Container.
It is preferred that, the opening display unit includes:
First display module, in operation picture container big picture it is progressed into the page, and in operating process
The background of the middle output picture container is shown as opaque effect from transparent gradual change;Or
Second display module, for operating big picture described in picture container it is progressed into the page, and was being operated
The background of picture container described in journey is constant.
It is preferred that, first display module includes:
Intermediate layer display sub-module, in operation, being shown in middle figure layer from picture of taking pictures to the figure
The display effect of the background frame gradual change of piece container;Wherein, the middle figure layer is located at the background of the picture container and described
Between big picture.
It is preferred that, first display module includes:
Property operations display sub-module, in operation, being operated by transparency property by the picture container
Background shown from transparent to opaque gradual change.
Compared with prior art, the application has advantages below:
The method for the operation picture that the application is provided performs moving operation corresponding with the slide of user to big picture,
And during the moving operation is performed, the background for exporting the picture container is imitated from opaque to the display of transparent gradual change
Really;Wherein, it is transparent and opaque for representing coverage effect of the picture container relative to information page, it is transparent to be rendered as information page
Face is uncovered and complete visual effect, and the opaque information page that is rendered as is capped and not visible effect completely completely,
So, it is transparent or similar transparent in the display effect of the background of picture container(It is such as translucent)When, shared by picture container
Can clearly show that information page on the page orientation opposite with moving operation, and shared by picture container with mobile behaviour
Make to show big picture on identical page orientation, therefore big picture and letter can be shown on the page shared by picture container simultaneously
Information in the page is ceased, therefore, the application can avoid the problem of picture is isolated with information in the prior art;
In addition, user can be by controlling the speed of slide or the distance of slide to move big picture so that
Big picture deviates page center, or so that big picture removes the page, and when big picture removes the page, it is believed that
User browses big picture and finished, therefore when can be page edge position in moving operation correspondence current location, closes described
Big picture;On the one hand slide can simplify operation, on the other hand cause operation more relative to the clicking operation of prior art
Plus it is friendly, because this operation is gesture operation, the specific region of screen is not take up, is brought in the absence of user's handedness
Problem, also, from user psychology, it is to avoid the maloperation waiting problem that clicking operation is brought, Consumer's Experience is more friendly;
In a word, this application provides a kind of brand-new man-machine interaction mode, its can avoid cumbersome, maloperation in the prior art and
The problem of taking the specific region of screen, and Consumer's Experience can be strengthened and the convenience of user's operation is improved;
Further, for user, the background of picture container is shown as taking pictures or actual information page from black gradual change,
The big picture that is experienced as visually shows that background is exactly information page above information page, can strengthen Consumer's Experience..
Brief description of the drawings
Fig. 1 is a kind of flow chart for the method for closing picture of prior art one;
Fig. 2 is a kind of flow chart for the method for closing picture of prior art two;
Fig. 3 is a kind of flow chart of the embodiment of the method 1 of operation picture of the application;
Fig. 4 is a kind of flow chart of the embodiment of the method 2 of operation picture of the application;
Fig. 5 is the flow chart that a kind of method of operation picture of the application is applied in Sina weibo client production;
Fig. 6 is a kind of structure chart of the device embodiment of operation picture of the application.
Embodiment
It is below in conjunction with the accompanying drawings and specific real to enable above-mentioned purpose, the feature and advantage of the application more obvious understandable
Mode is applied to be described in further detail the application.
Reference picture 3, shows a kind of flow chart of the embodiment of the method 1 of operation picture of the application, can specifically include:
Step 301, reception user are directed to the slide of big picture on content of pages;The big picture is carried on picture appearance
In device;
The embodiment of the present application can apply to PC(Personal computer, Personal Computer), mobile phone, tablet personal computer
Etc. terminal.The page that these terminals are shown can specifically include the page of the websites such as SNS websites, news category website, also may be used
With including IM(Instant messaging, Instant Messenger)Etc. the Chat page of various application programs, these pages would generally be
Embedded small picture in information content-source, it can take all or part of screen area, in a word, the application to the specific page not
It is any limitation as.
In the embodiment of the present application, the big picture is the original image of embedded small picture in content of pages, and it can be according to
It is shown according to user for the trigger action of small picture on content of pages on the page.
In the embodiment of the present application, slide is gesture operation, and it can include the slide of speed, can also
Including slow drag operation etc., its direction can specifically be included from left to right, from right to left or from the top down etc., this
Application is not any limitation as to specific slide and specific direction.
In a kind of application example of the application, user can have not for the slide of big picture on content of pages
Same function, can specifically include:Big picture is closed to switch to information browse pattern, the big picture of preservation, share picture etc.,
In such cases, the direction of the corresponding slide of function setting can be directed to, for example, slide correspondence from left to right is closed
The function of big picture is closed, the function of the big picture of slide correspondence preservation from bottom to top, slide correspondence from the top down
Share function of picture, etc.;And in practice, the direction of slide should be recognized first and then corresponding function is realized.
Step 302, moving operation corresponding with the slide is performed to the big picture;
Generally big picture shows that then the embodiment of the present application can be performed and the slide phase positioned at page center
The moving operation answered so that big picture deviates the page center.
Step 303, during the moving operation is performed, export the background of the picture container from opaque to saturating
The display effect of bright gradual change.
In the embodiment of the present application, during the moving operation is performed, the display effect of the background of the picture container
Fruit is according to from opaque to transparent direction gradual change;Wherein, it is transparent and opaque for representing picture container relative to information page
The coverage effect in face, it is transparent to be rendered as that information page is uncovered and complete visual effect, and opaque it is rendered as information page
Face is capped and not visible effect is presented completely, so, is transparent or similar in the display effect of the background of picture container
It is bright(It is such as translucent)When, information can be clearly showed that on the page orientation opposite with moving operation shared by picture container
The page, and shared by picture container with showing big picture on moving operation identical page orientation, therefore shared by picture container
Information in big picture and information page can be shown on the page simultaneously.
Under default situations, big picture is located at page center, and now the background of the picture container is opaque black
Color, the opaque black can highlight big picture, but information page can be also completely covered;
Assuming that now step 301 receives slide from left to right, then the big picture can be moved from left to right,
Also, in moving process, the background of the picture container is exported from opaque to the display effect of transparent gradual change;
The picture container background display effect according to from it is opaque to transparent direction gradual change during, letter
The degree that is covered by picture container of the breath page is more and more lower, until information page it is uncovered and it is complete visually;
So, during the big picture is moved from left to right, the display effect of the background of picture container is increasingly
Transparent, so, the information page that the left page shared by picture container is shown is more and more clear, meanwhile, shared by picture container
The right page also shows big picture;For a user, it can be browsed simultaneously believes in the information page of the left page
Big picture in breath and the right page, therefore, the application can avoid the problem of picture is isolated with information in the prior art.
The application can provide the background of following output picture container from transparent the skill to the display effect of opaque gradual change
Art scheme:
Technical scheme A1
Technical scheme A1 shown in the middle figure layer between the background of the picture container and the big picture from
Display effect from the background frame of the picture container to the picture gradual change of taking pictures;Wherein, the middle figure layer is appreciated that
For the figure layer being carried in the picture container, the middle figure layer is not covered by the background of picture container, therefore picture container
Picture of taking pictures is can show that on the shared page orientation opposite with moving operation, and because picture of taking pictures is that picture is held
The information page that device is covered, which is taken pictures, to be obtained, its have with take pictures before the identical content of information page, therefore picture container institute
Information page is can show that on the page orientation opposite with moving operation taken;Simultaneously as the middle figure layer is located at
Under the figure layer of the big picture, it will not cover the big picture, thus shared by picture container with moving operation identical
Also big picture is can show that on page orientation.
To implement technical scheme A1, the step of the reception user is for the slide of big picture on content of pages
Before 301, methods described can also include:
Receive trigger action of the user for small picture on content of pages;
According to the trigger action, current page content is taken pictures, picture of taking pictures accordingly is obtained;
After the completion of taking pictures, picture container is opened, and show in the picture container the corresponding big picture of the small picture;
It is then described during the moving operation is performed, the background of picture container is exported from opaque to transparent gradual change
Display effect step 303, may further include:
During the moving operation is performed, shown in middle figure layer from the background frame of the picture container to
The display effect of the picture gradual change of taking pictures;Wherein, the middle figure layer is located at the background and the big figure of the picture container
Between piece.
In a kind of application example of the application, the background frame from the picture container takes pictures picture gradually to described
The display effect of change can be realized by animation, for example, can generate using the picture of taking pictures as initial picture, with the back of the body
Scape picture(Such as black picture)First animation for final picture, and play in the middle figure layer described first and move
Draw, calculate to generate described first wherein transparency can be carried out by the background frame to picture container and the picture of taking pictures
The animation frame of animation.It is appreciated that the application is to specific described from the background frame of the picture container to the figure of taking pictures
The implementation of the display effect of piece gradual change is not any limitation as.
Technical scheme A2
Technical scheme A2 is suitable for the constant situation of the background of picture container, and it can be operated institute by transparency property
The background for stating picture container is shown from opaque to transparent gradual change.
For example, the background of existing picture container is usually fixed black, to highlight big picture, therefore figure can be set
The initial transparent degree attribute of the background of piece container is opaque 0.0f, and information page is carried on the back by black completely under such a transparency property
Scape cover and completely it is not visible, and it is possible to set the background of picture container initial transparent degree attribute be transparent 1.0f, it is such a
Information page is uncovered and complete visual under transparency property;So, picture container background from it is opaque to it is transparent gradually
During becoming display, transparency property changes to 1.0f from 0.0f, correspondingly, and information page by black background from being covered completely
It is gradient to completely visually, and during being somebody's turn to do, is shown as transparent or similar transparent in the background of picture container(It is such as translucent)Effect
During fruit, information page can be clearly showed that on the page orientation opposite with moving operation shared by picture container, meanwhile,
Shared by picture container with showing big picture on moving operation identical page orientation.
It is appreciated that above-mentioned black is not intended as the application limitation of the background of picture container in the application.
In the embodiment of the present application, the effect of big picture movement is with the background of the picture container from opaque to transparent gradual change
Display effect be synchronous, that is, during big picture gradually removes the page, export the display of the background of picture container
Effect is shown as transparent from opaque gradual change.
It is described to perform the mistake of the moving operation in a preferred embodiment of the present application to realize above-mentioned synchronization
Cheng Zhong, exports the step of background of the picture container is from opaque to the display effect of transparent gradual change, can specifically include:According to
According to moving operation correspondence current location and the distance of page center or page edge position, the picture container is determined
Background current display effect.
In a kind of application example of the application, it is assumed that the distance of page center and page edge position is 320 pictures
Element, the corresponding factor of opaque display effect is A, and the corresponding factor of Transparence Display effect is B, current location and page centre bit
The distance put is C, then the corresponding factor of current display effect of the background of the picture container is(B-A)*C/320.
The application scenarios of the embodiment of the present application can specifically include:
Application scenarios 1,
The initial position of the big picture is page center, and user is by quick slide by the big picture
Be moved to page edge position, accordingly, the background of the picture container from it is opaque fade to it is transparent, that is, final result
The page is removed for big picture.
Under application scenarios 1, methods described can also include:
When page edge position is in moving operation correspondence current location, the picture container is closed.
Because the big picture is carried in picture container, so the work for closing big picture can be played by closing picture container
With;Because above-mentioned middle figure layer is carried in the picture container, therefore figure layer in the middle of closing can also be played by closing picture container
Effect;Therefore, after picture container is closed, what is shown on the page is information page, that is, the page is in information browse mould
Formula.
Application scenarios 1 close big picture according to the slide of user, and click of the slide relative to prior art is grasped
Make, on the one hand can simplify operation, on the other hand make it that operation is more friendly, because this operation is gesture operation, be not take up
The specific region of screen, the problem of being brought in the absence of user's handedness, also, from user psychology, it is to avoid click on
The maloperation waiting problem brought is operated, Consumer's Experience is more friendly;In a word, cumbersome, mistake in the prior art can be avoided
The problem of specific region of operation and occupancy screen, therefore the convenience of user's operation can be improved.
Application scenarios 2
The initial position of the big picture is page center, and user is by slower drag operation by the big picture
The position apart from the page of page edge position 1/4 is moved to, accordingly, the background of the picture container fades to half from opaque
It is transparent.
Under application scenarios 2, the page orientation opposite with moving operation shared by picture container(3/4 page)On can be clear
Show information page clearly, meanwhile, shared by picture container with moving operation identical page orientation(1/4 page)It is upper aobvious
It is shown with big picture.
Application scenarios 3
The initial position of the big picture is that user is dragged by slower apart from the position of the page of page edge position 1/4
The big picture is moved to the position apart from the page of page edge position 1/8, accordingly, the back of the body of the picture container by dynamic operation
Scape fades to translucent from translucent.
Under application scenarios 3, the page orientation opposite with moving operation shared by picture container(7/8 page)On can be clear
Show information page clearly, meanwhile, shared by picture container with moving operation identical page orientation(1/8 page)It is upper aobvious
It is shown with big picture.
The application has the following advantages that:
First, the method for the operation picture that the application is provided performs move corresponding with the slide of user to big picture
Operation, and during the moving operation is performed, exports the background of the picture container from opaque to transparent gradual change
Display effect;Wherein, it is transparent and opaque for representing coverage effect of the picture container relative to information page, it is transparent to be rendered as
Information page is uncovered and complete visual effect, and the opaque information page that is rendered as is capped and completely not visible completely
Effect, is transparent or similar transparent in the display effect of the background of picture container so(It is such as translucent)When, shared by picture container
Can clearly show that information page on the page orientation opposite with moving operation, and shared by picture container with shifting
Dynamic operate shows big picture on identical page orientation, therefore can show big picture simultaneously on the page shared by picture container
With information in information page, therefore, the application can avoid the problem of picture is isolated with information in the prior art;
Second, user can be by controlling the speed of slide or the distance of slide to move big picture so that
Big picture deviates page center, or so that big picture removes the page, and when big picture removes the page, it is believed that
User browses big picture and finished, therefore when can be page edge position in moving operation correspondence current location, closes described
Big picture;On the one hand slide can simplify operation, on the other hand cause operation more relative to the clicking operation of prior art
Plus it is friendly, because this operation is gesture operation, the specific region of screen is not take up, is brought in the absence of user's handedness
Problem, also, from user psychology, it is to avoid the maloperation waiting problem that clicking operation is brought, Consumer's Experience is more friendly;
In a word, the problem of cumbersome, maloperation in the prior art can be avoided and the specific region of screen is taken, therefore use can be improved
The convenience of family operation;
3rd, for user, the background of picture container is shown as taking pictures or actual information page from black gradual change, from
Visual to be experienced as big picture and shown above information page, background is exactly information page, can strengthen Consumer's Experience.
Reference picture 4, shows a kind of flow chart of the embodiment of the method 2 of operation picture of the application, can specifically include:
Step 401, reception user are directed to the trigger action of small picture on content of pages;
The trigger action can include clicking operation, slide etc..
Step 402, according to the trigger action, current page content is taken pictures, obtains taking pictures picture accordingly;
Step 403, after the completion of taking pictures, open picture container;
Big picture makes it progress into the page described in step 404, operation picture container, and exports institute in operation
The background for stating picture container is shown as opaque effect from transparent gradual change;
Step 405, according to the trigger action, current page content is taken pictures, obtains taking pictures picture accordingly;
Step 406, reception user are directed to the slide of big picture on content of pages;
Step 407, moving operation corresponding with the slide is performed to the big picture;
Step 408, during the moving operation is performed, the back of the body from the picture container is shown in middle figure layer
Display effect from scape picture to the picture gradual change of taking pictures;Wherein, the middle figure layer be located at the picture container background and
Between the big picture.
When receiving user for the trigger action of small picture on content of pages, traditional way is usually to open picture to hold
The corresponding big picture of the small picture is shown in device, the picture container;Because the background of the picture container is opaque black,
Therefore the picture container is just completely covered on information page once opening, so, traditional way suddenly covers information page
Lid falls, easily the sensation lofty to user.
In embodiment 2, after picture container is opened, big picture makes it progress into the page described in operation picture container,
And export the background of the picture container in operation and be shown as opaque effect from transparent gradual change, namely big picture by
It is progressive enter the page, until completely into the page, and before big picture is completely into the page, the display of the background of picture container
Effect is transparent or similar transparent(It is such as translucent)When, shared by picture container with energy on approach axis identical page orientation
Enough clearly show that information page, and big figure is shown on the page orientation opposite with approach axis shared by picture container
Piece, therefore information in big picture and information page can be shown simultaneously on the page shared by picture container, therefore, the application can
The problem of picture and information are isolated in the prior art is avoided, and for user, the background of picture container is from taking pictures or actual
Information page gradual change is shown as black, and the big picture that is experienced as visually shows that background is exactly information above information page
The page, can avoid producing lofty sensation, and can strengthen Consumer's Experience.
The application can provide the skill that the following background for exporting picture container is shown as opaque effect from transparent gradual change
Art scheme:
Technical scheme B1
Technical scheme B1 is similar with technical scheme A1 principle, can specifically include:
In operation, shown in middle figure layer from background frame gradual change of the picture to the picture container of taking pictures
Display effect;Wherein, the middle figure layer is located between the background of the picture container and the big picture.
Technical scheme B2
Technical scheme B2 is similar with technical scheme A2 principle, it is adaptable to which the constant situation of the background of picture container, it can
So that the background of the picture container to be shown from transparent to opaque gradual change by transparency property operation.
In actual applications, big picture progresses into the direction of the page and can included from left to right, from right to left or from upper
Downwards;In addition, those skilled in the art can progress into the speed of the page according to the big picture of actual conditions setting(Such as mobile speed
Degree), the embodiment of the present application progresses into the direction of the page to specific big picture and speed is not any limitation as.
It should be noted that embodiment 2 is the preferred scheme that big picture is shown in picture container, it operates picture container
Described in big picture it is progressed into the page, and it is aobvious from transparent gradual change to export the background of the picture container in operation
It is shown as opaque effect, it will be understood that embodiment 2 is not intended as the application limitation of the application, in fact, in picture container
The other schemes for showing big picture are also feasible, for example, big picture makes it progress into the page described in operation picture container,
And the constant scheme of background of the picture container in operation etc..
To make those skilled in the art more fully understand the application, the application is given below in Sina weibo client production
In application:
In most of micro-blog information of Sina weibo client production, corresponding small picture, reference occur below word
Fig. 5, the method for corresponding operation picture can specifically include:
Step 501, reception user are directed to the trigger action of small picture on content of pages;
Step 502, when receiving user for the trigger action of small picture on content of pages, current page content is entered
Row is taken pictures, and obtains picture of taking pictures accordingly;
Step 503, after the completion of taking pictures, open picture container, big picture makes it gradually enter described in operation picture container
Enter the page, and in operation show in middle figure layer from background frame gradual change of the picture to the picture container of taking pictures
Display effect;Wherein, the middle figure layer is located between the background of the picture container and the big picture;
Step 504, reception user are directed to the slide of big picture on content of pages;
Step 505, moving operation corresponding with the slide is performed to the big picture;
Step 506, during the moving operation is performed, in the background positioned at the picture container and the big figure
The display effect from the background frame of the picture container to the picture gradual change of taking pictures is shown in middle figure layer between piece.
For user, the background of picture container is shown as black from picture gradual change of taking pictures, or is shown from black gradual change
For picture of taking pictures, the big picture that is experienced as visually shows that background is exactly information page above information page, can strengthened
Consumer's Experience.
It is corresponding to preceding method embodiment, present invention also provides a kind of device of operation picture, the knot shown in reference picture 6
Composition, can specifically include:
First receiving unit 601, for receiving slide of the user for big picture on content of pages;The big picture
It is carried in picture container;
Mobile unit 602, for performing moving operation corresponding with the slide to the big picture;And
Effect output unit 603, for during the moving operation is performed, exporting the background of the picture container
From opaque to the display effect of transparent gradual change.
In a preferred embodiment of the present application, described device can also include:
Second receiving unit, for before the reception user is for the slide of big picture on content of pages, connecing
Receive trigger action of the user for small picture on content of pages;
Display unit is opened, for after the completion of taking pictures, opening picture container, and show described small in the picture container
The corresponding big picture of picture;
Photographing unit, for according to the trigger action, being taken pictures to current page content, obtains figure of taking pictures accordingly
Piece;
Then the effect output unit 603 may further include:
Figure layer display module, for during the moving operation is performed, being shown in middle figure layer from the figure
Display effect from the background frame of piece container to the picture gradual change of taking pictures;Wherein, the middle figure layer is held positioned at the picture
Between the background of device and the big picture.
In another preferred embodiment of the present application, the effect output unit 603 may further include:Attribute is grasped
Make module, for during the moving operation is performed, being operated by transparency property by the background of the picture container
Shown from opaque to transparent gradual change.
In the still another preferable embodiment of the application, the effect output unit 603 can specifically include:
Effect determining module, for according to moving operation correspondence current location and page center or page edge
The distance of position, determines the current display effect of the background of the picture container.
In a preferred embodiment of the present application, described device can also include:
Closing unit, during for being page edge position in moving operation correspondence current location, closes the picture
Container.
In a preferred embodiment of the present application, the opening display unit may further include:
First display module, in operation picture container big picture it is progressed into the page, and in operating process
The background of the middle output picture container is shown as opaque effect from transparent gradual change;Or
Second display module, for operating big picture described in picture container it is progressed into the page, and was being operated
The background of picture container described in journey is constant.
In the embodiment of the present application, it is preferred that first display module may further include:
Intermediate layer display sub-module, in operation, being shown in middle figure layer from picture of taking pictures to the figure
The display effect of the background frame gradual change of piece container;Wherein, the middle figure layer is located at the background of the picture container and described
Between big picture.
In the embodiment of the present application, it is preferred that first display module may further include:
Property operations display sub-module, in operation, being operated by transparency property by the picture container
Background shown from transparent to opaque gradual change.
Each embodiment in this specification is described by the way of progressive, what each embodiment was stressed be with
Between the difference of other embodiment, each embodiment identical similar part mutually referring to.For device embodiment
For, because it is substantially similar to embodiment of the method, so description is fairly simple, referring to the portion of embodiment of the method in place of correlation
Defend oneself bright.
The embodiment of the present invention can be used in numerous general or special purpose computing system environments or configuration.For example:Individual calculus
Machine, server computer, handheld device or portable set, laptop device, multicomputer system, based on microprocessor it is
DCE of system, network PC, minicom, mainframe computer including any of the above system or equipment etc..This
Inventive embodiments are preferably applied in embedded system.
The embodiment of the present invention can be described in the general context of computer executable instructions, example
Such as program module.Usually, program module include performing particular task or realize the routine of particular abstract data type, program,
Object, component, data structure etc..The embodiment of the present invention can also be put into practice in a distributed computing environment, it is distributed at these
In computing environment, task is performed by the remote processing devices connected by communication network.In a distributed computing environment,
Program module can be located at including in the local and remote computer-readable storage medium including storage device.
Above to a kind of method and apparatus of operation picture provided herein, it is described in detail, herein should
The principle and embodiment of the application are set forth with specific case, the explanation of above example is only intended to help and managed
Solve the present processes and its core concept;Simultaneously for those of ordinary skill in the art, according to the thought of the application,
It will change in embodiment and application, in summary, this specification content should not be construed as to this Shen
Limitation please.
Claims (16)
1. a kind of method for operating picture, it is characterised in that including:
Receive slide of the user for big picture on content of pages;The big picture is carried in picture container, described big
Picture is the original image of the small picture of insertion in content of pages, and the big picture is shown on the content of pages;
Moving operation corresponding with the slide is performed to the big picture;
During the moving operation is performed, the background of the picture container is exported from opaque to the display of transparent gradual change
Effect.
2. the method as described in claim 1, it is characterised in that in cunning of the reception user for big picture on content of pages
Before the step of dynamic operation, in addition to:
Receive trigger action of the user for small picture on content of pages;
According to the trigger action, current page content is taken pictures, picture of taking pictures accordingly is obtained;
After the completion of taking pictures, picture container is opened, and show in the picture container the corresponding big picture of the small picture;
It is then described during the moving operation is performed, the background of picture container is exported from opaque to the aobvious of transparent gradual change
The step of showing effect, including:
During the moving operation is performed, shown in middle figure layer from the background frame of the picture container to described
Take pictures the display effect of picture gradual change;Wherein, the middle figure layer be located at the picture container background and the big picture it
Between.
3. the method as described in claim 1, it is characterised in that described during the moving operation is performed, output figure
The step of background of piece container is from opaque to the display effect of transparent gradual change, including:
During the moving operation is performed, by transparency property operation by the background of the picture container from opaque
Shown to transparent gradual change.
4. the method as described in claim 1 or 2 or 3, it is characterised in that described during the moving operation is performed,
The step of background of the picture container is from opaque to the display effect of transparent gradual change is exported, including:
According to moving operation correspondence current location and the distance of page center or page edge position, the figure is determined
The current display effect of the background of piece container.
5. the method as described in claim 1 or 2 or 3, it is characterised in that also include:
When page edge position is in moving operation correspondence current location, the picture container is closed.
6. method as claimed in claim 2, it is characterised in that described to show that the small picture is corresponding in the picture container
The step of big picture, including:
Big picture makes it progress into the page described in operation picture container, and exports the picture container in operation
Background is shown as opaque effect from transparent gradual change;Or
Big picture makes it progress into the page, and the background of the picture container in operation described in operation picture container
It is constant.
7. method as claimed in claim 6, it is characterised in that the background for exporting the picture container in operation
The step of opaque effect being shown as from transparent gradual change, including:
In operation, shown in middle figure layer from display of the picture to the background frame gradual change of the picture container of taking pictures
Effect;Wherein, the middle figure layer is located between the background of the picture container and the big picture.
8. method as claimed in claim 6, it is characterised in that the background for exporting the picture container in operation
The step of opaque effect being shown as from transparent gradual change, including:
In operation, the background of the picture container is shown from transparent to opaque gradual change by transparency property operation
Show.
9. a kind of device of operation picture, it is characterised in that including:
First receiving unit, for receiving slide of the user for big picture on content of pages;The big picture is carried on
In picture container, the big picture is the original image of the small picture of insertion in content of pages, and the big picture is shown in described
On content of pages;
Mobile unit, for performing moving operation corresponding with the slide to the big picture;And
Effect output unit, for during the moving operation is performed, exporting the background of the picture container from impermeable
The bright display effect to transparent gradual change.
10. device as claimed in claim 9, it is characterised in that also include:
Second receiving unit, for before the reception user is for the slide of big picture on content of pages, receiving and using
Trigger action of the family for small picture on content of pages;
Photographing unit, for according to the trigger action, being taken pictures to current page content, obtains picture of taking pictures accordingly;
Display unit is opened, for after the completion of taking pictures, picture container is opened, and shows in the picture container the small picture
Corresponding big picture;
Then the effect output unit includes:
Figure layer display module, for during the moving operation is performed, showing from the picture and holding in middle figure layer
Display effect from the background frame of device to the picture gradual change of taking pictures;Wherein, the middle figure layer is located at the picture container
Between background and the big picture.
11. device as claimed in claim 10, it is characterised in that the effect output unit includes:
Property operations module, for during the moving operation is performed, being operated by transparency property by the picture
The background of container is shown from opaque to transparent gradual change.
12. the device as described in claim 9 or 10 or 11, it is characterised in that the effect output unit includes:
Effect determining module, for according to moving operation correspondence current location and page center or page edge position
Distance, determine the current display effect of the background of the picture container.
13. the device as described in claim 9 or 10 or 11, it is characterised in that also include:
Closing unit, during for being page edge position in moving operation correspondence current location, closes the picture container.
14. device as claimed in claim 11, it is characterised in that the opening display unit includes:
First display module, in operation picture container big picture it is progressed into the page, it is and defeated in operation
The background for going out the picture container is shown as opaque effect from transparent gradual change;Or
Second display module, for operating big picture described in picture container to make it progress into the page, and in operation
The background of the picture container is constant.
15. device as claimed in claim 14, it is characterised in that first display module includes:
Intermediate layer display sub-module, holds in operation, being shown in middle figure layer from picture of taking pictures to the picture
The display effect of the background frame gradual change of device;Wherein, the middle figure layer is located at the background and the big figure of the picture container
Between piece.
16. device as claimed in claim 14, it is characterised in that first display module includes:
Property operations display sub-module, in operation, being operated by transparency property by the back of the body of the picture container
Scape is shown from transparent 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 CN103543925A (en) | 2014-01-29 |
CN103543925B true 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) |
Families Citing this family (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103984488B (en) * | 2014-05-26 | 2017-12-26 | 联想(北京)有限公司 | A kind of 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 | 广州视睿电子科技有限公司 | Picture display method and device |
CN108646969B (en) * | 2018-04-27 | 2021-04-13 | 广州视源电子科技股份有限公司 | Image display adjusting method and device, computer equipment and storage medium |
CN109640186A (en) * | 2018-10-25 | 2019-04-16 | 平安科技(深圳)有限公司 | Picture playing method, equipment, storage medium and device |
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 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
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 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7515135B2 (en) * | 2004-06-15 | 2009-04-07 | Research In Motion Limited | Virtual keypad for touchscreen display |
US9747019B2 (en) * | 2012-02-24 | 2017-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 (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
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 |
CN102819556A (en) * | 2012-06-28 | 2012-12-12 | 优视科技有限公司 | Method and device for viewing pictures |
Also Published As
Publication number | Publication date |
---|---|
CN103543925A (en) | 2014-01-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103543925B (en) | A kind of method and apparatus for operating picture | |
US10015121B2 (en) | Smart positioning of chat heads | |
CN106156066B (en) | Page switching method, device and client | |
CN105144067B (en) | For adjusting the equipment, method and graphic user interface of the appearance of control | |
US20170192661A1 (en) | Presenting Image Objects in a User Interface | |
US10878175B2 (en) | Portlet display on portable computing devices | |
CN103425386B (en) | The method and microblogging client of microblogging display control | |
CN102915176A (en) | Method and device for split-screen display | |
CN105103111A (en) | User interface for computing device | |
AU2014331868A1 (en) | Positioning of components in a user interface | |
CN107066174A (en) | Floating layer display methods, device and user terminal | |
CN103970501A (en) | Image display method and terminal | |
CN105739936B (en) | A kind of user terminal control method and user terminal | |
WO2018010319A1 (en) | Method and apparatus for displaying application function | |
US8913076B1 (en) | Method and apparatus to improve the usability of thumbnails | |
CN111857474B (en) | Application program control method and device and electronic equipment | |
US20140300627A1 (en) | Method and apparatus indicating scroll position on a display | |
CN105630377A (en) | Natural gesture based information display method | |
CN105094325B (en) | It is a kind of for determining the method and apparatus of application background information | |
CN112650421B (en) | Page switching display method and device and storage medium | |
CN104754398B (en) | A kind of information processing method and electronic equipment | |
US11366571B2 (en) | Visualization components including sliding bars | |
CN118363686A (en) | Application calling method, device, equipment, medium and program product | |
CN105224186A (en) | A kind of screen display method of intelligent glasses and intelligent glasses | |
CN106155562A (en) | A kind of intelligent terminal's interface control method and device |
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 |