CN103995701A - Method for controlling stretching of user interface - Google Patents
Method for controlling stretching of user interface Download PDFInfo
- Publication number
- CN103995701A CN103995701A CN201410222535.3A CN201410222535A CN103995701A CN 103995701 A CN103995701 A CN 103995701A CN 201410222535 A CN201410222535 A CN 201410222535A CN 103995701 A CN103995701 A CN 103995701A
- Authority
- CN
- China
- Prior art keywords
- skin picture
- stretch zones
- stretching
- parallel lines
- picture
- 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
Landscapes
- Image Processing (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention discloses a method for controlling stretching of a user interface. The method includes the steps of drawing a stretching region on a skin image through a visible mark for marking the stretching position, recognizing the visible mark of the image skin when monitoring that the skin image has a stretching requirement so as to obtain the stretching region, and stretching the portion, located in the stretching region, of the skin image. The visible mark used for stretching control is directly carried by the image and replaces a data file, and use is greatly facilitated.
Description
Patented claim of the present invention be that September 29, application number in 2011 are 201110305017.4 the applying date, name is called the dividing an application of Chinese invention patent application of " a kind of method that stretching of user interface is controlled ".
Technical field
The invention belongs to computer realm, specifically, relate to a kind of method of stretching control of user interface.
Background technology
Nowadays, various client softwares are installed on user terminal, every kind of client software has user interface separately, by user interface, completes the mutual of client software and user, can say that user interface is exactly the door of client software.
Software vendors can be all user-interface design skin conventionally, the design of skin consider attractive in appearance in, also to take into account the reasonable use that skin assembly in user interface is put layout, also to carefully design stretching scheme simultaneously.First deviser, when design skin, often can design the skin picture that is applicable to user interface; For skin picture, write a data file more afterwards, in this data file, can be recorded in the form of code or data form the parameter that stretches and control on skin picture, such as; Stretch zones, stretch ratio.This data file is difficult to understand for domestic consumer, but computer program can identify, in the time of affiliated skin being loaded into user interface, by computer program read data files, know how skin picture is processed when stretching.
Can see, being programmed in skin design of data file is absolute core operation, but its complexity of writing well imagine, and the data of writing are very loaded down with trivial details, cause easily occurring mistake, for skin design has been brought very large difficulty.
Consider from another point of view, if user wishes to come the own stretching that designs skin to control by self-defining mode, data file write this too professional operation, cause User Defined pattern substantially can not realize.
Therefore need to provide a kind of mode, can make the stretching control design of skin become simple efficient, especially make this specialty operation of writing of data file become relatively friendly, directly perceived, for anyone, it is the design that domestic consumer or professional designer do not need professional technique just can stretch and control.
Summary of the invention
In view of this, technical matters to be solved by this invention has been to provide a kind of method of stretching control of user interface, makes directly by picture, to be carried for the visual sign of controlling that stretches, and with this alternate data file, is very easy to use.
In order to solve the problems of the technologies described above, the invention discloses a kind of method that stretching of user interface is controlled, comprising: on skin picture by drawing described stretch zones for indicating the visual sign of stretch position; Monitor when described skin picture is existed to stretching demand, thereby the visual sign of identifying described skin picture obtains stretch zones, only for the skin picture in described stretch zones, stretches.
Further, described visual sign, comprising: along one or more pairs of parallel lines extending longitudinally of described background picture and/or along one or more pairs of parallel lines of the horizontal expansion of described background picture.
Further, described parallel lines are indicated by color and/or transparency that shared area on described skin picture is less than a threshold value, between every pair of parallel lines, by different colors and/or transparency, are distinguished.
Further, thus the visual sign of identifying described skin picture obtains the step of stretch zones, comprising: identification is along the parallel lines extending longitudinally of described skin picture, and the part folding between every pair of parallel lines is horizontal stretch zones; And/or identification is along the parallel lines of the horizontal expansion of described skin picture, the part folding between every pair of parallel lines is stretch zones longitudinally.
Further, the step only stretching for the skin picture in described stretch zones, comprising: when there is a plurality of stretch zones, each stretch zones is arranged to weight; Monitor when described skin picture is existed to stretching demand, for weight, distribute corresponding stretch ratio to each stretch zones, the stretch zones that weight is higher, the stretch ratio of its distribution is larger.
Further, the step only stretching for the skin picture in described stretch zones, comprising: monitor when described skin picture is existed to stretching demand, for a plurality of stretch zones equal proportions, distribute stretched dimension.
Further, the step only stretching for the skin picture in described stretch zones, comprising: the skin picture outside described stretch zones remains unchanged.
Further, also comprise: described parallel lines are divided into some regions number consecutively by described skin picture, described region does not comprise described parallel lines itself; The order of the described numbering of foundation, by the border direct splicing of the skin picture in corresponding region, reconfigures and obtains the skin picture that does not comprise described parallel lines and show.
Compare the technique effect that the present invention obtains 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, for user, easily identifies, and for computer program, identification is also very easily.
2) operation itself that mark is drawn writes that data file is more simple relatively, and display effect is more directly perceived, and user can easily understand the stretching of skin picture and arrange.
3) apply visual sign directly bright at the enterprising rower of skin picture, make to draw the stretch zones simple, intuitive that becomes, be therefore convenient to Specialty Design, be conducive to the self-definition design of domestic consumer.
4) display mode of the skin picture combining by subregion can not show visual sign, guarantees that skin picture can be not destroyed.
5) use a plurality of stretch zones, by its deformation effect producing that stretches, weight is set, the picture distortion that digestion stretches and brings by different level, promotes the display effect after stretching.
6) make the rhythm of skin picture distortion consistent, picture bulk deformation effect is even like this, and after stretching, the destruction of the aesthetic feeling of former figure is relatively little.
Accompanying drawing explanation
Fig. 1 is the method flow diagram of overall plan of the present invention;
Fig. 2 is the method flow diagram that the present invention shows skin picture;
Fig. 3 is the operation chart that the present invention shows skin picture.
Embodiment
Below will coordinate graphic and embodiment to describe embodiments of the present invention in detail, and by this present invention's implementation procedure how application technology means solve technical matters and reach technology effect can be fully understood and be implemented according to this.
Core idea of the present invention is: use skin picture to carry visual sign, with this alternate data file.
Described visual sign, comprising: along one or more pairs of parallel lines extending longitudinally of described background picture and/or along one or more pairs of parallel lines of the horizontal expansion of described background picture; Described parallel lines are indicated by color and/or transparency that shared area on described skin picture is less than a threshold value, between every pair of parallel lines, by different colors and/or transparency, distinguish, preferably adopt color and/or the transparency that there is no appearance on skin picture, threshold value gets 0.Visual sign is more directly perceived simple, is all readable for computer program and domestic consumer.
With an embodiment, overall plan of the present invention is described below.As shown in Figure 1, carry out operation as follows:
Step 100, on skin picture by drawing stretch zones for indicating the visual sign of stretch position;
In actual use, can be with color lump, vitta or with coloured line segment, with the strip of transparency, line segment etc., mark the stretch zones on skin picture; Indicating stretch position generally can realize by indicating the border of stretch zones.
Here it should be noted that, visual sign is the sign of using 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, or the unrecognizable size of naked eyes marks), but be generally as specific use, but mark is drawn this operation itself, relatively to write data file be unusual simple, intuitive; 2) still in general it is all readable for naked eyes and computer program, 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 can easily understand the reflection of assembly layout on skin.
Step 200, monitors when described skin picture is existed to stretching demand, thereby identifies the visual sign acquisition stretch zones of described skin picture, only for the skin picture in described stretch zones, stretches;
1) thus the visual sign of identifying described skin picture obtains stretch zones
Because stretch zones is generally by horizontal and vertical mark respectively place, specifically can realize in the following way: identification is along the parallel lines extending longitudinally of described skin picture, and the part folding between every pair of parallel lines is horizontal stretch zones; And/or identification is along the parallel lines of the horizontal expansion of described skin picture, the part folding between every pair of parallel lines is stretch zones longitudinally;
2) only for the skin picture in described stretch zones, stretch
Monitor when described skin picture is existed to horizontal stretching demand, for the skin picture in described horizontal stretch zones, carry out cross directional stretch, the skin picture outside described horizontal stretch zones remains unchanged, thereby completes the cross directional stretch of described skin picture;
Monitor when described skin picture existence is stretched to demand longitudinally, for the skin picture in described stretch zones longitudinally, carry out longitudinal stretching, the skin picture outside described stretch zones longitudinally remains unchanged, thereby completes the longitudinal stretching of described skin picture;
Monitor when described skin picture is existed to horizontal and vertical stretching demand simultaneously, can first according to aforesaid way, carry out longitudinal stretching, then carry out cross directional stretch; Also can first according to aforesaid way, carry out cross directional stretch, then carry out longitudinal stretching.
, also there is multiple strategy in the middle stretched operation for step 200:
1) stretch by different level
When there is a plurality of stretch zones, each stretch zones is arranged to weight; Monitor when described skin picture is existed to stretching demand, for weight, distribute corresponding stretch ratio to each stretch zones, the stretch zones that weight is higher, the stretch ratio of its distribution is larger.
The meaning of stretching is by different level---, composition full picture full for some colors, and its image content does not stay and is easy to the region that stretching is used, and for example color is single, the unconspicuous region of rear distortion stretches; Like this for fear of causing the picture distortion in stretch zones serious for certain piece stretch zones stretch ratio is excessive, coordinate inharmonious with periphery, affect display effect, can use a plurality of stretch zones, by its deformation effect producing that stretches, weight is set, distortion still has certain influence to full figure, should stretch less, so weight setting is lower, distortion is very little on the impact of full figure sheet as far as possible, the Duola that should try one's best stretches, so weight setting is higher; In this way, the picture distortion that digestion stretches and brings by different level, promotes the display effect after stretching.
2) equal proportion stretches
Monitor when described skin picture is existed to stretching demand, for a plurality of stretch zones equal proportions, distribute stretched dimension.
The meaning stretching is by different level---can make the rhythm of distortion consistent, picture bulk deformation effect is even like this, and after stretching, the destruction of the aesthetic feeling of former figure is relatively smaller.
In addition, in step 100, skin picture has been drawn after stretch zones, skin picture need to consider that the visual sign of avoiding drawn is revealed destruction skin picture when normal demonstration; And also need while showing after skin picture being stretched in step 200 to consider to avoid drawn visual sign to be revealed destruction skin picture.
Can avoid in the following manner drawn visual sign to be revealed, as shown in Figure 2, comprise the following steps:
Step 301, described parallel lines are divided into some regions number consecutively by described skin picture, and described region does not comprise described parallel lines itself;
Step 302, the order of the described numbering of foundation, by the border direct splicing of the skin picture in corresponding region, reconfigures and obtains the skin picture that does not comprise described parallel lines and show.
For example, as shown in Figure 3, to a skin picture, at vertical and horizontal, use two collateral line renderings to go out stretch zones respectively, described like this skin picture is just divided for 9 regions by these parallel lines, can number respectively 1-9 to these 9 regions, what it should be noted that these regions are finally read is the skin picture in region, and these regions do not comprise parallel lines itself;
When showing described skin picture, order according to described numbering is got up the skin picture recombinant in corresponding region, these regions do not comprise described parallel lines, the border direct splicing of the skin picture in these regions, so just can obtain the skin picture that does not comprise described parallel lines and show, when these parallel lines are thinner, after being omitted, these parallel lines can't affect the display effect of former figure.
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 disclosed form herein, should not regard the eliminating to other embodiment as, and can be used for various other combinations, modification and environment, and can, in invention contemplated scope described herein, by technology or the knowledge of above-mentioned instruction or association area, change.And the change that those skilled in the art carry out and variation do not depart from the spirit and scope of the present invention, all should be in the protection domain of claims of the present invention.
Claims (8)
1. the method that the stretching of user interface is controlled, is characterized in that, comprising:
On skin picture by drawing described stretch zones for indicating the visual sign of stretch position;
Monitor when described skin picture is existed to stretching demand, thereby the visual sign of identifying described skin picture obtains stretch zones, only for the skin picture in described stretch zones, stretches.
2. the method for claim 1, is characterized in that,
Described visual sign, comprising: along one or more pairs of parallel lines extending longitudinally of described background picture and/or along one or more pairs of parallel lines of the horizontal expansion of described background picture.
3. method as claimed in claim 2, is characterized in that,
Described parallel lines are indicated by color and/or transparency that shared area on described skin picture is less than a threshold value, between every pair of parallel lines, by different colors and/or transparency, are distinguished.
4. method as claimed in claim 2, is characterized in that, thereby identifies the step of the visual sign acquisition stretch zones of described skin picture, further comprises:
Identification is along the parallel lines extending longitudinally of described skin picture, and the part folding between every pair of parallel lines is horizontal stretch zones; And/or,
Identification is along the parallel lines of the horizontal expansion of described skin picture, and the part folding between every pair of parallel lines is stretch zones longitudinally.
5. the method for claim 1, is characterized in that, the step only stretching for the skin picture in described stretch zones, further comprises:
When there is a plurality of stretch zones, each stretch zones is arranged to weight;
Monitor when described skin picture is existed to stretching demand, for weight, distribute corresponding stretch ratio to each stretch zones, the stretch zones that weight is higher, the stretch ratio of its distribution is larger.
6. the method for claim 1, is characterized in that, the step only stretching for the skin picture in described stretch zones, further comprises:
Monitor when described skin picture is existed to stretching demand, for a plurality of stretch zones equal proportions, distribute stretched dimension.
7. the method for claim 1, is characterized in that, the step only stretching for the skin picture in described stretch zones, further comprises:
Skin picture outside described stretch zones remains unchanged.
8. the method for claim 1, is characterized in that, also comprises:
Described parallel lines are divided into some regions number consecutively by described skin picture, and described region does not comprise described parallel lines itself;
The order of the described numbering of foundation, by the border direct splicing of the skin picture in corresponding region, reconfigures and obtains the skin picture that does not comprise described parallel lines and show.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410222535.3A CN103995701B (en) | 2011-09-29 | 2011-09-29 | A kind of method of the stretching control of user interface |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110305017.4A CN102508653B (en) | 2011-09-29 | 2011-09-29 | Method of tensile control of user interface |
| CN201410222535.3A CN103995701B (en) | 2011-09-29 | 2011-09-29 | A kind of method of the stretching control of user interface |
Related Parent Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110305017.4A Division CN102508653B (en) | 2011-09-29 | 2011-09-29 | Method of tensile control of user interface |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103995701A true CN103995701A (en) | 2014-08-20 |
| CN103995701B CN103995701B (en) | 2018-03-27 |
Family
ID=51309879
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410222535.3A Active CN103995701B (en) | 2011-09-29 | 2011-09-29 | A kind of method of the stretching control of user interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103995701B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1719398A (en) * | 2004-07-08 | 2006-01-11 | 腾讯科技（深圳）有限公司 | Image partitioning display method and device |
| US7042450B1 (en) * | 2003-02-28 | 2006-05-09 | Macromedia, Inc. | Interactive user interface guides |
| CN101882300A (en) * | 2010-06-24 | 2010-11-10 | 深圳市万兴软件有限公司 | Method and device for stretching picture |
| CN102135876A (en) * | 2010-01-21 | 2011-07-27 | 腾讯科技（深圳）有限公司 | Method and system for generating irregular skin |
-
2011
- 2011-09-29 CN CN201410222535.3A patent/CN103995701B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7042450B1 (en) * | 2003-02-28 | 2006-05-09 | Macromedia, Inc. | Interactive user interface guides |
| CN1719398A (en) * | 2004-07-08 | 2006-01-11 | 腾讯科技（深圳）有限公司 | Image partitioning display method and device |
| CN102135876A (en) * | 2010-01-21 | 2011-07-27 | 腾讯科技（深圳）有限公司 | Method and system for generating irregular skin |
| CN101882300A (en) * | 2010-06-24 | 2010-11-10 | 深圳市万兴软件有限公司 | Method and device for stretching picture |
Non-Patent Citations (1)
| Title |
|---|
| ANDYWU: "让QQ和MSN聊天更加隐蔽", 《电脑知识与技术》 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103995701B (en) | 2018-03-27 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109085965B (en) | Take down notes generation method, electronic equipment and computer storage medium | |
| US9311000B2 (en) | Method for displaying keypad for smart devices | |
| US20120221973A1 (en) | Color labeling in a graphical user interface | |
| CN105808134B (en) | Device, the method and apparatus of the expression of handwriting input are presented over the display | |
| CN103870148B (en) | Mobile terminal and method for displaying interface thereof | |
| CN104571842B (en) | Information processing method and electronic equipment | |
| CN104714714A (en) | Mobile terminal desktop control method and device and mobile terminal | |
| US20210141999A1 (en) | Method for displaying handwritten note in electronic book, electronic device and computer storage medium | |
| WO2018176653A1 (en) | Electronic book page display method and device and terminal device | |
| CN103455740B (en) | A kind of cipher processing method, device and terminal | |
| CN103310736A (en) | Display method and device | |
| US20210026508A1 (en) | Method, device and computer program for overlaying a graphical image | |
| CN110502205A (en) | Picture showing edge processing method, device, electronic equipment and readable storage medium storing program for executing | |
| EP3436932A1 (en) | Generation of a modified ui element tree | |
| CN106033334A (en) | An interface element drawing method and device | |
| CN103345365B (en) | The display packing of continuous handwriting input and the hand input device of employing the method | |
| CN102446097B (en) | Method for changing user interface skins | |
| CN201583942U (en) | Device for online writing EDID by USB | |
| CN102508653B (en) | Method of tensile control of user interface | |
| CN102360293B (en) | Method for replacing skins of user interface | |
| WO2019063495A2 (en) | Method, device and computer program for overlaying a graphical image | |
| CN107016976A (en) | Display control method and device and display screen system | |
| CN102436374B (en) | Method capable of customizing skin of user interface | |
| JP2008199366A (en) | Information processor, information processing method, program, and recording medium | |
| CN103543974A (en) | Method and system for improving font clarity |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220707 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |