Skin exchanging method for Web software UI (User Interface)

Abstract

The invention discloses a skin exchanging method for a Web software UI (User Interface). The method comprises the following steps of: 1) manufacturing a pattern UI and cutting a map; 2) setting the transparency of the map and storing as a PNG (Portable Network Graphic) format type picture; 3) adopting an HTML (Hypertext Markup Language) container label to apply the PNG format type picture on the UI; and 4) according to a color selected by a user, dynamically applying the color to a CSS (Cascading Style Sheet) file by the UI; and generating skins with different color tones by the UI. By using mixed color tones of a background picture and a label bottom color, the skin exchanging effect of the Web software UI is realized. According to the method, one label only needs one background picture and the skin exchanging effect is finally realized by realizing the mixing of the background picture and the label bottom color through utilizing the transparency; and the difficulty of Web software development and maintenance is reduced by using the method.

Description

technical field [0001] The invention belongs to a method for changing the skin of a UI interface, in particular to a method for changing the skin of a UI interface of Web software. Background technique [0002] With the development of personalized society and the continuous development of Web design technology, many Web-based software now support the skinning function, allowing users to customize the appearance of the software according to their actual needs. Existing design methods are generally implemented by dynamically changing the required CSS style files. The principle is as follows: [0003] When designing the web interface, first design the content and layout of the interface through HTML tags, and then realize the display effect and style of the interface through the design of CSS style files, including the height, width, font size and color of the tags, and background images Wait. Design a set of style sheets, namely CSS files, for each skin color style to be pro...

AI Technical Summary

Problems solved by technology

[0004] Although this method can achieve exquisite web interface skinning effects, it has the following obvious disadvantages in actual use: First, it is necessary to design corresponding CSS style files and background images for each skin color effect, and the design and development workload is relatively large , especially for complex web software; second, when changing the skin color, the browser needs to be refreshed again, and the corresponding CSS style file and background image are loaded, which is inefficient

Moreover, corresponding design is required to save the data status of the web interface at that time, which further increases the difficulty of design and development

Images