Background technology
Nowadays, be provided with various client software on the subscriber terminal, often kind of client software has respective user interface, completes the mutual of client software and user, can say that user interface is exactly the door of client software by user interface.
Software vendors can be all user-interface design skin usually, and the design of skin, while consideration is attractive in appearance, also will takes into account skin assembly in user interface and put the reasonable employment of layout.First deviser, when designing skin, often can design the skin picture of applicable user interface; A data file is write again afterwards for skin picture, can be recorded in the parameter of position coordinates that on skin picture, all skin assemblies are put and size, shape in this data file with the form of code or data form, this data file and skin picture can be thought and constitute the most basic skin.This data file is difficult to understand for domestic consumer, but computer program can identify, when affiliated skin will be loaded into user interface, the skin assembly layout situation on skin picture is known by computer program read data files, then put on skin picture, finally just define user interface.
Can see, being programmed in skin design of data file is absolute core operation, but its complexity of writing is well imagined, and the data of writing are very loaded down with trivial details, cause easily occurring mistake, for skin design brings very large difficulty.Therefore need to provide a kind of mode, skin design can be made to become simple, especially make this professional operation of writing of data file become relatively friendly, directly perceived.
In addition, because use different skin pictures to realize for being much all the identical assembly layout of employing in skin, and this class skin often belongs to a skin, need to recommend user extraordinary user can be brought to experience if can make in advance to have more to skin subparagraph.Therefore also need to provide a kind of mode, the assembly layout of standardized user interface can be provided to user, and provide the skin of multiple standards quickly and efficiently according to assembly layout, give user and more select.
Summary of the invention
In view of this, technical matters to be solved by this invention there is provided a kind of method changing the skin of user interface, suitable assembly layout is made in advance in conjunction with visual representation, the skin picture selected according to user provides the preview of various applicable assembly layout, awards user's multiple choices and carries out changing skin.
In order to solve the problems of the technologies described above, the invention discloses a kind of method changing the skin of user interface, comprise: the corresponding relation setting up the assembly layout of skin picture and skin, the assembly layout of described skin adapts to corresponding skin picture, and the assembly layout of described skin is by drawing for the visual representation indicating skin module position; According to the skin picture that user selectes, the assembly layout searching corresponding one or more adaptations recommends user; To the assembly layout identification of described one or more adaptation wherein for indicating the visual representation of skin module position, and accordingly each skin assembly is placed on the relevant position of assembly layout.
Further, described visual representation, comprising: on described skin picture, shared area is less than color and/or the transparency of a threshold value.
Further, a described width skin picture carries the visual representation for drawing a kind of assembly layout; According to each assembly layout in described multiple assembly layout, on the corresponding copy of described skin picture, draw the visual representation for indicating this assembly layout respectively.
Further, described visual representation is also for indicating shape and/or the size of skin assembly.
Further, the visual representation of described skin picture is covered after described skin assembly is placed on the relevant position of assembly layout.
Further, to the assembly layout identification of described one or more adaptation its for indicating the visual representation of skin module position, and accordingly each skin assembly is placed on the step of the relevant position of assembly layout, comprise: according to each assembly layout in the assembly layout of one or more skin, on described skin picture, drawing the visual representation for indicating skin module position respectively, identifying the visual representation of described skin picture and accordingly skin assembly be placed on the relevant position of described assembly layout thus generate preview and be presented to user for its selection.
Further, to the assembly layout identification of described one or more adaptation its for indicating the visual representation of skin module position, and accordingly each skin assembly is placed on the step of the relevant position of assembly layout, comprise: the assembly layout chosen according to user in the assembly layout of one or more skin, described skin picture being drawn the visual representation for indicating skin module position, identifying the visual representation of described skin picture and skin assembly be placed on the relevant position of described assembly layout accordingly thus described skin picture is loaded into user interface.
Further, the assembly layout of the skin drawn out by described visual representation uses layout templates as carrier, the layout framework picture that described layout templates is background transparent, described assembly layout uses visual representation to mark.
Further, to the assembly layout identification of described one or more adaptation its for indicating the visual representation of skin module position, and accordingly each skin assembly is placed on the step of the relevant position of assembly layout, comprise: according to each assembly layout in the assembly layout of one or more skin, identifying the visual representation for indicating skin module position of its layout templates respectively, accordingly skin assembly being placed on the relevant position of described assembly layout and merging with described skin picture and generate preview and be presented to user for it and select.
Further, to the assembly layout identification of described one or more adaptation its for indicating the visual representation of skin module position, and accordingly each skin assembly is placed on the step of the relevant position of assembly layout, comprise: the assembly layout chosen according to user in the assembly layout of one or more skin, identifying the visual representation for indicating skin module position of its layout templates, accordingly skin assembly being placed on the relevant position of described assembly layout and merging with described skin picture thus described skin picture is loaded into user interface.
Further, it is characterized in that, identifying the visual representation for indicating skin module position, accordingly skin assembly being placed on the step of the relevant position of described assembly layout, comprising: described visual representation uses different colors and/or different transparencies to distinguish different skin assemblies; Read the position that the color of described visual representation and/or transparency obtain the skin assembly drawn, select corresponding skin assembly to be placed on the position of described skin assembly according to described color and/or transparency, and the shape of described skin assembly and its position and/or size are adapted to.
Compared with existing scheme, the technique effect that the present invention obtains:
1) make suitable assembly layout in advance in conjunction with visual representation, the skin picture selected according to user provides the preview of various applicable assembly layout, awards user's multiple choices and carries out changing skin.
2) visual representation is directly carried by picture, with this alternate data file, be very easy to use, and visual representation is extremely strong as a kind of information readability, easily identifies for user, is also very easily for computer program identification.
3) it is more simple that data file is write in the operation itself that mark is drawn relatively, and display effect is more directly perceived, and user easily can understand the reflection of assembly layout on skin.
4) apply visual representation directly bright at the enterprising rower of picture, make to draw assembly layout and become simple, intuitive, be therefore convenient to Specialty Design, be conducive to the self-definition design of domestic consumer.
5) so emulation picture or skin assembly can cover the visual representation of described skin picture after placing, ensure that skin picture can not be destroyed.
6) standardization processing can be carried out by very visual in image means to assembly layout by the mode of visual representation generation layout templates, use standardized template to come to generate skin to skin picture and be very easy to operation, and implement simple and effective.
Embodiment
Graphic and embodiment below will be coordinated to describe embodiments of the present invention in detail, by this to the present invention how application technology means solve technical matters and the implementation procedure reaching technology effect can fully understand and implement according to this.
Core idea of the present invention is: use skin picture to carry visual representation, with this alternate data file; And collect skin picture and assembly layout beyond the clouds, then recommend applicable assembly layout according to selected skin picture to the user interface of this locality.
Described visual representation, comprising: on described skin picture, shared area is less than color and/or the transparency of a threshold value, and preferably adopt color skin picture not having appearance and/or transparency, namely threshold value gets 0.Visual representation is more directly perceived simple, is all readable for computer program and domestic consumer.
Specifically, skin picture is drawn the assembly layout of skin by the visual representation for identifying skin module position according to user's instruction; Identify the visual representation of described skin picture, and each skin assembly is placed on the relevant position of described assembly layout according to described visual representation.Described assembly layout, comprising: the putting position of each skin assembly and the shape of each skin assembly and/or size in described user interface.Described skin assembly, comprising: menu bar, toolbar, address field, tool box, status bar, scroll bar, tag bits, single choice/check box, list box and/or button etc.
With an embodiment, overall plan of the present invention is described below.As shown in Figure 1, operation is as follows performed:
Step 100, sets up the corresponding relation of the assembly layout of skin picture and skin, and the assembly layout of described skin adapts to corresponding skin picture, and the assembly layout of described skin is by drawing for the visual representation indicating skin module position; Described visual representation is also for indicating shape and/or the size of each skin assembly;
This step generally occurs in high in the clouds, collects all skin pictures and assembly layout by high in the clouds, and sets up this corresponding relation of maintenance, and by high in the clouds by drawing the assembly layout of described skin for the visual representation indicating skin module position;
The meaning that the assembly layout of described skin adapts to corresponding skin picture is, a lot of skin picture there is picture design very attractive in appearance, so assembly layout should avoid the position destroying these pictures as far as possible, skin picture such as, be decorated with a figure image, that assembly layout should try not to take figural position, otherwise can destroy the overall aesthetic of skin picture; Therefore, the Composition Design of the skin picture that assembly layout should be adaptive corresponding;
In general described assembly layout, mainly comprises: the position of each skin assembly and the shape of each skin assembly and/or size; I.e. three kinds of situations: the 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;
Described visual representation, comprising: on described skin picture, area occupied is less than color and/or the transparency of a threshold value; In actual use, color lump, vitta or with coloured line segment, the position marking each skin assembly with the frame block, strip, line segment etc. of transparency, shape, size can be used;
Here it should be noted that, visual representation uses visual means to carry out the mark marked.1) in extreme circumstances, can naked eyes not readable and computer program is readable (with the naked eye unrecognizable aberration or transparency difference mark, or the unrecognizable size of naked eyes marks), but be generally be used as specific use, but mark draws this operation itself, and relatively to write data file be unusual simple, intuitive; 2) but in general it for naked eyes and computer program all readable, so not only mark is drawn this operation itself relatively to write data file is unusual simple, intuitive, just more directly perceived in display effect, user easily can understand the reflection of assembly layout on skin.
Step 200, according to the skin picture that user selectes, the assembly layout searching corresponding one or more adaptations recommends user;
The preview of various skin picture is recommended to local user in high in the clouds, and user selectes one of them skin picture, searches corresponding one or more assembly layout users recommend in conjunction with skin picture and the corresponding relation of the assembly layout of skin; The process of searching can be completed by high in the clouds, also by high in the clouds, corresponding relation can be issued to this locality, be completed by this locality; In step 100 and 200, skin picture is exactly original picture, not containing visual representation.
Step 300, to the assembly layout identification of described one or more adaptation wherein for indicating the visual representation of skin module position, and is placed on the relevant position of assembly layout accordingly by each skin assembly; Described visual representation is covered after described skin assembly is placed on the relevant position of assembly layout;
This step comprises successively two-step pretreatment: step 1, preview is provided---to each assembly layout in the assembly layout of described one or more adaptation, on described skin picture, drawing the visual representation for indicating skin module position respectively, identifying the visual representation of described skin picture and accordingly skin assembly be placed on the relevant position of described assembly layout thus generate preview and be presented to user for its selection; Step 2, load skin---to the assembly layout that user in the assembly layout of described one or more adaptation chooses, described skin picture being drawn the visual representation for indicating skin module position, identifying the visual representation of described skin picture and skin assembly be placed on the relevant position of described assembly layout accordingly thus described skin picture is loaded into user interface;
A described width skin picture carries the visual representation for drawing a kind of assembly layout, according to each assembly layout in described multiple assembly layout, draws the visual representation for indicating this assembly layout respectively on the corresponding copy of described skin picture;
In this step, the appearance of skin picture after drawing is exactly the picture marking module position size shape with color, transparency, and whole picture looks like the picture being turned on 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 of the adaptation of skin assembly; These visual representation are directly carried by picture, intuitive and convenient, and visual representation is extremely strong as a kind of information readability, easily identifies for user, is also very easily for computer program identification.
In practical operation, the assembly layout of the skin drawn out by described visual representation can use layout templates as carrier, the layout framework picture that described layout templates is background transparent, assembly layout visual representation marks, described visual representation is also for indicating shape and/or the size of each skin assembly.The mode being generated layout templates by visual representation can carry out standardization processing by very visual in image means to assembly layout, uses standardized template to come to generate skin to skin picture and is very easy to operation, and implement simple and effective.
Such as step 300 comprises successively two-step pretreatment---and preview is provided and loads change of skin and be:
1) preview is provided
To each assembly layout in the assembly layout of described one or more adaptation, identifying the visual representation for indicating skin module position of its layout templates respectively, accordingly skin assembly being placed on the relevant position of described assembly layout and merging with described skin picture and generate preview and be presented to user for it and select.
2) skin is loaded
To the assembly layout that user in the assembly layout of described one or more adaptation chooses, identifying the visual representation for indicating skin module position of its layout templates, accordingly skin assembly being placed on the relevant position of described assembly layout and merging with described skin picture thus described skin picture is loaded into user interface.
Below with an embodiment, the operation " identifying that each skin assembly is also placed on the relevant position of assembly layout by described visual representation accordingly " in above-mentioned steps 300 is described again.As shown in Figure 2, operation is as follows performed:
Step 301, reads the position that the color of described visual representation and/or transparency obtain the skin assembly drawn;
Preserve described color and/or transparency in advance, computer program read described color and/or transparency just can think encountered skin assembly put setting.
Step 302, searches corresponding skin assembly according to described color and/or transparency;
Different skin assemblies uses different colors and/or different transparencies to distinguish; Preserve the corresponding relation of different colors and/or different transparencies and skin assembly in computer program, search skin assembly according to this corresponding relation;
Certainly, when initial use visual representation carries out drafting skin assembly layout, the skin assembly layout that user also will place according to anticipation use corresponding color and/or transparency to draw.
Step 303, is placed on the skin assembly found on the position of described skin assembly, and the shape of described skin assembly and its position and/or size are adapted to;
Described like this skin assembly just in time just covers described visual representation after placing, and ensures the complete, not destroyed of skin picture.
Above-mentioned explanation illustrate and describes 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 disclosed by this paper, should not regard the eliminating to other embodiments as, and can be used for other combinations various, amendment and environment, and can in invention contemplated scope described herein, changed by the technology of above-mentioned instruction or association area or knowledge.And the change that those skilled in the art carry out and change do not depart from the spirit and scope of the present invention, then all should in the protection domain of claims of the present invention.