CN109976759A - Page display method and device - Google Patents
Page display method and device Download PDFInfo
- Publication number
- CN109976759A CN109976759A CN201910255970.9A CN201910255970A CN109976759A CN 109976759 A CN109976759 A CN 109976759A CN 201910255970 A CN201910255970 A CN 201910255970A CN 109976759 A CN109976759 A CN 109976759A
- Authority
- CN
- China
- Prior art keywords
- mask
- page
- target
- instruction
- parameter
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
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)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
The present invention provides page display method and device, wherein, method includes: the idsplay order obtained for the compound page in target application, the composed page face includes application page and mask, the mask be mask in the application page and transparency be less than or equal to the figure layer of transparency threshold；Determine that target draws instruction according to the idsplay order, the target draws instruction for drawing the mask；Instruction, which is drawn, according to the target draws the mask；When showing the application page, the obtained mask will be drawn and be shown on the application page, to show the compound page.The technical solution may be implemented to reduce the occupancy of space resources.
Description
Technical field
The present invention relates to field of computer technology more particularly to page display methods and device.
Background technique
It is frequently necessary to realize mask in Android application and development, by will have the mask of certain color and transparency to be covered on
On the display page in, visual experience can be promoted.
The mode for realizing mask in the prior art is to be pacified by the way that picture and code to be packaged in installation kit by calling
Code in dress packet realizes mask to load corresponding picture, needs picture and code being packaged in installation in the prior art
Bao Zhong, since the file storage that picture occupies is larger, and when Loading Image, committed memory space is larger, cannot play saving
The purpose of space resources.
Summary of the invention
The embodiment of the present invention provides page display method and device, solves to cause space resources to occupy due to display mask
Larger problem.
In a first aspect, providing page display method, comprising:
The idsplay order for the compound page in target application is obtained, the composed page face includes application page and illiteracy
Layer, the mask be mask in the application page and transparency be less than or equal to transparency threshold figure layer；
Determine that target draws instruction according to the idsplay order, the target draws instruction for drawing the mask；
Instruction, which is drawn, according to the target draws the mask；
When showing the application page, the obtained mask will be drawn and be shown on the application page, with aobvious
Show the compound page.
With reference to first aspect, in one possible implementation, the target draw instruction include the parameter of mask with
And the corresponding parameter value of parameter with the mask, the parameter of the mask include the size of the mask, the mask
Shape, the position coordinates of the mask, the color type of the mask, the color-ratio of the mask and the mask
At least one of color position；It is described that the instruction drafting mask is drawn according to the target, comprising: according to the parameter of mask
And the corresponding parameter value phase of parameter with the mask is drawn with the corresponding parameter value of parameter of the mask
The mask matched.
With reference to first aspect, in one possible implementation, the mask is gradual change mask, and the gradual change mask is
Mask with regular color change, the parameter of the mask further include the gradual change direction of the gradual change mask, the gradual change
Direction is used to indicate the direction of the color change of the gradual change mask.
With reference to first aspect, in one possible implementation, the method, further includes: getting for described
In the case where the modification instruction of mask, the target is drawn into the first parameter value in instruction and is revised as the second parameter value, it is described
Modification instruction includes second parameter value, and first parameter value and second parameter value are that the target draws instruction
In the corresponding parameter value of target component, the target component be the mask any parameter.
With reference to first aspect, in one possible implementation, described when showing the application page, it will draw
To the mask be shown on the application page, after showing the compound page, further includes: be directed to getting
In the case where the out code of the mask, cancel the display for drawing the obtained mask in the application page.
With reference to first aspect, in one possible implementation, the cancellation obtained mask of drawing exists
After display in the application page, further includes: if out code carrying is freezed to indicate, target drafting is referred to
Enabling is become deactivating state from activated state, and described to freeze to indicate to be used to indicate no longer to show the mask, the target in deactivation state is drawn
System instruction, which is not used in, draws the mask.
Second aspect provides page display device, comprising:
Idsplay order obtains module, described compound for obtaining the idsplay order for the compound page being directed in target application
The page includes application page and mask, the mask be mask in the application page and transparency be less than or equal to it is saturating
The figure layer of lightness threshold；
Instruction determining module is drawn, for determining that target draws instruction according to the idsplay order, the target drafting refers to
It enables for drawing the mask；
Mask drafting module draws the mask for drawing instruction according to the target；
Mask display module will be drawn described in the obtained mask is shown in for when show the application page
On application page, to show the compound page.
In conjunction with second aspect, in one possible implementation, the target draw instruction include the parameter of mask with
And the corresponding parameter value of parameter with the mask, the parameter of the mask include the size of the mask, the mask
Shape, the position coordinates of the mask, the color type of the mask, the color-ratio of the mask and the mask
At least one of color position；The mask drafting module, is specifically used for: according to the parameter of mask and with the mask
The corresponding parameter value of parameter draws the mask to match with the corresponding parameter value of parameter of the mask.
In conjunction with second aspect, in one possible implementation, the mask is gradual change mask, and the gradual change mask is
Mask with regular color change, the parameter of the mask further include the gradual change direction of the gradual change mask, the gradual change
Direction is used to indicate the direction of the color change of the gradual change mask.
In conjunction with second aspect, in one possible implementation, described device further include: parameter adapting module is used for
In the case where getting the modification instruction for the mask, the target is drawn into the first parameter value in instruction and is revised as
Second parameter value, the modification instruction includes second parameter value, and first parameter value and second parameter value are
The target draws the corresponding parameter value of target component in instruction, and the target component is any parameter of the mask.
In conjunction with second aspect, in one possible implementation, described device further include: cancel display module, be used for
In the case where getting the out code for the mask, cancel the obtained mask of drawing in the applications pages
Display on face.
In conjunction with second aspect, in one possible implementation, the cancellation display module is specifically used for: if institute
It states out code carrying to freeze to indicate, the target, which is drawn instruction, to be become deactivating state from activated state, described to freeze to indicate to be used for
Instruction no longer shows the mask, and the target in deactivation state draws instruction and is not used in the drafting mask.
The third aspect provides page display device, including processor, memory and input/output interface, the processing
Device, memory and input/output interface are connected with each other, wherein the input/output interface is described for input or output data
Memory executes the application code of the above method for memory page display device, and the processor is configured for executing
The method of above-mentioned first aspect.
Fourth aspect provides a kind of computer storage medium, and the computer storage medium is stored with computer program, institute
Stating computer program includes program instruction, and described program instruction makes the processor execute above-mentioned first when being executed by a processor
The method of aspect.
In the embodiment of the present invention, by the case where getting for compound page idsplay order in target application,
It determines that target draws instruction according to compound page idsplay order, instruction is drawn according to target and draws mask, and in application page
Show mask, by drawing instruction according to target and drawing mask in the case where getting the idsplay order for the compound page,
To realize display of the mask in application page, due to Loading Image so as to cause memory footprint when avoiding showing mask
Greatly, the purpose for saving resource occupation is realized.
Detailed description of the invention
It to describe the technical solutions in the embodiments of the present invention more clearly, below will be to needed in the embodiment
Attached drawing is briefly described, it should be apparent that, drawings in the following description are only some embodiments of the invention, for ability
For the those of ordinary skill of domain, without creative efforts, it can also be obtained according to these attached drawings other attached
Figure.
Fig. 1 is a kind of flow diagram for page display method that inventive embodiments provide；
Fig. 2 is the schematic diagram for three kinds of compound pages that inventive embodiments provide；
Fig. 3 is the schematic diagram for three kinds of compound pages that inventive embodiments provide；
Fig. 4 is the flow diagram for another page display method that inventive embodiments provide；
Fig. 5 is the flow diagram for another page display method that inventive embodiments provide；
Fig. 6 is a kind of schematic diagram for out code that mask is shown on the compound page that inventive embodiments provide；
Fig. 7 is a kind of composed structure schematic diagram of page display device provided in an embodiment of the present invention；
Fig. 8 is the composed structure schematic diagram of another page display device provided in an embodiment of the present invention.
Specific embodiment
Following will be combined with the drawings in the embodiments of the present invention, and technical solution in the embodiment of the present invention carries out clear, complete
Site preparation description, it is clear that the described embodiment is only a part of the embodiment of the present invention, instead of all the embodiments.Based on this
Embodiment in invention, every other reality obtained by those of ordinary skill in the art without making creative efforts
Example is applied, shall fall within the protection scope of the present invention.
It is new that the scheme of the embodiment of the present invention opens some suitable for the scene for showing mask in application page, in user
After installation or updated application program, draws mask and show answering in the application program for obtained mask is drawn
With on the page.
The technical solution introduced below for realizing above-mentioned scene.
It is a kind of flow diagram of page display method provided in an embodiment of the present invention referring to Fig. 1, Fig. 1, as shown,
This method comprises:
S101 obtains the idsplay order for the compound page in target application, and composed page face includes application page and illiteracy
Layer, mask be mask in application page and transparency be less than or equal to transparency threshold figure layer.
When detecting that user opens some target application, and there is the case where mask in the application page in the target application
Under, then get the idsplay order for the compound page in target application.For example, when the QQ that user's opening is newly installed is corresponding
When icon, there is the mask for being used to indicate neophyty operation in the application page in the application, then gets the compound page for QQ
Idsplay order.
Here, target application is the application of user's selection, and application page is the page in the target application.Composed page bread
Application page and mask are included, as shown in Fig. 2, Fig. 2 is the schematic diagram for three kinds of compound pages that inventive embodiments provide, page in Fig. 2
Face 1 is application page, and the page 2 is mask, and the compound page is the page that the page 1 and the page 2 form.Mask can be to be suspended in answer
With the figure layer on the page, some controls or the text illustrated in application page can be highlighted in mask.Text in the mask
Word content can play guidance or indicate some applications of user in key operation, as in the application program increase newly function, such as
In Fig. 2 shown in a or user's interaction logic that some comparisons are hiding, such as the long operation to touch the button of instruction user, such as b in Fig. 2
The gesture operation of shown or some complexity, such as how by gesture operation realization rapid screenshot, as shown in c in Fig. 2, such as
Certain partial content quickly hidden in current page how is realized by gesture operation and how to be restored currently by gesture operation
Hiding content of pages.Transparency threshold can any number between 0-100%, such as transparency threshold can for 0%,
10%, any numbers such as 30%, 50%, 80%.
S102 determines that target draws instruction according to idsplay order, and target draws instruction for drawing mask.
Here, target draws the parameter that instruction may include mask and the corresponding parameter value of parameter with mask,
The parameter of mask includes the color of the size of mask, the shape of mask, the position coordinates of mask, the color type of mask, mask
At least one of ratio and the color position of mask.
Here, the size of mask can be resolution ratio, the pixel of mask, the length of mask and the corresponding numerical value of width of mask；
The shape of mask can be the geometry of mask, i.e., the shape of the mask presented by the compound page, such as rectangle, pros
The geometries such as shape, circle, the shape of mask may be irregular shape, such as cloud shape, pentalpha shape；Mask
Position coordinates can be the position coordinates of determination, example by coordinate origin of some point in the application page in target application
Such as, the position coordinates of mask can be using the upper left corner of application page as coordinate origin, be to the right X positive axis, be downwards Y just half
The position coordinates that axis determines；The color type of mask can be made of for the color category that mask includes, i.e. mask which color,
Such as red, blue, grey etc.；The color-ratio of mask can be the ratio that certain color accounts in the overall color of mask
Example, such as red 10%, grey 20%, blue 30%, in the case where a kind of only color, defaulting the color-ratio is
100%；The color category that the color position of mask can include for certain part of mask, if the surface of mask is red, illiteracy
The underface of layer be grey, mask the left side be black, the right of mask is grey etc..
In one possible implementation, mask is gradual change mask.It may include gradual change mask that target, which draws instruction,
Parameter and the corresponding parameter value of parameter with gradual change mask, the parameter of gradual change mask include the size, gradually of gradual change mask
Become the shape of mask, the position coordinates of gradual change mask, the color type of gradual change mask, the color-ratio of gradual change mask, gradual change illiteracy
At least one of the color position of layer and the gradual change direction of gradual change mask.
Here, gradual change mask is the mask with regular color change, and gradual change direction is used to indicate the face of gradual change mask
The direction of color change.Here, the gradual change direction of gradual change mask can be linear diagonal (such as left to bottom right, upper right to lower-left, a left side
Arrive upper right, bottom right to upper left down), it is linear upwards, it is linear downwards, it is linear to the left, linearly to the right etc..As shown in c in Fig. 3, Fig. 3
It is the schematic diagram for three kinds of compound pages that inventive embodiments provide, the page 2 in the c of Fig. 3 is gradual change mask, and gradual change direction is line
Property is downward.
S103 draws instruction according to target and draws mask.
Here, according to target draw instruction draw mask be by using according to the parameter of mask and with the parameter of mask
Corresponding parameter value is matched the paintbrush that postpones and is drawn on painting canvas, obtains with the parameter of mask and corresponding with the parameter of mask
The identical mask of parameter value, to realize the drafting of mask.
In the specific implementation, can preparatory customized mask view, mask view, that is, target drafting instruction, by the mask
View is configured in the XML layout of Android project, and the corresponding application program of the XML layout is target application, and the mask is arranged
The ID of view simultaneously finds the corresponding mask view of the target application, due to the customized mask view rewritten inside side onDraw
Method, therefore can be by the attribute configuration inside mask view to paintbrush.Here, paintbrush is used to draw mask on painting canvas, thus
The mask drawn.
Specifically, the method by the attribute configuration inside mask view to paintbrush may include:
Firstly, determining the attribute inside mask view.Determine the parameter of mask and respectively corresponding with the parameter of mask
Parameter value, the color ratio of the color type of the shape of size, mask, the position coordinates of mask, mask including mask, mask
At least one of the color position of example and mask parameter and parameter value corresponding with the parameter.
Secondly, by the attribute configuration inside mask view to paintbrush.The size for the mask that will be determined, the position of mask are sat
At least one of the color position of mark, the color type of mask, the color-ratio of mask and mask parameter and with the ginseng
The corresponding parameter value of number is allocated to paintbrush, and the corresponding parameter of the shape of mask and parameter value are allocated to painting canvas.
For example, parameter and the parameter value corresponding with parameter of the mask in target drafting instruction are as follows: grey, transparency
When 30%, the parameter and parameter value corresponding with parameter are allocated to the mask drawn after paintbrush can be as in a in Fig. 3
The page 2 shown in；The parameter of mask in target drafting instruction and parameter value corresponding with parameter are as follows: white, transparency
When 20%, the parameter and parameter value corresponding with parameter are allocated to the mask drawn after paintbrush can be as in b in Fig. 3
The page 2 shown in.
In one possible implementation, the mask drawn is gradual change mask.
In the specific implementation, can customized gradual change mask view, gradual change mask view include in advance that target draws instruction,
Gradual change mask view is configured in the XML layout of Android project, the corresponding application program of the XML layout is target application,
The ID of gradual change mask view is set and finds the corresponding gradual change mask view of the target application, due to customized gradual change mask
View rewritten inside onDraw method, therefore can by the attribute configuration inside gradual change mask view to paintbrush.Here, paintbrush
For drawing mask on painting canvas, thus the gradual change mask drawn.
Specifically, may include: to the method for paintbrush by the attribute configuration inside gradual change mask view
Firstly, determining the attribute inside gradual change mask view.I.e. determine gradual change mask parameter and with gradual change mask
The corresponding parameter value of parameter, the shape of size, gradual change mask including gradual change mask, position coordinates of gradual change mask, gradually
Become at least one of the color position of the color type of mask, the color-ratio of gradual change mask and gradual change mask parameter and
Parameter value corresponding with the parameter.
Secondly, by the attribute configuration inside gradual change mask view to paintbrush.The size for the gradual change mask that will be determined, gradual change
The position coordinates of mask, the color type of gradual change mask, the color-ratio of gradual change mask, the color position of gradual change mask and gradually
Become at least one of the gradual change direction of mask parameter and parameter value corresponding with the parameter is allocated to paintbrush, by gradual change mask
The corresponding parameter of shape and parameter value be allocated to painting canvas.
For example, parameter and the parameter value corresponding with parameter of the gradual change mask in target drafting instruction are as follows: dark-grey display
Above, square, dark-grey transparency 10%, dark-grey position 2%；White displays are in lower section, white clear degree 30%, white position
Set 83%, gradual change direction: when linear downward, the gradual change mask drawn can be as shown in the page 2 in c in Fig. 3.
S104 will draw obtained mask and be shown on application page, to show composed page when showing application page
Face.
Here, will draw obtained mask and be shown on application page may include following two situation:
The mask completed can be shown on application page by the first situation.Here, the mask completed
It can will need to show mask in the target application for mask to display in the target application is all completed
The corresponding mask of each application page will draw obtained mask after completing again and show in application page.
Mask can be shown on application page while drawing mask and show mask by second situation.For example,
The application page for having 3 kinds of display masks is respectively application page 1, application page 2, application page 3, can draw application page
Mask is shown on application page 1 while 1 corresponding mask, it will while drawing 2 corresponding mask of application page
Mask is shown on application page 2, and mask is shown in application page 3 while drawing 3 corresponding mask of application page
On.
In the embodiment of the present invention, by the case where getting for compound page idsplay order in target application,
It determines that target draws instruction according to compound page idsplay order, instruction is drawn according to target and draws mask, and in application page
Show mask.By drawing instruction according to target and drawing mask in the case where getting the idsplay order for the compound page,
To realize display of the mask in application page, due to Loading Image so as to cause memory footprint when avoiding showing mask
Greatly, the purpose for saving resource occupation is realized.
In one possible implementation, it can also modify to mask, referring to fig. 4, Fig. 4 is the embodiment of the present invention
The flow diagram of another page display method of offer.As shown, this method comprises the following steps:
S201 obtains the first idsplay order for the first compound page in target application.
S202 determines that target draws instruction according to the first idsplay order, and target draws instruction for drawing mask.
S203 draws instruction according to target and draws mask.
S204 will draw obtained mask and be shown on the first application page, with aobvious when showing the first application page
Show the first compound page.
Here, the specific implementation of step S201~S204 can refer to step S101 in the corresponding embodiment of Fig. 1~
The description of S104, details are not described herein again.
S205, the modification obtained for mask instruct, and modification instruction is for modifying to mask.
In some possible situations, such as when updating the target application, it can modify to mask, get this
In the case where the update packet of target application, then the modification instruction for mask is got.Modify to mask may include with
Under several situations:
The first situation, need to position coordinates of the color-ratio of mask, the color type of mask or mask etc. with
The corresponding parameter value of the parameter of mask is modified.It in this case, may include the second ginseng for the modification instruction of mask
Numerical value then gets the modification instruction for mask when getting the second parameter value.
Here, the second parameter value is that target draws the corresponding parameter value of target component in instructing, and target component is mask
Any parameter, the second parameter value is determining parameter or numerical value.For example, the parameter of mask be " color-ratio of mask ",
Then the second parameter value can be " grey 10% ", and the parameter of mask is " color type of mask ", then the second parameter value can be
The parameter relevant to color such as " red ", " grey ".
Second situation, it may be necessary to increase the color type for perhaps reducing mask or mask is revised as gradual change and cover
Gradual change mask is revised as mask etc. by layer, can increase or reduce the parameter and ginseng corresponding with the parameter of mask of mask
Numerical value.It in this case, may include the second parameter and parameter corresponding with the second parameter for the modification instruction of mask
Value then gets the modification instruction for mask when getting the second parameter and parameter value corresponding with the second parameter.
Here, the second parameter is that target draws the target component in instructing, and target component can be any parameter of mask.
The second parameter value corresponding with the second parameter is determining parameter or numerical value.For example, the second parameter is the " color class of mask
Type ", then parameter value corresponding to the second parameter can be the parameter relevant with color type such as " red ", " grey "；Second ginseng
Number is " the gradual change direction of gradual change mask ", then parameter value corresponding with the second parameter can be " linear downward ", " linear upward "
Deng the parameter of the gradual change directional correlation with gradual change mask；Alternatively, the second parameter be " color-ratio of mask ", then with the second parameter
The numerical value that corresponding parameter value can determine for " red 10% ", " grey 20% " etc..
The third situation, modified mask is not then displayed in original application page, and is shown in target application
In another application page on when, then need the display page iden-tity to mask to modify.In this case, for illiteracy
The modification instruction of layer can also include that the second display page iden-tity then gets needle when getting the second display page iden-tity
Modification instruction to mask.
Here, original application page is the first application page, another application page in target application is answered for second
With the page, the first application page is two different pages in the same target application from the second application page.Second display
Page iden-tity is the display page iden-tity for the mask that target is drawn in instruction, and the second display page iden-tity is used to indicate modified
The display page iden-tity of mask.Show that page iden-tity can be used for the title abbreviation of the display page or size of the display page etc.
In uniquely indicating the display page.Display page iden-tity is used to indicate the page type of the application page of display mask, that is, refers to
Show that mask is shown in which type of application page.The type of application page can be the size of the application page.For example, aobvious
The display page for showing page iden-tity instruction is 10cm*20cm, then it represents that the page type for showing the application page of mask is " size
For the application page of 10cm*20cm ", display page iden-tity instruction the display page be 15cm*30cm, then it represents that show mask
The page type of application page is " application page having a size of 15cm*30cm ".
S206 draws instruction to target according to modification instruction and modifies.
Here, target is drawn instruction and modified according to modification instruction may include following several situations:
The first situation when modification instruction includes the second parameter value, is drawn instruction to target according to modification instruction and is repaired
Change and the first parameter value in target drafting instruction is specially revised as the second parameter value.
Here, the first parameter value is that target draws the corresponding parameter value of target component in instructing, and the first parameter value is mesh
Mark and draw the original parameter value in system instruction, that is, the parameter value before modifying.First parameter value and the second parameter value are for same ginseng
The different numerical value of several two.For example, parameter be " grey ", the first parameter value corresponding with the parameter be " 10% ", then with the ginseng
Corresponding second parameter value of number can be " 30% ".Alternatively, the first parameter value and the second parameter value be for it is same type of not
Same parameter value.Here, same type can be color type, color-ratio type etc..For example, the first parameter value can be
" black 20% ", the second parameter value can be " blue 30% ".
Second situation, when modification instruction includes the second parameter and parameter value corresponding with the second parameter, according to modification
It instructs and instruction is drawn to target modifies the first parameter and corresponding with the first parameter specially drawn target in instruction
Parameter value be revised as the second parameter and parameter value corresponding with the second parameter.
Here, the first parameter is that target draws the target component in instructing, and the first parameter is to modify in target drafting instruction
Preceding parameter.The quantity of the second parameter and the second parameter value in modification instruction can draw the first ginseng in instruction with target
Several and the first parameter value quantity is unequal, and the quantity of the second parameter and the second parameter value in modification instruction can be greater than
Target draws the quantity of the first parameter and the first parameter value in instruction, alternatively, the second parameter and the in modification instruction
The quantity of two parameter values can be less than the quantity of the first parameter and the first parameter value that target is drawn in instruction.
For example, it is respectively " red ", " blue " that the quantity of the second parameter in modification instruction, which may include 2, with second
Corresponding second parameter value of parameter can be " 10% ", " 40% ", and the quantity that target draws the first parameter in instruction can wrap
Including 4 is respectively " red ", " blue ", " green ", " yellow ", and the first parameter value corresponding with the first parameter can be
" 20% ", " 30% ", " 40% ", " 10% ".It includes 4 respectively " red that target before then modifying, which draws the parameter in instruction,
Color ", " blue ", " green ", " yellow ", with the target before modification draw the corresponding parameter value of parameter in instruction be " 20% ",
" 30% ", " 40% ", " 10% ", it include 2 is respectively " red ", " blues " that modified target, which draws the parameter in instruction,
Parameter value corresponding with the parameter in the drafting instruction of modified target is " 10% ", " 40% ".
The third situation when modification instruction includes the second display page iden-tity, is drawn target according to modification instruction and is instructed
The the first display page iden-tity specially drawn target in instruction of modifying is revised as the second display page iden-tity.
It is found that target draws the display page iden-tity in instruction including mask, the display page iden-tity of mask includes first
Show page iden-tity and the second display page iden-tity.For example, when the first display page iden-tity is used to indicate the display page of mask
The size in face is 10cm*20cm, and the size that the second display page iden-tity is used to indicate the display page of mask is 15cm*30cm
When.Mask before then indicating modification is shown in " application page having a size of 10cm*20cm ", and modified mask is shown in
In " application page having a size of 15cm*30cm ".
S207 obtains the second idsplay order for the second compound page in target application.
Here, the second idsplay order is for showing the second compound page.If not including the second display page in modification instruction
Face mark, i.e., when modified mask is shown in original application page (i.e. modify before the corresponding display page of mask and
When the corresponding display page of modified mask is the same application page), the second compound page and the first compound page are same
One compound page.
If including the second display page iden-tity in modification instruction, i.e., modified mask is not then displayed at original application
(the corresponding display page of the mask display page corresponding from modified mask before modification is different application when on the page
When the page), the second compound page is two different compound pages from the first compound page, and the second compound page is modified
The page of mask and the second application page composition.
S208 determines that target draws instruction according to the second idsplay order.
S209 draws instruction according to target and draws mask.
S210 will draw obtained mask and be shown on the second application page, with aobvious when showing the second application page
Show the second compound page.
Here, the specific implementation of step S208~S210 can refer to step S102 in the corresponding embodiment of Fig. 1~
The description of S104, details are not described herein again.
It is understood that drawing instruction here according to the target that the second idsplay order determines is that modified target is drawn
Instruction, drawing instruction to draw mask according to target is to draw instruction according to modified target to draw mask, the illiteracy drawn
Layer is modified mask, and the second compound page is the page that modified mask and the second application page form.
For example, the parameter of the mask before modification may include: grey, transparency 30%, in corresponding mask such as Fig. 3 in a
Shown in the page 2, then the first compound page is as shown in the page that the page 1 and the page 2 form in a in Fig. 3.Modification for mask refers to
Order includes: dark-grey to be shown in top, square, dark-grey transparency 10%, dark-grey position 2%；White displays are saturating in lower section, white
Lightness 30%, white positions 83%, gradual change direction: it is linear downwards, then according to using modified target to draw what instruction was drawn
Mask can be as shown in the page 2 in c in Fig. 3, then the second compound page such as the page 1 and the page 2 form in c in Fig. 3 page institute
Show.
In the embodiment of the present invention, mask is drawn by the method for then passing through drafting, so passing through modification when modifying mask
The corresponding parameter of mask can realize the modification to mask, be realized by way of replacing picture pair when eliminating modification mask
The modification of mask improves modification efficiency.
In one possible implementation, the application page in displaying target application, and shown obtained mask is drawn
After showing in the application page, user can also cancel display of the mask in application page.It is this hair referring to Fig. 5, Fig. 5
The flow diagram for another page display method that bright embodiment provides.As shown, this method comprises the following steps:
S301 obtains the idsplay order for the compound page in target application, and composed page face includes application page and illiteracy
Layer, mask be mask in application page and transparency be less than or equal to transparency threshold figure layer.
S302 determines that target draws instruction according to idsplay order, and target draws instruction for drawing mask.
S303 draws instruction according to target and draws mask.
S304 will draw obtained mask and be shown on application page, to show composed page when showing application page
Face.
Here, the specific implementation of step S301~S304 can refer to step S101 in the corresponding embodiment of Fig. 1~
The description of S104, details are not described herein again.
S305 cancels the mask drawn and obtained in application page in the case where getting the out code for mask
On display.
Here, window can be closed to show on the current application page for the out code of mask, user passes through touching
The closing window is sent out to realize the closing of mask.When detecting that user clicks the closing window, then get for mask
Out code, to cancel display of the mask in application page, i.e. closing mask.For example, the closing window may include
The content of at least two options, two options can respectively " close " and " no longer showing ", as shown in fig. 6, Fig. 6 is hair
A kind of schematic diagram for out code for show mask on the compound page that bright embodiment provides, closing window 3 includes in Fig. 6
" closing " corresponding window and " no longer show " corresponding window, the page 1 is application page in figure, and the page 2 is mask in figure.
It all gets in the case where getting user and clicking any one in " closing " or " no longer showing " options for illiteracy
The out code of layer.
Here, out code may include following two situation:
The first situation: in the case where the options closed in window for detecting that user clicks is " closing ", then really
The fixed out code, which does not carry, to be freezed to indicate.
In this case, it when user triggers the idsplay order for the compound page in target application again, then obtains
The idsplay order for the compound page in target application is got, according to the idsplay order for the compound page in target application
It determines that target draws instruction, and instruction is drawn according to target and draws mask, the mask for showing application page and obtaining drafting
It is shown in application page.
Second situation: in the case where detecting the options closed in window that user clicks is " no longer showing ",
Then determine that out code carrying is freezed to indicate.
In this case, target is drawn instruction is become deactivating state from activated state, freezes to indicate to be used to indicate no longer aobvious
Show mask, the target in deactivation state draws instruction and is not used in drafting mask.Here, the target of activated state draws instruction for drawing
Mask processed, the target for deactivating state draw instruction and are not used in drafting mask.When user is triggered again for compound in target application
When the idsplay order of the page, the idsplay order for the compound page in target application is got, according in target application
The compound page idsplay order determine in deactivation state target draw instruction, due in deactivation state target draw instruction
It is not used in drafting mask, then does not draw instruction further according to target and draws mask, therefore only show application page.
In the embodiment of the present invention, by being drawn according to target in the case where getting the idsplay order for the compound page
Mask is drawn in system instruction, to realize display of the mask in application page, avoid when display mask due to Load Image to
Cause memory footprint big, realizes the purpose for saving resource occupation；Mask is drawn by the method for then passing through drafting, is being repaired
The modification to mask can be realized by the corresponding parameter of modification mask when changing mask, pass through replacement when eliminating modification mask
The mode of picture realizes the modification to mask, improves modification efficiency；According to the out code for user's triggering that judgement detects
In whether carry and freeze mark and determine whether that target is drawn to instruction to be become deactivating state, determining that target drafting instructs to go
When state living, closes the mask shown in application page and no longer show mask, Yong Huwu when user is again turned on target application
The time of user need to be saved, is improved after opening target application every time by manually selecting the mask closed on the display page
User experience.
The method of inventive embodiments is described above, the device of inventive embodiments is described below.
It is a kind of composed structure schematic diagram of page display device provided in an embodiment of the present invention, the dress referring to Fig. 7, Fig. 7
Setting 70 includes:
Idsplay order obtains module 701, described multiple for obtaining the idsplay order for the compound page being directed in target application
Hinge face includes application page and mask, the mask be mask in the application page and transparency be less than or equal to
The figure layer of transparency threshold；
Instruction determining module 702 is drawn, for determining that target draws instruction according to the idsplay order, the target is drawn
Instruction is for drawing the mask；
Mask drafting module 703 draws the mask for drawing instruction according to the target；
Mask display module 704 is shown in institute for when showing the application page, will draw the obtained mask
It states on application page, to show the compound page.
In a kind of possible design, the target draws the parameter that instruction includes mask and the parameter with the mask
Corresponding parameter value, the parameter of the mask include the position of the size of the mask, the shape of the mask, the mask
Set at least one in the color position of coordinate, the color type of the mask, the color-ratio of the mask and the mask
Kind；
The mask drafting module 703, is specifically used for:
The ginseng with the mask is drawn according to the parameter of mask and with the corresponding parameter value of the parameter of the mask
The mask that the corresponding parameter value of number matches.
In a kind of possible design, the mask is gradual change mask, and the mask is gradual change mask, the gradual change mask
For the mask with regular color change, the parameter of the mask further includes the gradual change direction of the gradual change mask, it is described gradually
It changes direction and is used to indicate the direction of the color change of the gradual change mask.
In a kind of possible design, described device 70 further include:
Parameter adapting module 705, for get for the mask modification instruction in the case where, by the target
The first parameter value drawn in instruction is revised as the second parameter value, and the modification instruction includes second parameter value, and described the
One parameter value and second parameter value are that the target draws the corresponding parameter value of target component in instructing, the target
Parameter is any parameter of the mask.
In a kind of possible design, described device 70 further include:
Cancel display module 706, for being drawn described in cancellation in the case where getting the out code for the mask
Display of the mask being made in the application page.
In a kind of possible design, the cancellation display module 706 is specifically used for: freezing if the out code carries
Instruction is tied, the target, which is drawn instruction, to be become deactivating state from activated state, described to freeze to indicate to be used to indicate described in no longer display
Mask, the target in deactivation state draw instruction and are not used in the drafting mask.
It should be noted that unmentioned content can be found in the description of embodiment of the method in the corresponding embodiment of Fig. 7, here
It repeats no more.
In the embodiment of the present invention, by being drawn according to target in the case where getting the idsplay order for the compound page
Mask is drawn in system instruction, to realize display of the mask in application page, avoid when display mask due to Load Image to
Cause memory footprint big, realizes the purpose for saving resource occupation；Mask is drawn by the method for then passing through drafting, is being repaired
The modification to mask can be realized by the corresponding parameter of modification mask when changing mask, pass through replacement when eliminating modification mask
The mode of picture realizes the modification to mask, improves modification efficiency；According to the out code for user's triggering that judgement detects
In whether carry and freeze mark and determine whether that target is drawn to instruction to be become deactivating state, determining that target drafting instructs to go
When state living, closes the mask shown in application page and no longer show mask, Yong Huwu when user is again turned on target application
The time of user need to be saved, is improved after opening target application every time by manually selecting the mask closed on the display page
User experience.
It is the composed structure schematic diagram of another page display device provided in an embodiment of the present invention referring to Fig. 8, Fig. 8, it should
Device 80 includes processor 801, memory 802 and input/output interface 803.Processor 801 is connected to memory 802 and defeated
Enter output interface 803, such as processor 801 can be connected to memory 802 and input/output interface 803 by bus.
Processor 801 is configured as that the page display device is supported to execute page display side described in Fig. 1, Fig. 4-Fig. 5
Corresponding function in method.The processor 801 can be central processing unit (central processing unit, CPU), network
Processor (network processor, NP), hardware chip or any combination thereof.Above-mentioned hardware chip can be dedicated collection
At circuit (application specific integrated circuit, ASIC), programmable logic device
(programmable logic device, PLD) or combinations thereof.Above-mentioned PLD can be Complex Programmable Logic Devices
(complex programmable logic device, CPLD), field programmable gate array (field-
Programmable gate array, FPGA), Universal Array Logic (generic array logic, GAL) or its any group
It closes.
802 memory of memory is for storing program code etc..Memory 802 may include volatile memory
(volatile memory, VM), such as random access memory (random access memory, RAM)；Memory 802
It may include nonvolatile memory (non-volatile memory, NVM), such as read-only memory (read-only
Memory, ROM), flash memory (flash memory), hard disk (hard disk drive, HDD) or solid state hard disk
(solid-state drive, SSD)；Memory 802 can also include the combination of the memory of mentioned kind.
The input/output interface 803 is for input or output data.
Processor 801 can call said program code to execute following operation:
The idsplay order for the compound page in target application is obtained, the composed page face includes application page and illiteracy
Layer, the mask be mask in the application page and transparency be less than or equal to transparency threshold figure layer；
Determine that target draws instruction according to the idsplay order, the target draws instruction for drawing the mask；
Instruction, which is drawn, according to the target draws the mask；
When showing the application page, the obtained mask will be drawn and be shown on the application page, with aobvious
Show the compound page.
It should be noted that realizing for each operation can also corresponding description to should refer to above method embodiment；Institute
Other operations executed in above method embodiment can also be cooperated with input/output interface 803 by stating processor 801.
The embodiment of the present invention also provides a kind of computer storage medium, and the computer storage medium is stored with computer journey
Sequence, the computer program include program instruction, and described program instruction executes the computer such as
Method described in previous embodiment, the computer can be a part of page display device mentioned above.On for example,
The processor 801 stated.
Those of ordinary skill in the art will appreciate that realizing all or part of the process in above-described embodiment method, being can be with
Relevant hardware is instructed to complete by computer program, the program can be stored in computer-readable storage medium
In, the program is when being executed, it may include such as the process of the embodiment of above-mentioned each method.Wherein, the storage medium can be magnetic
Dish, CD, ROM or RAM etc..
The above disclosure is only the preferred embodiments of the present invention, cannot limit the right model of the present invention with this certainly
It encloses, therefore equivalent changes made in accordance with the claims of the present invention, is still within the scope of the present invention.
Claims (10)
1. a kind of page display method characterized by comprising
The idsplay order for the compound page in target application is obtained, the composed page face includes application page and mask, institute
State mask be mask in the application page and transparency be less than or equal to transparency threshold figure layer；
Determine that target draws instruction according to the idsplay order, the target draws instruction for drawing the mask；
Instruction, which is drawn, according to the target draws the mask；
When showing the application page, the obtained mask will be drawn and be shown on the application page, to show
State the compound page.
2. the method according to claim 1, wherein the target draw instruction include mask parameter and with
The corresponding parameter value of the parameter of the mask, the parameter of the mask include the size of the mask, the shape of the mask
Shape, the position coordinates of the mask, the color type of the mask, the color-ratio of the mask and the mask color
At least one of position；
It is described that the instruction drafting mask is drawn according to the target, comprising:
It is drawn with the parameter of the mask respectively according to the corresponding parameter value of the parameter of the parameter of mask and the mask
The mask that corresponding parameter value matches.
3. according to the method described in claim 2, the gradual change mask is tool it is characterized in that, the mask is gradual change mask
The mask of regular color change, the parameter of the mask further include the gradual change direction of the gradual change mask, the gradual change side
To the direction for the color change for being used to indicate the gradual change mask.
4. according to the method in claim 2 or 3, which is characterized in that the method, further includes:
In the case where getting the modification instruction for the mask, the target is drawn into the first parameter value in instruction and is repaired
It is changed to the second parameter value, the modification instruction includes second parameter value, first parameter value and second parameter value
It is that the target draws the corresponding parameter value of target component in instructing, the target component is any ginseng of the mask
Number.
5. drafting is obtained the method according to claim 1, wherein described when showing the application page
The mask be shown on the application page, after showing the compound page, further includes:
In the case where getting the out code for the mask, cancels the obtained mask of drawing and answered described
With the display on the page.
6. according to the method described in claim 5, it is characterized in that, described cancel the obtained mask of drawing described
After display in application page, further includes:
If the out code carrying is freezed to indicate, the target, which is drawn instruction, to be become deactivating state, the jelly from activated state
Knot instruction, which is used to indicate, no longer shows the mask, and the target in deactivation state, which draws to instruct to be not used in, draws the mask.
7. a kind of page display device characterized by comprising
Idsplay order obtains module, for obtaining the idsplay order for the compound page being directed in target application, the compound page
Including application page and mask, the mask be mask in the application page and transparency be less than or equal to transparency
The figure layer of threshold value；
Instruction determining module is drawn, for determining that target draws instruction according to the idsplay order, the target is drawn instruction and used
In the drafting mask；
Mask drafting module draws the mask for drawing instruction according to the target；
Mask display module is shown in the application for when showing the application page, will draw the obtained mask
On the page, to show the compound page.
8. device according to claim 7, which is characterized in that the target draw the parameter that instruction includes mask and with
The corresponding parameter value of the parameter of the mask, the parameter of the mask include the size of the mask, the shape of the mask
Shape, the position coordinates of the mask, the color type of the mask, the color-ratio of the mask and the mask color
At least one of position；
The mask drafting module, is specifically used for:
It is drawn according to the parameter of mask and with the corresponding parameter value of the parameter of the mask each with the parameter of the mask
The mask that self-corresponding parameter value matches.
9. a kind of page display device, including processor, memory and input/output interface, the processor, memory and
Input/output interface is connected with each other, wherein the input/output interface is for receiving or sending data, and the memory is for depositing
Program code is stored up, the processor executes as the method according to claim 1 to 6 for calling said program code.
10. a kind of computer storage medium, which is characterized in that the computer storage medium is stored with computer program, described
Computer program includes program instruction, and described program instruction makes the processor execute such as claim when being executed by a processor
The described in any item methods of 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910255970.9A CN109976759B (en) | 2019-03-29 | 2019-03-29 | Page display method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910255970.9A CN109976759B (en) | 2019-03-29 | 2019-03-29 | Page display method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109976759A true CN109976759A (en) | 2019-07-05 |
| CN109976759B CN109976759B (en) | 2022-07-22 |
Family
ID=67082063
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910255970.9A Active CN109976759B (en) | 2019-03-29 | 2019-03-29 | Page display method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109976759B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111026304A (en) * | 2019-12-06 | 2020-04-17 | 维沃移动通信有限公司 | Application icon display method and electronic equipment |
| CN111241643A (en) * | 2020-02-11 | 2020-06-05 | 广东三维家信息科技有限公司 | Method and device for machining polygonal cabinet and electronic equipment |
| CN111651109A (en) * | 2020-05-11 | 2020-09-11 | 广州视源电子科技股份有限公司 | Display interface layout adjusting method and device, electronic equipment and storage medium |
| CN111736941A (en) * | 2020-07-27 | 2020-10-02 | 智者四海（北京）技术有限公司 | Picture processing method and device |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103679777A (en) * | 2012-09-07 | 2014-03-26 | 腾讯科技（深圳）有限公司 | Method and device for realizing page mask |
| CN103744868A (en) * | 2013-12-18 | 2014-04-23 | 天脉聚源(北京)传媒科技有限公司 | Display method, device and browser based on Web page |
| JP2014174717A (en) * | 2013-03-08 | 2014-09-22 | Sharp Corp | Information terminal device, image display method, and program |
-
2019
- 2019-03-29 CN CN201910255970.9A patent/CN109976759B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103679777A (en) * | 2012-09-07 | 2014-03-26 | 腾讯科技（深圳）有限公司 | Method and device for realizing page mask |
| JP2014174717A (en) * | 2013-03-08 | 2014-09-22 | Sharp Corp | Information terminal device, image display method, and program |
| CN103744868A (en) * | 2013-12-18 | 2014-04-23 | 天脉聚源(北京)传媒科技有限公司 | Display method, device and browser based on Web page |
Non-Patent Citations (1)
| Title |
|---|
| XUKEEEE: ""Android新手引导半透明蒙层效果实现"", 《CSDN 公开网址：HTTPS://BLOG.CSDN.NET/QQ_31743309/ARTICLE/DETAILS/77934273》 * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111026304A (en) * | 2019-12-06 | 2020-04-17 | 维沃移动通信有限公司 | Application icon display method and electronic equipment |
| CN111241643A (en) * | 2020-02-11 | 2020-06-05 | 广东三维家信息科技有限公司 | Method and device for machining polygonal cabinet and electronic equipment |
| CN111241643B (en) * | 2020-02-11 | 2023-05-09 | 广东三维家信息科技有限公司 | Processing method and device of polygonal cabinet body and electronic equipment |
| CN111651109A (en) * | 2020-05-11 | 2020-09-11 | 广州视源电子科技股份有限公司 | Display interface layout adjusting method and device, electronic equipment and storage medium |
| CN111736941A (en) * | 2020-07-27 | 2020-10-02 | 智者四海（北京）技术有限公司 | Picture processing method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109976759B (en) | 2022-07-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109976759A (en) | Page display method and device | |
| JP5008560B2 (en) | Display object transparency device | |
| US10627980B2 (en) | Organization mode support mechanisms | |
| CN104216752B (en) | A kind of information loading method and device based on window | |
| CN111338555B (en) | Method, device, equipment and storage medium for realizing input through virtual keyboard | |
| US9921714B1 (en) | Graphical method to select formats | |
| US8627217B2 (en) | Window display system, window display method, program development support device, and server device | |
| CN108064369B (en) | Interaction method and device of flexible display screen | |
| WO2020043064A1 (en) | Page switching method, apparatus, storage medium, and computer device | |
| CN104063125B (en) | A kind of desktop icon management method and device | |
| CN107766310B (en) | Grid cell editing method and device | |
| EP3096214A1 (en) | Terminal control method and terminal control device | |
| US9529696B2 (en) | Screen bounds for view debugging | |
| CN107357501B (en) | Desktop wallpaper updating method and device and terminal | |
| CN103914314A (en) | Method and device for adjusting brightness of display screen | |
| CN106033334B (en) | Method and device for drawing interface element | |
| US7701471B1 (en) | Methods and apparatus to display a viewing region | |
| CN107765943A (en) | A kind of method that double APP are realized in double-screen intelligent terminal and are run simultaneously | |
| CN104461354B (en) | A kind of terminal | |
| WO2010119611A1 (en) | Data processing device, and computer program and data processing method thereof | |
| CN112001995B (en) | Rendering apparatus, method, electronic device, and readable storage medium | |
| CN109032728B (en) | UI (user interface) display method, intelligent terminal and computer-readable storage medium | |
| CN112329385A (en) | Method, device and equipment for realizing multilayer character edge tracing effect and storage medium | |
| CN104731451A (en) | Information processing method and electronic device | |
| CN111752631A (en) | Parameter setting method and device of application program, electronic equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | 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 |