Summary of the invention
In view of this; Technical matters to be solved by this invention has provided a kind of method of the skin that Customizes User Interface; Visual sign is directly carried by picture, with this alternate data file, is very easy to use; And that data file is write in the operation itself that mark is drawn relatively is more simple, and display effect is more directly perceived.
In order to solve the problems of the technologies described above, the invention discloses a kind of method of the skin that Customizes User Interface, comprising: the assembly layout of on skin picture, drawing skin through the visual sign that is used to identify the skin module position according to user indication; Discern the visual sign of said skin picture, and each skin assembly is placed on the relevant position of said assembly layout according to said visual sign.
Further, said visual sign comprises: shared area is less than the color and/or the transparency of a threshold value on the said skin picture; Said visual sign uses various colors and/or different transparencies to distinguish different skin assemblies.
Further; Discern the visual sign of said skin picture; And according to said visual sign each skin assembly is placed on the step of the relevant position of said assembly layout; Comprise: discern the visual sign of said skin picture, thereby and according to said visual sign the relevant position that the emulation picture of each skin assembly is placed on said assembly layout is generated a design sketch, the user interface behind said design sketch the has been used for simulation loading said skin.
Further, the emulation picture of said skin assembly is placed the visual sign that the back covers said skin picture.
Further, said visual sign uses various colors and/or different transparencies to distinguish the emulation picture of different skin assemblies; Read the color of said visual sign and/or the position that transparency is obtained a skin assembly of being drawn; Select the emulation picture of corresponding skin assembly to be placed on the position of said skin assembly according to said color and/or transparency, and the emulation picture of said skin assembly and the shape and/or the size of its position are adapted to.
Further; Discern the visual sign of said skin picture; And according to said visual sign each skin assembly is placed on the step of the relevant position of said assembly layout; Comprise: discern the visual sign of said skin picture, thereby and according to said visual sign the relevant position that each skin assembly is placed on said assembly layout is generated user interface, said user interface is for loading the user interface behind the said skin picture.
Further, said skin assembly is placed the visual sign that the back covers said skin picture.
Further, said visual sign uses various colors and/or different transparencies to distinguish different skin assemblies; Read the color of said visual sign and/or the position that transparency is obtained a skin assembly of being drawn; Select corresponding skin assembly to be placed on the position of said skin assembly according to said color and/or transparency, and the shape of said skin assembly and its position and/or size are adapted to.
Further, said assembly layout comprises: the shape and/or the size of the putting position of each skin assembly and each skin assembly on the said user interface.
Further, said skin picture is the picture of a background transparent.
Further; The step of on skin picture, drawing the assembly layout of skin through the visual sign that is used to identify the skin module position according to user indication; Comprise: the assembly layout of on the picture of said background transparent, drawing skin through said visual sign; Thereby obtain a layout templates, said layout templates is the layout framework picture that background transparent, assembly layout mark with visual sign.
Further; Discern the visual sign of said skin picture; And according to said visual sign each skin assembly is placed on the step of the relevant position of said assembly layout; Comprise: according to the visual sign on the said layout framework picture each skin assembly is placed on the relevant position of said assembly layout, skin is loaded into user interface thereby load the adaptive skin picture that has the picture design.
Compare the technique effect that the present invention obtained with existing scheme:
1) visual sign is directly carried by picture, with this alternate data file, be very easy to use, and visual sign is extremely strong as a kind of information readability, and for user easier identification, identification also is very easily for computer program.
2) to write data file relatively more simple in the mark operation of drawing itself, and display effect is more directly perceived, and the user can easily understand the reflection of assembly layout on skin.
3) application visualizes sign is directly bright at the enterprising rower of picture, makes the render component layout simple, intuitive that becomes, and therefore is convenient to Specialty Design, helps the self-definition design of domestic consumer.
4) so can cover the visual sign of said skin picture after emulation picture or skin assembly are placed, guarantee that skin picture can not be destroyed.
5) can carry out standardization processing to assembly layout through very visual in image means through the mode of visual sign generation layout templates, use standardized template to come that skin picture is generated skin and be very easy to operation, and implement simple and effective.
Embodiment
Below will cooperate graphic and embodiment specifies embodiment of the present invention, by this to the present invention how the application technology means implementation procedure that solves technical matters and reach technological effect can make much of and implement according to this.
Core idea of the present invention is: use skin picture to carry visual sign, with this alternate data file.
Said visual sign comprises: shared area preferably adopts the color and/or the transparency that do not have appearance on the skin picture less than the color and/or the transparency of a threshold value on the said skin picture, and promptly threshold value gets 0.Visual sign is more directly perceived simple, all is readable for computer program and domestic consumer.
Specifically, on skin picture, draw the assembly layout of skin through the visual sign that is used to identify the skin module position according to user indication; Discern the visual sign of said skin picture, and each skin assembly is placed on the relevant position of said assembly layout according to said visual sign.Said assembly layout comprises: the shape and/or the size of the putting position of each skin assembly and each skin assembly on the said user interface.Said skin assembly comprises: menu bar, toolbar, address field, tool box, status bar, scroll bar, tag bits, Dan Xuan/check box, list box and/or button etc.
Below with an embodiment overall plan of the present invention is described.As shown in Figure 1, carry out operation as follows:
Step 10 is drawn the assembly layout of skin through the visual sign that is used to identify the skin module position according to user indication on skin picture; Said visual sign also is used to indicate the shape and/or the size of each skin assembly;
In general said assembly layout mainly comprises: the shape and/or the size of the position of each skin assembly and each skin assembly; I.e. three kinds of situation: 1) position of each skin assembly, shape and size; 2) position of each skin assembly and shape; 3) position of each skin assembly and size;
Said visual sign comprises: area occupied is less than the color and/or the transparency of a threshold value on the said skin picture; In actual use, can use color lump, vitta or have the line segment of color, frame piece, strip, the line segment that has a transparency waits position, shape, the size that marks each skin assembly;
Here need to prove the sign that visual sign is to use visual means to mark.1) under extreme case; Can naked eyes not readable and computer program is readable (with the naked eye unrecognizable aberration or transparency difference sign; Perhaps the unrecognizable size of naked eyes marks); But generally be as specific use, to write data file relatively be unusual simple, intuitive but mark is drawn this operation itself; But in general 2) it is all readable for naked eyes and computer program; So not only mark is drawn this operation itself to write data file relatively is unusual simple, intuitive; Just more directly perceived on the display effect, the user can easily understand the reflection of assembly layout on skin.
The user can refer to domestic consumer, also can be the professional designer, and because application visualizes sign is directly bright at the enterprising rower of picture, makes the render component layout simple, intuitive that becomes, and therefore is convenient to Specialty Design, helps the self-definition design of domestic consumer.
Step 20 is discerned the visual sign of said skin picture, and each skin assembly is placed on the relevant position of said assembly layout according to said visual sign;
The appearance of skin picture is exactly to have the picture that color, transparency mark the module position size shape, and whole picture looks like the picture of beating a lot " patch "; These " patches " are exactly the position of skin assembly, and the size and dimension of " patch " is exactly shape and the size that the skin assembly adapts to;
These visual signs are directly carried by picture, intuitive and convenient, and visual sign is extremely strong as a kind of information readability, for user easier identification, identification also is very easily for computer program.
Below with an embodiment another kind of application of overall plan of the present invention described again.Original skin picture can be the picture with picture design, also can be the picture of background transparent.
When skin picture was the picture of background transparent, just becoming said layout templates through visual sign drafting back skin picture in the step 10 was the layout framework picture that background transparent, assembly layout mark with visual sign; Layout framework picture looks like the transparent picture of beating a lot " patch "; These " patches " are exactly the position of skin assembly, and the size and dimension of " patch " is exactly shape and the size that the skin assembly adapts to.
Visual sign in the step 20 on the said layout framework picture of foundation is placed on each skin assembly the relevant position of said assembly layout; Just can take out the shelf of user interface, and then will be arbitrarily and the adaptive original untreated skin picture of layout framework picture be loaded in this shelf of putting up and just can skin be loaded into user interface.
The meaning of the adaptive skin picture of said layout framework picture is; Picture design very attractive in appearance is all arranged on a lot of skin pictures; So assembly layout should be avoided the position of destroying these pictures as far as possible; For example be decorated with a figure image on the skin picture, that assembly layout should try not to take figural position, otherwise can destroy the overall aesthetic of skin picture; Therefore, the assembly layout that marks on the layout framework picture should adaptive correspondence the Composition Design of skin picture.
The mode that generates layout templates through above-mentioned visual sign can be carried out standardization processing to assembly layout through very visual in image means, uses standardized template to come that skin picture is generated skin and is very easy to operation, and implement simple and effective.
Step 20 can comprise the operation of following two aspects specifically:
1) preview design sketch
Discern the visual sign of said skin picture; And according to said visual sign thereby the relevant position that the emulation picture of each skin assembly is placed on said assembly layout is generated a design sketch, the user interface behind said design sketch the has been used for simulation loading said skin;
The emulation picture of skin assembly is the picture that the appearance of simulated skin assembly is created, and these pictures are placed into the position of the establishment that visual sign marks, and simulates the design sketch that loads the user interface behind the said skin, lets the user browse intuitively;
Because the size shape of the skin assembly that visual sign is drawn and the emulation picture of said skin assembly adapt,, guarantee that skin picture can not be destroyed so the emulation picture is placed the visual sign that the back covers said skin picture.
2) directly load skin to user interface
After receiving the affirmation of user to design sketch; Discern the visual sign of said skin picture; And according to said visual sign thereby the relevant position that each skin assembly is placed on said assembly layout is generated user interface, said user interface is for loading the user interface behind the said skin picture;
Because size shape of skin assembly that visual sign is drawn and adapting of said skin assembly so the skin assembly is placed the visual sign that the back covers said skin picture, guarantee that skin picture can not be destroyed.
More than need to prove, more than the processing of two aspects can all carry out, Mr. becomes design sketch to supply user's preview, confirms loading skin to user interface according to the user then.Certainly, also can not generate design sketch, directly load skin to user interface.In addition, also can generate the design sketch preview, but finally not load skin to user interface.
Below with an embodiment above-mentioned " each skin assembly being placed on the relevant position of said assembly layout according to said visual sign " described again.As shown in Figure 2, carry out operation as follows:
Step 400 reads the color of said visual sign and/or the position that transparency is obtained a skin assembly of being drawn;
Preserve said color and/or transparency in advance, computer program reads said color and/or transparency just can think the setting of putting of having run into the skin assembly.
Step 401 is searched corresponding skin assembly according to said color and/or transparency;
Different skin assemblies uses various colors and/or different transparencies to distinguish; Preserve various colors and/or different transparency and the corresponding relation of skin assembly in the computer program, search the skin assembly according to this corresponding relation;
Certainly, when the visual sign of initial use was drawn the skin assembly layout, the user also will use corresponding color and/or transparency to draw according to the skin assembly layout that anticipation is placed.
Step 402 is placed on the skin assembly that finds on the position of said skin assembly, and the shape of said skin assembly and its position and/or size are adapted to;
Just in time just covered the visual sign of said skin picture after said like this skin assembly is placed, guarantee picture complete, be not destroyed.
Below with an embodiment above-mentioned " preview design sketch " described again, can be with reference to above-mentioned flow process, difference is: the emulation picture of different skin assemblies can use various colors and/or different transparencies to distinguish; Search placing objects and become the emulation picture, other operations are identical, repeat no more.
Above-mentioned explanation illustrates and has described some preferred embodiments of the present invention; But as previously mentioned; Be to be understood that the present invention is not limited to the form that this paper discloses, should do not regard eliminating as, and can be used for various other combinations, modification and environment other embodiment; And can in invention contemplated scope described herein, change through the technology or the knowledge of above-mentioned instruction or association area.And change that those skilled in the art carried out and variation do not break away from the spirit and scope of the present invention, then all should be in the protection domain of accompanying claims of the present invention.