CN102508653B - Method of tensile control of user interface - Google Patents
Method of tensile control of user interface Download PDFInfo
- Publication number
- CN102508653B CN102508653B CN201110305017.4A CN201110305017A CN102508653B CN 102508653 B CN102508653 B CN 102508653B CN 201110305017 A CN201110305017 A CN 201110305017A CN 102508653 B CN102508653 B CN 102508653B
- Authority
- CN
- China
- Prior art keywords
- skin picture
- stretch zones
- parallel lines
- stretch
- stretching
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 21
- 230000000007 visual effect Effects 0.000 claims abstract description 27
- 239000003086 colorant Substances 0.000 claims description 4
- 238000012544 monitoring process Methods 0.000 abstract 1
- 230000000694 effects Effects 0.000 description 12
- 238000004590 computer program Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 5
- 230000006378 damage Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 230000029087 digestion Effects 0.000 description 2
- 230000033764 rhythmic process Effects 0.000 description 2
- 241001463139 Vitta Species 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
Images
Landscapes
- Processing Or Creating Images (AREA)
Abstract
The invention discloses a method of tensile control of a user interface. The method comprises the following steps: drawing a tensile region on a skin image through a visual identifier which is used for marking tensile positions; monitoring when the skin image has the tensile requirement, and identifying the visual identifier of the skin image so as to obtain the tensile region, wherein the tensile operation only aims at the skin image in the tensile region. According to the method provided by the invention, the visual identifier of the tensile control can be directly carried by images, so as to replace data files, thus the method is extremely convenient to use.
Description
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, completes the mutual of client software and user by user interface, 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 skin assembly in user interface and put the reasonable use of layout, also to carefully design stretching scheme simultaneously.First deviser, in the time of design skin, often can design the skin picture that is applicable to user interface; Write a data file for skin picture more afterwards, in this data file, can be recorded in the parameter that stretches and control on skin picture with the form of code or data form, such as; Stretch zones, stretch ratio.This data file is difficult to understand for domestic consumer, but computer program can identify, affiliated skin is loaded into user interface time, by computer program read data files know skin picture stretch time how to process.
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 carry out the own stretching control that designs skin 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, be domestic consumer or professional designer do not need professional technique just can stretch control design.
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 to be carried by picture for the visual mark 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 of stretching control of user interface, comprising: on skin picture by drawing described stretch zones for the visual mark that indicates stretch position; Monitor when described skin picture is existed to stretching demand, thereby the visual mark of identifying described skin picture obtains stretch zones, only stretches for the skin picture in described stretch zones.
Further, described visual mark, 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, are distinguished by different colors and/or transparency.
Further, thus the visual mark 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 longitudinal stretch zones.
Further, the step only stretching for the skin picture in described stretch zones, comprising: in the time there is multiple stretch zones, each stretch zones is arranged to weight; Monitor when described skin picture is existed to stretching demand, distribute corresponding stretch ratio to each stretch zones for weight, 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, distribute stretched dimension for multiple stretch zones equal proportions.
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 skin picture is divided into some regions number consecutively by described parallel lines, 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 the skin picture that is not comprised described parallel lines and shows.
Compared with existing scheme, the technique effect that the present invention obtains:
1) visual mark is directly carried by picture, with this alternate data file, be very easy to use, and visual mark is extremely strong as a kind of information readability, easily identifies for user, and for computer program, identification is also very easily.
2) 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 can easily understand the stretching of skin picture and arrange.
3) apply visual mark directly bright at the enterprising rower of skin picture, make to draw stretch zones and become simple, intuitive, 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 mark, ensures that skin picture can be not destroyed.
5) use multiple stretch zones, by its deformation effect producing that stretches, weight is set, the picture distortion that digestion stretching 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.
Brief description of the drawings
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 mark, with this alternate data file.
Described visual mark, 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, distinguish by different colors and/or transparency, preferably adopt the color and/or the transparency that on skin picture, there is no appearance, threshold value gets 0.Visual mark 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 is drawn stretch zones by the visual mark for indicating stretch position on skin picture;
In actual use, can be with color lump, vitta or with coloured line segment, mark the stretch zones on skin picture with strip, the line segment etc. of transparency; Indicating stretch position generally can realize by the border that indicates stretch zones.
Here it should be noted that, visual mark is the mark that uses 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 mark, 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 mark acquisition stretch zones of described skin picture, only stretches for the skin picture in described stretch zones;
1) thus the visual mark 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 longitudinal stretch zones;
2) only stretch for the skin picture in described stretch zones
Monitor when described skin picture is existed to horizontal stretching demand, carry out cross directional stretch for the skin picture in described horizontal stretch zones, 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 is existed to longitudinal stretching demand, carry out longitudinal stretching for the skin picture in described longitudinal stretch zones, the skin picture outside described longitudinal stretch zones 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 carry out longitudinal stretching according to aforesaid way, then carry out cross directional stretch; Also can first carry out cross directional stretch according to aforesaid way, then carry out longitudinal stretching.
For the middle stretched operation of step 200, also there is multiple strategy:
1) stretch by different level
In the time there is multiple stretch zones, each stretch zones is arranged to weight; Monitor when described skin picture is existed to stretching demand, distribute corresponding stretch ratio to each stretch zones for weight, 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 multiple stretch zones, by its deformation effect producing that stretches, weight is set, distortion still has certain influence to full figure, should lack stretching, therefore weight setting is lower as far as possible, and distortion is very little on the impact of full figure sheet, the Duola that should try one's best stretches, and therefore weight setting is higher; In this way, the picture distortion that digestion stretching brings by different level, promotes the display effect after stretching.
2) equal proportion stretches
Monitor when described skin picture is existed to stretching demand, distribute stretched dimension for multiple stretch zones equal proportions.
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 mark of avoiding drawn is revealed destruction skin picture in the time of normal demonstration; And also need while showing after skin picture being stretched in step 200 to consider to avoid drawn visual mark to be revealed destruction skin picture.
Can avoid in the following manner drawn visual mark to be revealed, as shown in Figure 2, comprise the following steps:
Step 301, described skin picture is divided into some regions number consecutively by described parallel lines, 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 the skin picture that is not comprised described parallel lines and shows.
For example, as shown in Figure 3, use two collateral line renderings to go out stretch zones at vertical and horizontal respectively to a skin picture, 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; In Fig. 3,2,5,8 is horizontal stretch zones, and 4,5,6 is longitudinal stretch zones;
In the time 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 not comprised the skin picture of described parallel lines and be shown, in the time that 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, amendment and environment, and can, in invention contemplated scope described herein, change by technology or the knowledge of above-mentioned instruction or association area.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 (6)
1. a method for the stretching control of user interface, is characterized in that, comprising:
On skin picture, by drawing described stretch zones for the visual mark that indicates stretch position, described visual mark comprises: along one or more pairs of parallel lines extending longitudinally of described skin picture and/or along one or more pairs of parallel lines of the horizontal expansion of described skin picture;
Monitor when described skin picture is existed to stretching demand, thereby the visual mark of identifying described skin picture obtains stretch zones, thereby the visual mark of wherein identifying described skin picture obtains the step of stretch zones, further comprise: 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 longitudinal stretch zones; And
Only stretch for the skin picture in described stretch zones.
2. the method for claim 1, 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, are distinguished by different colors and/or transparency.
3. the method for claim 1, is characterized in that, the step only stretching for the skin picture in described stretch zones, further comprises:
In the time there is multiple stretch zones, each stretch zones is arranged to weight;
Monitor when described skin picture is existed to stretching demand, distribute corresponding stretch ratio to each stretch zones for weight, the stretch zones that weight is higher, the stretch ratio of its distribution is larger.
4. 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, distribute stretched dimension for multiple stretch zones equal proportions.
5. 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.
6. the method for claim 1, is characterized in that, also comprises:
Described skin picture is divided into some regions number consecutively by described parallel lines, 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 the skin picture that is not comprised described parallel lines and shows.
Priority Applications (2)
| 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 |
| CN201110305017.4A CN102508653B (en) | 2011-09-29 | 2011-09-29 | Method of tensile control of user interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201110305017.4A CN102508653B (en) | 2011-09-29 | 2011-09-29 | Method of tensile control of user interface |
Related Child Applications (2)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410222626.7A Division CN103995702A (en) | 2011-09-29 | 2011-09-29 | User interface stretching control method |
| CN201410222535.3A Division CN103995701B (en) | 2011-09-29 | 2011-09-29 | A kind of method of the stretching control of user interface |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102508653A CN102508653A (en) | 2012-06-20 |
| CN102508653B true CN102508653B (en) | 2014-06-25 |
Family
ID=46220746
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201110305017.4A Active CN102508653B (en) | 2011-09-29 | 2011-09-29 | Method of tensile control of user interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102508653B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103236042A (en) * | 2013-04-27 | 2013-08-07 | 崔红保 | Self-adaptive picture processing method and device |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7042450B1 (en) * | 2003-02-28 | 2006-05-09 | Macromedia, Inc. | Interactive user interface guides |
| CN101149683A (en) * | 2007-11-08 | 2008-03-26 | 腾讯科技（深圳）有限公司 | Management system and method for display panel |
| CN101365077A (en) * | 2008-09-28 | 2009-02-11 | 深圳华为通信技术有限公司 | Image scaling method and device |
| CN101882300A (en) * | 2010-06-24 | 2010-11-10 | 深圳市万兴软件有限公司 | Method and device for stretching picture |
-
2011
- 2011-09-29 CN CN201110305017.4A patent/CN102508653B/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 |
| CN101149683A (en) * | 2007-11-08 | 2008-03-26 | 腾讯科技（深圳）有限公司 | Management system and method for display panel |
| CN101365077A (en) * | 2008-09-28 | 2009-02-11 | 深圳华为通信技术有限公司 | Image scaling method and device |
| CN101882300A (en) * | 2010-06-24 | 2010-11-10 | 深圳市万兴软件有限公司 | Method and device for stretching picture |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102508653A (en) | 2012-06-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN205281989U (en) | Display panel and display device | |
| CN104317474B (en) | Windows switching method and device | |
| CN103870148B (en) | Mobile terminal and method for displaying interface thereof | |
| CN104571842B (en) | Information processing method and electronic equipment | |
| CN107168513A (en) | Information processing method and electronic equipment | |
| CN105808134B (en) | Device, the method and apparatus of the expression of handwriting input are presented over the display | |
| CN103310736A (en) | Display method and device | |
| CN103455740B (en) | A kind of cipher processing method, device and terminal | |
| WO2018176653A1 (en) | Electronic book page display method and device and terminal device | |
| TWI597708B (en) | Electronic display | |
| CN102750089A (en) | Method for displaying user interface along edges around screen | |
| CN107886840B (en) | Special-shaped display panel, manufacturing method and device thereof and display device | |
| CN105022580A (en) | Image display system | |
| 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 | |
| CN102446097B (en) | Method for changing user interface skins | |
| CN102508653B (en) | Method of tensile control of user interface | |
| TW202209087A (en) | Method, system and non-transitory computer readable storage medium for generating description codes of user interface | |
| CN111752504B (en) | Multi-screen display method and system for electronic equipment, electronic equipment and computer readable medium | |
| Lin et al. | ShiftMask: Dynamic OLED power shifting based on visual acuity for interactive mobile applications | |
| CN102360293B (en) | Method for replacing skins of user interface | |
| CN102436374B (en) | Method capable of customizing skin of user interface | |
| CN107016976A (en) | Display control method and device and display screen system | |
| WO2019063495A2 (en) | Method, device and computer program for overlaying a graphical image | |
| CN103995702A (en) | User interface stretching control method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CP01 | Change in the name or title of a patent holder |
Address after: 100016 East unit, 4th floor, Zhaowei building, 14 Jiuxianqiao Road, Chaoyang District, Beijing Patentee after: Beijing Qizhi Business Consulting Co.,Ltd. Address before: 100016 East unit, 4th floor, Zhaowei building, 14 Jiuxianqiao Road, Chaoyang District, Beijing Patentee before: Qizhi software (Beijing) Co.,Ltd. |
|
| CP01 | Change in the name or title of a patent holder | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220127 Address after: Room 801, 8th floor, No. 104, 1st to 19th floors, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100020 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100016 East unit, 4th floor, Zhaowei building, 14 Jiuxianqiao Road, Chaoyang District, Beijing Patentee before: Beijing Qizhi Business Consulting Co.,Ltd. |
|
| TR01 | Transfer of patent right |