CN103995701B - A kind of method of the stretching control of user interface - Google Patents
A kind of method of the stretching control of user interface Download PDFInfo
- Publication number
- CN103995701B CN103995701B CN201410222535.3A CN201410222535A CN103995701B CN 103995701 B CN103995701 B CN 103995701B CN 201410222535 A CN201410222535 A CN 201410222535A CN 103995701 B CN103995701 B CN 103995701B
- Authority
- CN
- China
- Prior art keywords
- skin picture
- stretching
- parallel lines
- skin
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 17
- 230000000007 visual effect Effects 0.000 claims abstract description 24
- 238000012544 monitoring process Methods 0.000 claims description 4
- 230000000694 effects Effects 0.000 description 12
- 238000013461 design Methods 0.000 description 10
- 238000004590 computer program Methods 0.000 description 6
- 230000006378 damage Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 230000033764 rhythmic process Effects 0.000 description 2
- 238000012800 visualization Methods 0.000 description 2
- 241001463139 Vitta Species 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000007717 exclusion Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
Landscapes
- Image Processing (AREA)
- Processing Or Creating Images (AREA)
Abstract
The invention discloses a kind of method of the stretching control of user interface, including:The stretch zones are drawn by the visual representation for indicating stretch position on skin picture;Monitor when stretching demand be present to the skin picture, identify that the visual representation of the skin picture so as to obtain stretch zones, is stretched only for the skin picture in the stretch zones.The present invention is directly carried in the visual representation of stretching control by picture, with this alternate data file, is very easy to use.
Description
Present patent application is the applying date for September in 2011 29 days, Application No. 201110305017.4, entitled
The divisional application of the Chinese invention patent application of " a kind of method of the stretching control of user interface ".
Technical field
The invention belongs to computer realm, specifically, is related to a kind of method of the stretching control of user interface.
Background technology
Nowadays, various client softwares are installed on the subscriber terminal, every kind of client software has respective
User interface, interacting for client software and user is completed by user interface, it may be said that user interface is exactly client software
Door.
Software vendors generally all can be user-interface design skin, and the design of skin is also simultaneous while considering attractive in appearance
Care for skin component in user interface and put the reasonable employment of layout, while also carefully to design stretching scheme.Designer is designing
During skin, the skin picture of suitable user interface can be often designed first;Write a data for skin picture again afterwards
File, the parameter that control is stretched on skin picture can be recorded in this data file in 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
It can identify, when affiliated skin is loaded into user interface, data file be read by computer program and knows that skin picture is being drawn
How to be handled when stretching.
It can be seen that being programmed in skin design for data file is absolute core operation, but its complexity for writing
Degree is well imagined, and the data write are very cumbersome, causes mistake easily occur, is brought for skin design very big
Difficulty.
Consider from another point of view, if the user desired that controlled by customized mode come the stretching of oneself design skin,
Data file writes this excessively professional operation, causes User Defined pattern can not substantially realize.
Therefore need to provide a kind of mode, the stretching control design case of skin can be made become simple efficient, especially make data
This professional operation of writing of file becomes relatively friendly, directly perceived, and for anyone, either domestic consumer is still professional
Designer does not need professional technique to can be carried out the design that stretching controls.
The content of the invention
In view of this, the technical problems to be solved by the invention there is provided a kind of side of the stretching control of user interface
Method so that the visual representation for stretching control is directly carried by picture, with this alternate data file, is very easy to make
With.
In order to solve the above-mentioned technical problem, the invention discloses a kind of method of the stretching control of user interface, including:
The stretch zones are drawn by the visual representation for indicating stretch position on skin picture;Monitor to the skin figure
When piece has stretching demand, the visual representation of the skin picture is identified so as to obtain stretch zones, only in described
Skin picture in stretch zones is stretched.
Further, the visual representation, including:Along the background picture Longitudinal extending it is one or more pairs of parallel
Line and/or the one or more pairs of parallel lines extended laterally along the background picture.
Further, the parallel lines using shared area on the skin picture be less than a threshold value color and/or
Transparency is indicated, is distinguished using different color and/or transparency between each pair parallel lines.
Further, the step of visual representation of the skin picture is so as to obtain stretch zones is identified, including:Identification
Along the parallel lines of the Longitudinal extending of the skin picture, the part folded between each pair parallel lines is horizontal stretch zones;With/
Or, the parallel lines that extend laterally of the identification along the skin picture, the part folded between each pair parallel lines for longitudinal direction stretching
Region.
Further, the step of being stretched only for the skin picture in the stretch zones, including:Work as presence
During multiple stretch zones, weight is set to each stretch zones;Monitor when stretching demand be present to the skin picture, for power
Corresponding stretch ratio is distributed to each stretch zones, the higher stretch zones of weight, the stretch ratio that it is distributed is bigger again.
Further, the step of being stretched only for the skin picture in the stretch zones, including:Monitor
When stretching demand be present to the skin picture, for multiple stretch zones proportional allocations stretched dimensions.
Further, the step of being stretched only for the skin picture in the stretch zones, including:In institute
State the skin picture outside stretch zones and keep constant.
Further, in addition to:The skin picture is divided into some regions and number consecutively by the parallel lines, described
Region does not include the parallel lines in itself;Order according to the numbering is direct by the border of the skin picture in corresponding region
Splicing, reconfigure to obtain the skin picture not comprising the parallel lines and display.
Compared with currently existing scheme, the technique effect of the invention obtained:
1) visual representation is directly carried by picture, with this alternate data file, is very easy to use, and is visualized
Mark is extremely strong as a kind of information readability, for the easy identification of user, is also very convenient for computer program identification.
2) operation that mark is drawn is relative in itself writes that data file is more simple, and display effect is more directly perceived, Yong Huke
Easily to understand the stretching of skin picture arrangement.
3) it is directly bright in the enterprising rower of skin picture using visual representation so that drawing stretch zones becomes simple straight
See, therefore be easy to Specialty Design, be advantageous to the self-definition design of domestic consumer.
4) the display mode visual representation of the skin picture combined by subregion will not be shown, ensure skin
Skin picture will not be destroyed.
5) multiple stretch zones are used, the deformation effect as caused by its stretching sets weight, digests tension belt by different level
The picture deformation come, the display effect after lifting stretching.
6) rhythm for deforming skin picture is consistent, such picture overall deformation uniform in effect, the aesthetic feeling of artwork after stretching
Destruction it is relatively small.
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
Embodiments of the present invention are described in detail below in conjunction with schema and embodiment, and thereby how the present invention is applied
Technological means can fully understand and implement according to this to solve technical problem and reach the implementation process of technical effect.
The core idea of the present invention is:Visual representation is carried using skin picture, with this alternate data file.
The visual representation, including:One or more pairs of parallel lines and/or edge along the Longitudinal extending of the background picture
The one or more pairs of parallel lines extended laterally of the background picture;The parallel lines use shared face on the skin picture
The color for being less than a threshold value and/or transparency are accumulated to indicate, uses different color and/or transparency between each pair parallel lines
Difference, it is preferred to use do not have the color and/or transparency that occur on skin picture, i.e. threshold value takes 0.Visual representation letter more directly perceived
It is single, all it is readable for computer program and domestic consumer.
The overall plan of the present invention is illustrated with an embodiment below.As shown in figure 1, perform following operation:
Step 100, stretch zones are drawn by the visual representation for indicating stretch position on skin picture;
In actual use, color lump, vitta can be used or with coloured line segment, the strip with transparency, line
Section etc. marks the stretch zones on skin picture;Sign stretch position typically can be by indicating the border of stretch zones come real
It is existing.
Explanation is needed exist for, visual representation is the mark being labeled using visualization means.1) in extreme feelings
Under condition, can the unreadable and computer program of naked eyes it is readable (with the naked eye unrecognizable aberration either transparency difference mark or
Visually unrecognizable size marks), but specific use is generally used as, but mark and draw this operation relative volume in itself
It is unusual simple, intuitive to write data file;2) but in general it is all readable for naked eyes and computer program, so not only marks
Note draws this operation, and relative data file of writing is unusual simple, intuitive in itself, just more directly perceived, user in display effect
Reflection of the assembly layout on skin can easily be understood.
Step 200, monitor when stretching demand be present to the skin picture, identify the visualization mark of the skin picture
Know so as to obtain stretch zones, stretched only for the skin picture in the stretch zones;
1) visual representation of the skin picture is identified so as to obtain stretch zones
Because stretch zones are usually that respectively at mark, can specifically be realized in the following way by horizontal and vertical:Identification
Along the parallel lines of the Longitudinal extending of the skin picture, the part folded between each pair parallel lines is horizontal stretch zones;With/
Or, the parallel lines that extend laterally of the identification along the skin picture, the part folded between each pair parallel lines for longitudinal direction stretching
Region;
2) stretched only for the skin picture in the stretch zones
When monitoring the stretching demand that transverse direction be present to the skin picture, for the skin in the horizontal stretch zones
Skin picture carries out cross directional stretch, and the skin picture outside the horizontal stretch zones keeps constant, so as to complete the skin figure
The cross directional stretch of piece;
When monitoring the stretching demand that longitudinal direction be present to the skin picture, for the skin in longitudinal stretch zones
Skin picture carries out longitudinal stretching, and the skin picture outside longitudinal stretch zones keeps constant, so as to complete the skin figure
The longitudinal stretching of piece;
When monitoring to the skin picture while horizontal and vertical stretching demand be present, first it can enter according to aforesaid way
Row longitudinal stretching, then carry out cross directional stretch;Cross directional stretch first can also be carried out according to aforesaid way, then carry out longitudinal stretching.
For the middle stretched operation of step 200, a variety of strategies also be present:
1) stretch by different level
When multiple stretch zones be present, weight is set to each stretch zones;Monitor to have the skin picture and draw
When stretching demand, give the distribution of each stretch zones corresponding stretch ratio for weight, the higher stretch zones of weight, what it was distributed
Stretch ratio is bigger.
The meaning stretched by different level is --- for the picture that some colors are full, composition is full, in its picture
Hold not leaving and be easy to the region that stretching uses, such as color is single, deforms unconspicuous region after stretching;So in order to avoid
For the excessive picture deformation caused in stretch zones of certain block stretch zones stretch ratio seriously, uncoordinated, shadow is coordinated with periphery
Display effect is rung, then can use multiple stretch zones, the deformation effect as caused by its stretching sets weight, deforms to full figure
Still have what is necessarily influenceed, then should try one's best stretches less, therefore weight setting is relatively low, and deform influences very little to full figure piece, then should
It is as far as possible to stretch more, therefore weight setting is higher;In this way, the picture deformation of tension belt is digested by different level, and lifting is drawn
Display effect after stretching.
2) equal proportion stretches
Monitor when stretching demand be present to the skin picture, chi is stretched for multiple stretch zones proportional allocations
It is very little.
The meaning stretched by different level is --- the rhythm of deformation can be made consistent, such picture overall deformation effect is equal
Even, the destruction of the aesthetic feeling of artwork is relatively smaller after stretching.
In addition, after having drawn stretch zones to skin picture in step 100, skin picture needs to examine in normal display
Worry avoids drawn visual representation from being revealed destruction skin picture;And skin picture is drawn in step 200
It is also required to consider to avoid drawn visual representation from being revealed destruction skin picture when being shown after stretching.
Drawn visual representation can be avoided to be revealed in the following manner, as shown in Fig. 2 including following
Step:
Step 301, the skin picture is divided into some regions and number consecutively by the parallel lines, and the region is not wrapped
Include the parallel lines in itself;
Step 302, the order according to the numbering is by the border direct splicing of the skin picture in corresponding region, again
Combination obtains the skin picture not comprising the parallel lines and display.
For example, as shown in figure 3, drawing zone is gone out using two collateral line renderings in vertical and horizontal respectively to a skin picture
Domain, so described skin picture have just been divided into 9 pieces of regions by these parallel lines, and this 9 pieces of regions numbering 1-9 respectively can be needed
It should be noted that what these regions were finally read is skin picture in region, these regions do not include parallel lines in itself;
When showing the skin picture, the order according to the numbering is by the skin picture recombinant in corresponding region
Get up, these regions do not include the parallel lines, the border direct splicing of the skin picture in these regions, can thus obtain
To the skin picture not comprising the parallel lines and show, when these parallel lines are thinner, these parallel lines are omitted
The display effect of artwork can't be influenceed afterwards.
Some preferred embodiments of the present invention have shown and described in described above, but as previously described, it should be understood that the present invention
Be not limited to form disclosed herein, be not to be taken as the exclusion to other embodiment, and available for various other combinations,
Modification and environment, and above-mentioned teaching or the technology or knowledge of association area can be passed through in the scope of the invention is set forth herein
It is modified., then all should be in this hair and the change and change that those skilled in the art are carried out do not depart from the spirit and scope of the present invention
In the protection domain of bright appended claims.
Claims (5)
- A kind of 1. method of the stretching control of user interface, it is characterised in that including:The stretch zones are drawn by the visual representation for indicating stretch position on skin picture, wherein, it is described can Directly carried depending on changing mark by the skin picture;Monitor when stretching demand be present to the skin picture, identify the visual representation of the skin picture so as to be drawn Region is stretched, is stretched only for the skin picture in the stretch zones;Wherein, the visual representation includes:One or more pairs of parallel lines and/or edge along the Longitudinal extending of the skin picture The one or more pairs of parallel lines extended laterally of the skin picture, the parallel lines use shared face on the skin picture The color for being less than a threshold value and/or transparency are accumulated to indicate, uses different color and/or transparency between each pair parallel lines Difference;When not monitoring stretching demand to be present to the skin picture, and/or, after being stretched to the skin picture:The skin picture is divided into some regions and number consecutively by the parallel lines, and the region does not include the parallel lines Itself;The border direct splicing of skin picture in corresponding region is reconfigured and not wrapped by the order according to the numbering Skin picture and display containing the parallel lines.
- 2. the method as described in claim 1, it is characterised in that identify the visual representation of the skin picture so as to be drawn The step of stretching region, further comprise:The parallel lines along the Longitudinal extending of the skin picture are identified, the part folded between each pair parallel lines is horizontal stretching Region;And/orThe parallel lines extended laterally along the skin picture are identified, the part folded between each pair parallel lines is longitudinal stretching Region.
- 3. the method as described in claim 1, it is characterised in that carried out only for the skin picture in the stretch zones The step of stretching, further comprise:When multiple stretch zones be present, weight is set to each stretch zones;Monitor when stretching demand be present to the skin picture, corresponding draw ratio is distributed to each stretch zones for weight Example, the higher stretch zones of weight, the stretch ratio that it is distributed are bigger.
- 4. the method as described in claim 1, it is characterised in that carried out only for the skin picture in the stretch zones The step of stretching, further comprise:Monitor when stretching demand be present to the skin picture, for multiple stretch zones proportional allocations stretched dimensions.
- 5. the method as described in claim 1, it is characterised in that carried out only for the skin picture in the stretch zones The step of stretching, further comprise:Skin picture outside the stretch zones keeps constant.
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 CN103995701A (en) | 2014-08-20 |
CN103995701B true 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 |
---|
让QQ和MSN聊天更加隐蔽;Andywu;《电脑知识与技术》;20060930;第108-111页 * |
Also Published As
Publication number | Publication date |
---|---|
CN103995701A (en) | 2014-08-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104317474B (en) | Windows switching method and device | |
CN205281989U (en) | Display panel and display device | |
US10073580B2 (en) | Apparatus and method for positioning windows on a display | |
CN112262363A (en) | Laser arrangement design tool | |
US8572501B2 (en) | Rendering graphical objects based on context | |
CN105844681A (en) | Thermodynamic diagram drawing method and apparatus | |
CN104007950B (en) | Method of protecting eye for intelligent equipment | |
CN107168513A (en) | Information processing method and electronic equipment | |
CN106126139A (en) | Terminal display processing method and device and electronic equipment | |
CN103870148A (en) | Mobile terminal and method for displaying interface thereof | |
CN110502205A (en) | Picture showing edge processing method, device, electronic equipment and readable storage medium storing program for executing | |
CN206610047U (en) | Liquid crystal display panel and display device | |
CN102446097B (en) | Method for changing user interface skins | |
CN103995701B (en) | A kind of method of the stretching control of user interface | |
CN102058402B (en) | Blood pressure data display method | |
CN108509174A (en) | A kind of method and system based on across the screen full screen display webpage of IE kernels | |
Zheng et al. | Modeling and realization for visual simulation of circular knitting transfer-jacquard fabric | |
CN111242736B (en) | Product classification display method and product classification display device | |
CN102360293B (en) | Method for replacing skins of user interface | |
CN102508653B (en) | Method of tensile control of user interface | |
CN107479814A (en) | Control method and control device, mobile terminal and computer can storage mediums | |
CN102436374B (en) | Method capable of customizing skin of user interface | |
CN102043577A (en) | Human-machine interface method of sports apparatus and human-machine interface device | |
CN108881524A (en) | A kind of angle R pixel arrangement structure and display screen | |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
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. |
|
TR01 | Transfer of patent right |