CN106445274A - Method and device for processing multi-window page display - Google Patents

Method and device for processing multi-window page display Download PDF

Info

Publication number
CN106445274A
CN106445274A CN201610744383.2A CN201610744383A CN106445274A CN 106445274 A CN106445274 A CN 106445274A CN 201610744383 A CN201610744383 A CN 201610744383A CN 106445274 A CN106445274 A CN 106445274A
Authority
CN
China
Prior art keywords
page
multiwindow
snapshot picture
viewing area
border
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.)
Pending
Application number
CN201610744383.2A
Other languages
Chinese (zh)
Inventor
王璟瑶
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
LeTV Holding Beijing Co Ltd
LeTV Mobile Intelligent Information Technology Beijing Co Ltd
Original Assignee
LeTV Holding Beijing Co Ltd
LeTV Mobile Intelligent Information Technology Beijing Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by LeTV Holding Beijing Co Ltd, LeTV Mobile Intelligent Information Technology Beijing Co Ltd filed Critical LeTV Holding Beijing Co Ltd
Priority to CN201610744383.2A priority Critical patent/CN106445274A/en
Publication of CN106445274A publication Critical patent/CN106445274A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04815Interaction with a metaphor-based environment or interaction object displayed as three-dimensional, e.g. changing the user viewpoint with respect to the environment or object
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The embodiment of the invention provides a method and a device for processing multi-window page display. The method comprises the steps of: firstly determining the position, displayed in a multi-window page, of a screen shot of a current page according to a sphere equation; then determining the boundary of a display area which displays the screen shot of the current page, and water ripple effects at the periphery of the boundary; and finally displaying the screen shot of the page on the corresponding position so that a screen shot image of the page can scroll in a curve along the sphere in the direction perpendicular to a screen when a user slides the screen, and meanwhile a foreshortening three-dimensional effect is presented in the scrolling process, thereby showing a 3D (Three-Dimensional) multi-window page to the user for user selection or switching. In addition, as the whole processing course is executed in a GPU (Graphic Processing Unit) which is a specialized graphic processor, a CPU (Central Processing Unit) can be liberated from a graphic processing task to execute more other system tasks so that the caton phenomenon does not occur in the whole scrolling process of page screen shot and the use of the user is not influenced.

Description

Multiwindow page display processing method and device
Technical field
The present embodiments relate to intelligent terminal technical field, particularly relate to a kind of multiwindow page display processing method and Device.
Background technology
Current intelligent terminal can support increasing function so that it is various that people can use intelligent terminal to carry out The operation of various kinds.Wherein, by the browser access webpage in intelligent terminal, be people obtain various information conventional means it One.People only need to input the network address of webpage to be visited in the search column of browser, and browser just can be visited by mobile network Ask the Website server issuing this web page contents, so that people can be browsed the content of this Homepage Publishing by browser.
When using browser to browse information, people often open the content on each webpage of multiple web page browsing.When When needing a certain webpage opened before checking, people typically can press switch key, browser interface will show and comprise The multiwindow that history opens page address portions information shows the switching page, selects the webpage wanting to check for people.
Existing multiwindow shows in modes such as horizontal stroke of lists or single page, the switching page generally individually shows that history opens the page. But, inventor's discovery during realizing the embodiment of the present invention, such exhibition method is to complete to render by CPU and paint System, owing to CPU disposal ability is limited, when user carries out page selection and switching, often use such exhibition method Caton phenomenon occurs, smooth not attractive in appearance, thus affect the use of user.
Content of the invention
The embodiment of the present invention provides a kind of multiwindow page display processing method and device, many in order to solve in prior art Window shows employing CPU process, the smooth not defect attractive in appearance when carrying out page layout switch.
First aspect, embodiments provides a kind of multiwindow page display processing method, performs as follows by GPU Step, including:
If the trigger action opening the multiwindow page being detected, then according to preset rules, screenshotss are carried out to current page, obtain Obtain the corresponding first snapshot picture of described current page;The described multiwindow page is for showing all pages that browser has been opened Face;
Obtain position in the described multiwindow page for the described current page according to spheroid equation, and according to described current page The size of face first viewing area in position and the described multiwindow page in the described multiwindow page, determines that described first shows Show the border in region, and draw the hatching pattern of water ripples effect in described border periphery;Wherein, described first viewing area is used In the described first snapshot picture of display;
Open the described multiwindow page, in described first viewing area, show described first snapshot picture.
Alternatively, described according to preset rules, screenshotss are carried out to current page include:
According to default snapshot as size, the image intercepting in described current page in top area simultaneously store.
Alternatively, after the trigger action opening the multiwindow page being detected, described method also includes:
Obtain the corresponding second snapshot picture of locally stored history page;
Obtain position in the described multiwindow page for the described history page according to described spheroid equation, and go through according to described Position in the described multiwindow page for the history page and the size of described second viewing area, determine described second viewing area Border, and the hatching pattern of water ripples is drawn in described border periphery;Wherein, described second viewing area is used for showing described Two snapshot pictures;
Open the described multiwindow page, in described second viewing area in the described multiwindow page, show described second Snapshot picture.
Alternatively, described method also includes:
If the operation of the second snapshot picture chosen in the described multiwindow page detected, from page listings, obtain institute State the second snapshot as corresponding history page;
Wherein, described page listings record has the key message of all pages that browser opened, and each page pair The snapshot picture answered;Described key message includes opening time and URL address.
Alternatively, described method also includes:
If the page detecting in described page listings is closed, then delete the corresponding key message of the described page and snapshot Picture.
Alternatively, described method also includes:
When the slide detecting in the described multiwindow page, according to described spheroid equation, obtain described in real time Current page in the described multiwindow page along the dynamic position of spheroid curved slide motion;
According to the size of described dynamic position and the dynamic display area preset at described dynamic position, determine described Current page slides into the border of corresponding dynamic display area during described dynamic position, and on the limit of described dynamic display area Out-of-bounds enclose the hatching pattern drawing water ripples effect;Wherein, described dynamic display area is used for showing described first snapshot picture;
Corresponding described first snapshot picture is shown in described dynamic display area.
Second aspect, embodiments provides a kind of multiwindow page display processing unit, including:
Screenshotss unit, for by GPU when the trigger action opening the multiwindow page being detected, to current page according to Preset rules carries out screenshotss, it is thus achieved that the corresponding first snapshot picture of described current page;The described multiwindow page is used for showing clear All pages that device of looking at has been opened;
Border determining unit, for obtaining described current page at the described multiwindow page by GPU according to spheroid equation In position, and the first display in position and the described multiwindow page in the described multiwindow page according to described current page The size in region, determines the border of described first viewing area, and draws the hatching pattern of water ripples in described border periphery;Its In, described first viewing area is used for showing described first snapshot picture
Image completion unit, for opening the multiwindow page by GPU, described first in the described multiwindow page shows Show the described first snapshot picture of display in region.
Alternatively, described screenshotss unit, be additionally operable to by GPU according to preset snapshot as size, intercept described currently Image in top area storing in the page.
Alternatively, described screenshotss unit, is additionally operable to by GPU when the trigger action opening the multiwindow page being detected, Obtain the corresponding second snapshot picture of locally stored history page;
Described border determining unit, is additionally operable to obtain described history page described by GPU according to described spheroid equation Position in the multiwindow page, and according to position in the described multiwindow page for the described history page and described second viewing area The size in territory, determines the border of described second viewing area, and draws the hatching pattern of water ripples in described border periphery;Its In, described second viewing area is used for showing described second snapshot picture;
Described image completion unit, is additionally operable to open the described multiwindow page by GPU, in the described multiwindow page Described second snapshot picture is shown in described second viewing area.
Alternatively, described device also includes:
Page acquiring unit, if for detected by GPU the second snapshot of choosing in the described multiwindow page as During operation, from page listings, obtain described second snapshot as corresponding history page;
Wherein, described page listings record has the key message of all pages that browser opened, and each page pair The snapshot picture answered;Described key message includes opening time and URL address.
Alternatively, described page acquiring unit, is additionally operable to be closed by the page in the described page listings of detection for the GPU When, delete the corresponding key message of the described page and snapshot picture.
Alternatively, described border determining unit, is additionally operable to:
By GPU when the slide detecting in the described multiwindow page, according to described spheroid equation, obtain in real time Take described current page dynamic position along spheroid curved slide motion in the described multiwindow page;
By GPU according to described dynamic position and the size of dynamic display area preset at described dynamic position, Determine that described current page slides into the border of corresponding dynamic display area during described dynamic position, and at described Dynamic Announce The border periphery in region draws the hatching pattern of water ripples effect;Wherein, described dynamic display area is used for showing described first Snapshot picture;
Described image completion unit, is additionally operable to show corresponding described first in described dynamic display area by GPU Snapshot picture.
In the multiwindow page display processing method of embodiment of the present invention offer and device, first determine according to spheroid equation The position that the screenshotss of current page show in the multiwindow page, then determines the viewing area of the screenshotss of display current page again Border and the water ripples effect of border periphery, be finally shown in page screenshotss on correspondence position so that this page snapshot As rolling along spheroid curve in the direction with normal to screen when user slides screen, present during rolling simultaneously Near big and far smaller stereoeffect such that it is able to present the multiwindow page of 3D for user, selects for user or switching.Additionally, Owing to whole processing procedure performs at GPU, GPU is special graphic process unit, and therefore CPU just can be from graphics process Task in free, go to perform other more system tasks so that the sliding process of full page screenshotss will not go out Now block the phenomenon timed, thus do not affect the use of user.
Brief description
In order to be illustrated more clearly that the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing In having technology to describe, the accompanying drawing of required use is briefly described, it should be apparent that, the accompanying drawing in describing below is this Some bright embodiments, for those of ordinary skill in the art, on the premise of not paying creative work, can also root Obtain other accompanying drawing according to these accompanying drawings.
A kind of multiwindow page display processing method embodiment flow chart that Fig. 1 provides for the present invention;
The windows display page schematic diagram that Fig. 2 provides for the present invention;
Another multiwindow page display processing method embodiment flow chart that Fig. 3 provides for the present invention;
The another windows display page schematic diagram that Fig. 4 provides for the present invention;
A kind of multiwindow page display processing unit example structure block diagram that Fig. 5 provides for the present invention;
Another multiwindow page display processing unit example structure block diagram that Fig. 6 provides for the present invention.
Detailed description of the invention
Purpose, technical scheme and advantage for making the embodiment of the present invention are clearer, below in conjunction with the embodiment of the present invention In accompanying drawing, the technical scheme in the embodiment of the present invention is clearly and completely described, it is clear that described embodiment is The a part of embodiment of the present invention, rather than whole embodiments.Based on the embodiment in the present invention, those of ordinary skill in the art The every other embodiment being obtained under the premise of not making creative work, broadly falls into the scope of protection of the invention.
First aspect, embodiments provides a kind of multiwindow page display processing method, at GPU (Graphics Processing Unit, graphic process unit) place's execution following steps, as it is shown in figure 1, include:
If S101 detects the trigger action opening the multiwindow page, then carry out cutting according to preset rules to current page Screen, it is thus achieved that the corresponding first snapshot picture of current page;The multiwindow page is for showing all pages that browser has been opened;
Specifically, user typically can open multiple page when browsing information by browser, when need to a certain When the page opened is checked, user can click on corresponding button and trigger the operation opening the multiwindow page, wherein, here The multiwindow page is for showing all pages that user has already turned in this operation to browser.This behaviour detected When making, the page first checked active user carries out screenshotss according to default rule, obtains corresponding first snapshot picture.
S102, obtain position in the multiwindow page for the current page according to spheroid equation, and according to current page many The size of the first viewing area in position and the multiwindow page in window page, determines the border of the first viewing area, and Border periphery draws the hatching pattern of water ripples;Wherein, the first viewing area is for display the first snapshot picture;
Specifically, after screenshotss being carried out to current page through step S101, the first snapshot picture can be obtained.By It is the page that user browses recently in current page, the therefore forefront of the first snapshot picture multiwindow page to be shown in.Cause This is firstly the need of the position being determined the first snapshot picture being shown in multiwindow page forefront by spheroid equation, such as Fig. 2 Shown in, namely firstly the need of determining the position as 1 for first snapshot.Below in conjunction with the accompanying drawings 3, to how determining according to spheroid equation The process on the border of the first viewing area illustrates.In the embodiment of the present invention, including on each page of current page On the track 61 of the rolling that individual significant point (each stain as shown in Figure 3) is positioned at spheroid, and the track 61 place screen rolling Curtain and the screen vertical of terminal 5.Specifically, the present embodiment can be by spheroid equation, the attribute being possessed according to spheroid, obtains Current page in the multiwindow page along the position of track 61.Current page is positioned at the bottom of screen, other each history pages Face upwards arranges in chronological order successively.After determining the position at current page place, corresponding pre-according to this position If the size of the first viewing area, determine the border of corresponding first viewing area of current page, and in the first viewing area Border periphery draw water ripples effect hatching pattern.
Then, as shown in Figure 2, it is thus necessary to determine that the first snapshot picture is in first viewing area 1 of fixed position Size.If it is understood that the first viewing area 1 that the first snapshot picture of display is in the multiwindow page is excessive, such as Take the whole viewing area below screen in Fig. 2, it is likely that other pages can be blocked, make user to select, and excessive Display also can affect the effect that user views and admires;If the first viewing area 1 of display is too small, then user can be made cannot to see page clearly The content in face, thus cannot distinguish which is the page needing to select.Therefore the size of the first viewing area 1 here needs Arrange according to the size of screen.For example, the width of the first viewing area 1 can take up the 3/5-3/4 of whole screen width, and Equal with the distance of the right and left;The height of the first viewing area 1 can be the 1/3-1/2 of whole screen height, and is positioned at screen The bottom of curtain.
Finally, after the size of the display position and the first viewing area 1 of knowing the first snapshot picture, it is possible to really Surely the border for the first viewing area 1.The border of determination the first viewing area 1 here can be implemented in the following manner: Determining the position on display the first viewing area 1 border, namely transverse and longitudinal coordinate on the display screen, the periphery at borderline region is painted Water ripples effect hatching pattern processed (wave line region as shown in Figure 2), and by the hatching pattern of water ripples effect by first Viewing area 1 displays.
S103, open the multiwindow page, in the first viewing area in the multiwindow page, show the first snapshot picture.
Specifically, after step S102 determines the first viewing area 1, then having recorded in step S101 One snapshot picture is filled in viewing area, thus browser just can present a multiwindow page comprising the first snapshot picture Face.The first snapshot picture in this multiwindow page can be that spheroid curve rolls with the slip up or down of user, rolls Direction normal to screen.And as the display position of the first snapshot picture is moved to the top of screen, the first snapshot picture can be by Decrescence little, form near big and far smaller stereo displaying effect such that it is able to provide the user a kind of many windows with 3D display effect The mouth page, carries out selection or the switching of each browsing pages for user.
In the multiwindow page display processing method that the embodiment of the present invention provides, first determine current page according to spheroid equation The position that the screenshotss in face show in the multiwindow page, then again determine display current page screenshotss viewing area border with And the water ripples effect of border periphery, it is finally shown in page screenshotss on correspondence position so that this page snapshot picture can The multiwindow page presents near big and far smaller stereoeffect such that it is able to present the multiwindow page of 3D for user, for user Select or switching.Further, since whole processing procedure performs at GPU, GPU is special graphic process unit, therefore CPU Just can free from the task of graphics process, go to perform other more system tasks so that full page screenshotss Sliding process does not haves the phenomenon of card, thus does not affect the use of user.
In the specific implementation, it is to be understood that due in the multiwindow page display a certain webpage content only The simply partial content of this webpage, if the whole screenshots of the page that user is currently browsed, then would show at the multiwindow page When showing, will certainly the content of some screenshots be displayed without.Since cannot show, then this partial content is for browsing It is exactly useless content for device, also can take certain memory headroom simultaneously.Therefore, in order to avoid useless image took Many internal memories, in step S101 of said method embodiment when carrying out screenshotss operation to current page, can be according to default Snapshot is as the image in top area in size intercepting current page and stores.Wherein, default snapshot picture here Size can carry out adaptability setting according to actual needs.For example, it is possible to intercept the picture of 400 pixel × 400 pixels.So The benefit done is, has only intercepted the picture that can show in the multiwindow page, thus has reduced accounting for of each page snapshot picture It with space, is favorably improved the fluency of browser execution, provide the user more preferable experience.
It is understood that except comprising the snapshot picture of current page on the multiwindow page, also comprise history page Snapshot picture.Therefore, many windows that on the basis of embodiment of the method described above, as shown in Figure 4, the embodiment of the present invention provides Mouth page display processing method can also include:
S201, after the trigger action opening the multiwindow page being detected, obtain locally stored history page corresponding Second snapshot picture;
It is understood that in order to enable the multiwindow page to show all webpages that user has opened, each user Secondary reopening a page, browser will carry out whole screenshotss or part screenshotss to the upper page browsing, and stores In this locality, for the display when page layout switch.Therefore, in step S101 of said method embodiment, current page is being obtained First snapshot as while, also obtain the corresponding second snapshot picture of locally stored history page.Wherein, second here The quantity of snapshot picture may be multiple.
S202, obtain the described history page position in the described multiwindow page according to described spheroid equation, and according to Position in the described multiwindow page for the described history page and the size of described second viewing area, determine that described second shows The border in region, and the hatching pattern of water ripples is drawn in described border periphery;Wherein, described second viewing area is used for showing Described second snapshot picture;
Specifically, while determination in the position to the first snapshot picture for step S102, it is also desirable to determine other history The position of the second snapshot picture of the page.Where like each history page can be calculated at the multiwindow page according to spheroid equation In position.Wherein, the position of the second snapshot picture of the first snapshot picture and each history page of current page as shown in Figure 2 Putting and can sorting according to the time opened, the page opened recently is positioned at the forefront of the multiwindow page, the page opened at first Face is positioned at the rearmost of the multiwindow page.
For each the second viewing area size setting also with in step S102 the first viewing area size phase is set Same, do not repeat them here.
After the size of the position determining each page and corresponding viewing area, it is necessary to determine each viewing area The border in territory.Similarly, it is first determined the position on the border of each viewing area 1-4, then overall at each viewing area 1-4 The periphery on border draws hatching pattern, displays each viewing area 1-4 finally by the hatching pattern drawn.
S203, open the multiwindow page, in the second viewing area, show the second snapshot picture.
Similarly, after determining the first viewing area and each the second viewing area, by the first snapshot picture with And the fills of each the second snapshot picture is to corresponding viewing area, enables the multiwindow page to show multiple snapshot Picture, each snapshot picture presents near big and far smaller state such that it is able to provide the user a kind of many windows with 3D display effect The mouth page.And all realize on GPU due to this processing procedure, show each screenshotss after therefore opening the multiwindow page The change of image can be very smooth, does not haves card, thus does not affect user and use, provides the user good use body Test.
In the specific implementation, in order to when user slides the multiwindow page each page can follow the slip gesture of user Realizing the effect that 3D rolls, the method that the embodiment of the present invention provides also includes:
S301, when the slide detecting in the multiwindow page, according to spheroid equation, in real time obtain current page Along the dynamic position of spheroid curved slide motion in the multiwindow page;
It is understood that embodiment of the present invention rolling effect to be realized is that each page can be along spheroid curve Roll, and the plane at track place that rolls and screen vertical.For ease of understanding, may refer to Fig. 3, the embodiment of the present invention is wanted Being shown that each page to roll along the surface curve of spheroid 6, on each page a index point is (for example, The central point of page coboundary) (each stain as shown in Figure 3) is positioned on the track 61 of rolling, and track 61 place rolling Screen and the screen vertical of terminal 5.Spheroid 6 can rotate along the opposite direction of the direction of arrow or arrow, and each page is also followed Spheroid rotates, and the direction of rotation namely the sphere at track 61 place are vertical with screen 5.And now screen 5 is equivalent to a plane, Each page is projected in this plane with the picture that spheroid rotates, so that be positioned at the user in screen 5 front at ball Body can see that when rotating along the direction of arrow that the page is gradually close to oneself one by one, otherwise, at spheroid along arrow negative side Can see that when rotating one by one the page gradually to oneself away from thus forming near big and far smaller 3D display effect.
By above-mentioned narration it can be seen that here can be by spheroid equation, the attribute being possessed according to spheroid, obtain in real time Current page in the multiwindow page along the dynamic position of spheroid curved slide motion, if namely page that current page is bottom Face, then the attribute that can be possessed according to spheroid 6, according to spheroid equation, obtains current page and was sliding along track 61 Dynamic position in journey.Understandable, in addition to current page, the acquisition methods of the dynamic position of other history page Identical with current page, it is hereby achieved that current page and each history page are in correspondence in track 61 sliding process Dynamic position.
S302, the size according to dynamic position and the dynamic display area preset at dynamic position, determine current page Face slides into the border of corresponding dynamic display area during each dynamic position, and the border periphery in dynamic display area is drawn The hatching pattern of water ripples effect;Wherein, dynamic display area is for display the first snapshot picture;
As described above, screen 5 is a plane, and when spheroid 6 rotates in the direction of the arrow, user sees on screen 5 Be the effect that each page moves closer to.It is therefore to be understood that on the track 61 of the rolling of spheroid each position The size of corresponding dynamic display area is different, bigger the closer to the size of on-screen display (osd) area.Therefore here can root According to the size of the dynamic position on track 61 and the dynamic display area preset at dynamic position, determine that current page slides Border to dynamic display area corresponding during dynamic position.Wherein it is determined that the border of the first viewing area specifically can be passed through In the following manner is implemented:As in figure 2 it is shown, can be according to position in the multiwindow page for the current page and the default first display The size in region calculates the first viewing area 1 border transverse and longitudinal coordinate on the display screen, namely calculates the corresponding screen in this border On which pixel cell.Understandable, GPU now simply obtains border respective coordinates, not by by this border It is plotted on screen.It is understood that the border acquisition mode of other history page is identical with current page, no longer superfluous at this State.
Then can be in the periphery of current page and each history page boundary position (at twill as shown in Figure 2 Fill region) draw the hatching pattern of water ripples effect, and by the hatching pattern of water ripples effect, dashed forward in the first viewing area 1 Show to come.Understandable, detect user slide the operation of the multiwindow page when, each page is with the direction slided Roll along track, and hatching pattern now also can change with the rolling of each page.
S303, in dynamic display area, show corresponding first snapshot picture.
Show corresponding snapshot picture in each viewing area after, it is possible to obtain comprising multiple page snapshot picture The multiwindow page.Each snapshot picture in this multiwindow page can be as the slip up or down of user is along spheroid track Roll.And as the display position of each snapshot picture is moved to the top of screen, the size of snapshot picture can be gradually reduced, namely More move image toward top less, so that each snapshot picture forms near big and far smaller stereo displaying effect, carry for user For a kind of multiwindow page with 3D display effect, carry out selection or the switching of each browsing pages for user.
In the specific implementation, should in aforementioned manners embodiment realize the multiwindow page display history web pages after, the present invention The method that embodiment provides also includes:If the operation of the second snapshot picture chosen in the multiwindow page detected, from the page List obtains the second snapshot as corresponding history page.
Specifically, when user opens the new page, the key message of the page before browsing and each page are corresponding Snapshot picture be stored in page listings.Here key message can include time of page open and the page URL address.If the operation that user have chosen a certain second snapshot picture in the multiwindow page detected, can be from pages column Table obtains this second snapshot as corresponding history page, and show on a display screen, thus user can check this history Information on the page.
Understandable, on the basis of said method embodiment, if a certain page detecting in page listings is closed Closing, then deleting the corresponding key message of the page and snapshot picture, thus save the space of storage, beneficially browser is smooth and easy without card The operation paused.
Second aspect, embodiments provides a kind of multiwindow page display processing unit, as it is shown in figure 5, include Screenshotss unit the 401st, border determining unit 402 and image completion unit 403.
Wherein, screenshotss unit 401 is used for by GPU when the trigger action opening the multiwindow page being detected, to currently The page carries out screenshotss according to preset rules, it is thus achieved that the corresponding first snapshot picture of current page;The multiwindow page is used for showing clear All pages that device of looking at has been opened;Border determining unit 402 is for obtaining current page at many windows by GPU according to spheroid equation Position in mouthful page, and according to current page in the multiwindow page the first viewing area in position and the multiwindow page Size, determines the border of the first viewing area, and draws the hatching pattern of water ripples in border periphery;Wherein, the first viewing area Territory is for display the first snapshot picture;Image completion unit 403 is for opening the multiwindow page by GPU, at the multiwindow page In the first viewing area in display the first snapshot picture.
Specifically, when the operation of user's pre-switch webpage being detected, the page that active user is checked by screenshotss unit 401 Face carries out screenshotss according to default rule, obtains corresponding first snapshot picture.
After obtaining the first snapshot picture, border determining unit 402 to determine position and the border of the first snapshot picture. Border determining unit 402 first passes through the position that spheroid equation determines the first snapshot picture being shown in multiwindow page forefront Put.Then, as in figure 2 it is shown, border determining unit 402 further determines that the first snapshot picture in the first of fixed position The size of viewing area 1.Being arranged on of size with regard to the first viewing area 1 has been carried out detailed being described in this not above Repeat again.Finally, border determining unit 402 determines the position on display the first viewing area 1 border, and in the periphery of borderline region (point-like as shown in Figure 2 fills region) draws water ripples hatching pattern, by the hatching pattern of drafting by the first viewing area 1 Display.For how to obtain the first viewing area 1 border according to spheroid equation, have been carried out specifically above Bright, do not repeat them here.
The first snapshot picture that screenshotss unit 401 has been recorded by last image completion unit 403 is filled in the first display In region, thus browser just can present the multiwindow page comprising browsing pages the first snapshot picture, for Family carries out selection or the switching of each browsing pages.
In the multiwindow page display processing unit that the embodiment of the present invention provides, border determining unit 402 is first according to ball Body equation determines the position that the screenshotss of current page show in the multiwindow page, then determines the screenshotss of display current page again Viewing area border and border periphery water ripples effect, it is right that page screenshotss are shown in by last image completion unit 403 Answer on position so that this page snapshot picture can roll along spheroid curve in the direction with normal to screen when user slides screen Dynamic, during rolling, present near big and far smaller stereoeffect such that it is able to present the multiwindow page of 3D for user simultaneously, Select for user or switching.Further, since whole processing procedure performs at GPU, GPU is special graphics process Device, therefore CPU just can free from the task of graphics process, goes to perform other more system tasks so that whole The sliding process of page screenshotss does not haves the phenomenon of card, thus does not affect the use of user.
On the basis of said apparatus embodiment, in order to save the memory space of screenshotss, in the specific implementation, here cut Screen unit 401 is additionally operable to GPU at according to the snapshot preset as size, and in intercepting current page, the image in top area is simultaneously Store.Advantage of this is that, it is not necessary to intercept the content of the snapshot picture that cannot show on the multiwindow page, thus subtract The memory space of each page snapshot picture little.
It is understood that except comprising the snapshot picture of current page on the multiwindow page, also comprise history page Snapshot picture.Therefore, the present invention provide device embodiment in, screenshotss unit 401 be additionally operable to by GPU detect open many During the trigger action of window page, obtain the corresponding second snapshot picture of locally stored history page;Border determining unit 402 It is additionally operable to obtain position in the multiwindow page for the history page by GPU according to spheroid equation, and according to history page many Position in window page and the size of the second viewing area, determine the border of the second viewing area, and draw in border periphery The hatching pattern of water ripples;Wherein, the second viewing area is for display the second snapshot picture;Image completion unit 403 is additionally operable to Open the multiwindow page by GPU, in the second viewing area in the multiwindow page, show the second snapshot picture.Concrete place Reason process is similar with to the processing procedure for current page hereinbefore having described, and does not repeats them here.
In the specific implementation, so that the device that the embodiment of the present invention provides enables to the multiwindow page in displaying respectively The 3D display effect presenting during the individual page, the border determining unit 402 in said apparatus embodiment, be additionally operable to by GPU according to Spheroid equation obtains position in the multiwindow page for the current page, and according to position in the multiwindow page for the current page and The size of the first viewing area in the multiwindow page, determines the border of the first viewing area, and on the limit of the first viewing area Out-of-bounds enclose the hatching pattern drawing water ripples effect.
Owing to embodiment of the method above having obtained this position to how according to spheroid equation and how to have drawn the moon Shadow finally how to realize dynamic and 3D effect be described in detail, do not repeat them here.
After realizing multi-window interface display current page and history page, as shown in Figure 6, the embodiment of the present invention provides Device also includes page acquiring unit 404, is used for when the operation of the second snapshot picture chosen in the multiwindow page being detected, Obtain the second snapshot as corresponding history page from page listings.
Specifically, when user opens the new page, the key message of the page before browsing and each page are corresponding Snapshot picture be stored in page listings.Here key message can include time of page open and the page URL address.Now, if page acquiring unit 404 detects that user have chosen a certain second snapshot picture in the multiwindow page Operation, this second snapshot can be obtained from page listings as corresponding history page, and show on a display screen, thus User can check the information in this history page.
Understandable, when the page that page acquiring unit 404 is additionally operable in detecting described page listings is closed, Delete the corresponding key message of the described page and snapshot picture, thus save memory space, smooth can run for browser and carry For supporting.
The multiwindow page display processing unit introduced by the present embodiment is can to perform in the embodiment of the present invention The device of multiwindow page display processing method, so based on the multiwindow page display process described in the embodiment of the present invention Method, those skilled in the art will appreciate that the detailed description of the invention of the multiwindow page display processing unit of the present embodiment And its various versions, so at this, how this multiwindow page display processing unit is realized in the embodiment of the present invention Multiwindow page display processing method be no longer discussed in detail.As long as those skilled in the art implement in the embodiment of the present invention The device that multiwindow page display processing method is used, broadly falls into the scope that the application to be protected.
Understandable, the illustration in above-described embodiment is only to facilitate be more fully understood that the embodiment of the present invention The method or apparatus providing, can not constitute the concrete restriction to the present invention.And between each above-mentioned preferred embodiment not Can influence each other, the scheme obtained by any combination between each preferred embodiment all should fall into the protection model of the present invention Enclose.
Device embodiment described above is only schematically, and the wherein said unit illustrating as separating component can To be or to may not be physically separate, as the parts that unit shows can be or may not be physics list Unit, i.e. may be located at a place, or also can be distributed on multiple NE.Can be selected it according to the actual needs In some or all of module realize the purpose of the present embodiment scheme.Those of ordinary skill in the art are not paying creativeness Work in the case of, be i.e. appreciated that and implement.
Through the above description of the embodiments, those skilled in the art it can be understood that to each embodiment can The mode adding required general hardware platform by software realizes, naturally it is also possible to pass through hardware.Based on such understanding, on State the part that prior art contributes by technical scheme substantially in other words to embody with the form of software product, should Computer software product can store in a computer-readable storage medium, such as ROM/RM, magnetic disc, CD etc., including some fingers Order is with so that a computer equipment (can be personal computer, server, or the network equipment etc.) performs each and implements The method described in some part of example or embodiment.
Finally it should be noted that:Above example only in order to technical scheme to be described, is not intended to limit;Although With reference to previous embodiment, the present invention is described in detail, it will be understood by those within the art that:It still may be used Modify with the technical scheme described in foregoing embodiments, or equivalent is carried out to wherein portion of techniques feature; And these modification or replace, do not make appropriate technical solution essence depart from various embodiments of the present invention technical scheme spirit and Scope.

Claims (12)

1. a multiwindow page display processing method, it is characterised in that perform following steps by GPU, including:
If the trigger action opening the multiwindow page being detected, then according to preset rules, screenshotss are carried out to current page, it is thus achieved that institute State the corresponding first snapshot picture of current page;The described multiwindow page is for showing all pages that browser has been opened;
Obtain position in the described multiwindow page for the described current page according to spheroid equation, and exist according to described current page In the described multiwindow page, the size of the first viewing area in position and the described multiwindow page, determines described first viewing area The border in territory, and the hatching pattern of water ripples effect is drawn in described border periphery;Wherein, described first viewing area is used for showing Show described first snapshot picture;
Open the described multiwindow page, in described first viewing area, show described first snapshot picture.
2. method according to claim 1, it is characterised in that described according to preset rules, screenshotss bag is carried out to current page Include:
According to default snapshot as size, the image intercepting in described current page in top area simultaneously store.
3. method according to claim 1, it is characterised in that detect open the multiwindow page trigger action it After, described method also includes:
Obtain the corresponding second snapshot picture of locally stored history page;
Obtain position in the described multiwindow page for the described history page according to described spheroid equation, and according to described history page Position in the described multiwindow page for the face and the size of described second viewing area, determine the limit of described second viewing area Boundary, and the hatching pattern of water ripples is drawn in described border periphery;Wherein, described second viewing area is used for showing described second Snapshot picture;
Open the described multiwindow page, in described second viewing area, show described second snapshot picture.
4. method according to claim 3, it is characterised in that described method also includes:
If the operation of the second snapshot picture chosen in the described multiwindow page detected, from page listings, obtain described Two snapshots are as corresponding history page;
Wherein, described page listings record has the key message of all pages that browser opened, and each page is corresponding Snapshot picture;Described key message includes opening time and URL address.
5. method according to claim 4, it is characterised in that described method also includes:
If the page detecting in described page listings is closed, then delete the corresponding key message of the described page and snapshot picture.
6. the method according to any one of claim 1-5, it is characterised in that described method also includes:
When the slide detecting in the described multiwindow page, according to described spheroid equation, acquisition is described currently in real time The page in the described multiwindow page along the dynamic position of spheroid curved slide motion;
According to described dynamic position and the size of dynamic display area preset at described dynamic position, determine described currently The page slides into the border of corresponding dynamic display area during described dynamic position, and outside the border of described dynamic display area Enclose the hatching pattern drawing water ripples effect;Wherein, described dynamic display area is used for showing described first snapshot picture;
Corresponding described first snapshot picture is shown in described dynamic display area.
7. a multiwindow page display processing unit, it is characterised in that include:
Screenshotss unit, for by GPU when the trigger action opening the multiwindow page being detected, to current page according to preset Rule carries out screenshotss, it is thus achieved that the corresponding first snapshot picture of described current page;The described multiwindow page is used for showing browser The all pages opened;
Border determining unit, for obtaining described current page by GPU in the described multiwindow page according to spheroid equation Position, and according to described current page in the described multiwindow page the first viewing area in position and the described multiwindow page Size, determine the border of described first viewing area, and draw the hatching pattern of water ripples in described border periphery;Wherein, Described first viewing area is used for showing described first snapshot picture
Image completion unit, for opening the multiwindow page by GPU, described first viewing area in the described multiwindow page Described first snapshot picture is shown in territory.
8. device according to claim 7, it is characterised in that
Described screenshotss unit, be additionally operable to by GPU according to preset snapshot as size, intercept top region in described current page Image in territory simultaneously stores.
9. device according to claim 7, it is characterised in that
Described screenshotss unit, is additionally operable to by GPU when the trigger action opening the multiwindow page being detected, obtains locally stored The corresponding second snapshot picture of history page;
Described border determining unit, is additionally operable to obtain described history page at described many windows by GPU according to described spheroid equation Position in mouthful page, and according to position in the described multiwindow page for the described history page and described second viewing area Size, determines the border of described second viewing area, and draws the hatching pattern of water ripples in described border periphery;Wherein, institute State the second viewing area for showing described second snapshot picture;
Described image completion unit, is additionally operable to open the described multiwindow page by GPU, described in the described multiwindow page Described second snapshot picture is shown in second viewing area.
10. device according to claim 9, it is characterised in that described device also includes:
Page acquiring unit, if for the operation the second snapshot picture chosen in the described multiwindow page being detected by GPU When, from page listings, obtain described second snapshot as corresponding history page;
Wherein, described page listings record has the key message of all pages that browser opened, and each page is corresponding Snapshot picture;Described key message includes opening time and URL address.
11. devices according to claim 10, it is characterised in that
Described page acquiring unit, when being additionally operable to be closed by the page in detecting described page listings for the GPU, deletes described The corresponding key message of the page and snapshot picture.
12. devices according to any one of claim 7-11, it is characterised in that
Described border determining unit, is additionally operable to:
By GPU when the slide detecting in the described multiwindow page, according to described spheroid equation, obtain institute in real time State current page dynamic position along spheroid curved slide motion in the described multiwindow page;
By GPU according to the size of described dynamic position and the dynamic display area preset at described dynamic position, determine Described current page slides into the border of corresponding dynamic display area during described dynamic position, and in described dynamic display area Border periphery draw water ripples effect hatching pattern;Wherein, described dynamic display area is used for showing described first screenshotss Image;
Described image completion unit, is additionally operable to show corresponding described first screenshotss in described dynamic display area by GPU Image.
CN201610744383.2A 2016-08-26 2016-08-26 Method and device for processing multi-window page display Pending CN106445274A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610744383.2A CN106445274A (en) 2016-08-26 2016-08-26 Method and device for processing multi-window page display

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610744383.2A CN106445274A (en) 2016-08-26 2016-08-26 Method and device for processing multi-window page display

Publications (1)

Publication Number Publication Date
CN106445274A true CN106445274A (en) 2017-02-22

Family

ID=58182369

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610744383.2A Pending CN106445274A (en) 2016-08-26 2016-08-26 Method and device for processing multi-window page display

Country Status (1)

Country Link
CN (1) CN106445274A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107423063A (en) * 2017-07-25 2017-12-01 北京小米移动软件有限公司 Multiwindow processing method, device and equipment
CN107908763A (en) * 2017-11-24 2018-04-13 曾良军 Methods of exhibiting, device and the terminal device of application content

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102169411A (en) * 2011-03-21 2011-08-31 广州市动景计算机科技有限公司 Multiwindow switching method and device of touch screen terminal
CN103677538A (en) * 2012-09-07 2014-03-26 腾讯科技(深圳)有限公司 Multi-window display method and device
CN103995660A (en) * 2013-02-20 2014-08-20 腾讯科技(深圳)有限公司 Window switching method and device for touch screen browser
CN104238902A (en) * 2013-06-09 2014-12-24 苹果公司 Stacked tab view

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102169411A (en) * 2011-03-21 2011-08-31 广州市动景计算机科技有限公司 Multiwindow switching method and device of touch screen terminal
CN103677538A (en) * 2012-09-07 2014-03-26 腾讯科技(深圳)有限公司 Multi-window display method and device
CN103995660A (en) * 2013-02-20 2014-08-20 腾讯科技(深圳)有限公司 Window switching method and device for touch screen browser
CN104238902A (en) * 2013-06-09 2014-12-24 苹果公司 Stacked tab view

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107423063A (en) * 2017-07-25 2017-12-01 北京小米移动软件有限公司 Multiwindow processing method, device and equipment
CN107908763A (en) * 2017-11-24 2018-04-13 曾良军 Methods of exhibiting, device and the terminal device of application content

Similar Documents

Publication Publication Date Title
US10416874B2 (en) Methods, apparatuses, and devices for processing interface displays
US9430139B2 (en) Information processing apparatus, information processing method, and program
CN104106033B (en) The thumbnail image selection of application
US10878175B2 (en) Portlet display on portable computing devices
CN107807764A (en) A kind of page display method and client
CN107239528B (en) Search result display method and device
US20130238609A1 (en) Query result rendering
CN107402962A (en) Page display method and device
CN106325873A (en) Multi-window page display processing method and device
CN106886511B (en) Network table processing method and device
CN105988793A (en) Image display method and apparatus used for screen display device
CN103098001A (en) Processing method for user interface and electronic device
CN105096236B (en) The thumbnail loading method and electronic equipment of a kind of picture
WO2015180448A1 (en) Method and device for switching playing mode of mobile terminal, storage medium and program
US20120272130A1 (en) Object control method for displaying objects in front of link elements
CN106372137A (en) Multi-window page display processing method and apparatus
JP5563703B2 (en) Content distribution apparatus, content distribution method, content distribution program, and terminal program
CN106445274A (en) Method and device for processing multi-window page display
US11132104B1 (en) Managing user interface items in a visual user interface (VUI)
JP6339550B2 (en) Terminal program, terminal device, and terminal control method
CN109800039B (en) User interface display method and device, electronic equipment and storage medium
US20140300627A1 (en) Method and apparatus indicating scroll position on a display
US20140337774A1 (en) Proxy for Sorting and Navigating Cards
CN107451297B (en) Webpage display method and device
KR101943820B1 (en) Method for displaying visual information for browsing and method for controling user interface

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20170222