CN105094847B - The customized button control realization method and system of multi-layer image based on android system - Google Patents
The customized button control realization method and system of multi-layer image based on android system Download PDFInfo
- Publication number
- CN105094847B CN105094847B CN201510521126.8A CN201510521126A CN105094847B CN 105094847 B CN105094847 B CN 105094847B CN 201510521126 A CN201510521126 A CN 201510521126A CN 105094847 B CN105094847 B CN 105094847B
- Authority
- CN
- China
- Prior art keywords
- layer
- button control
- layers
- color
- background color
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
The present invention discloses the customized button control realization method and system of multi-layer image based on android system, wherein method includes step：A, from palette select button control background color；B, three layers of figure layer are made on background color；C, text box is made on the top layer of figure layer, for showing word；D, forbidden energy layer is made on text box, when button control is under disabled state, then forbidden energy layer, which is drawn, forbids effect, and when button control is under enabled state, then forbidden energy layer draws transparent effect.The present invention can provide user-defined button control is realized, custom effect is realized by figure layer and translucent superposition, to provide button control more easy to use to the user.
Description
Technical field
The present invention relates to UI to realize field more particularly to a kind of customized button control of multi-layer image based on android system
Realization method and system.
Background technology
The HMI of current vehicle-mounted multimedia navigation system display screen terminal, which is realized, mostly uses native system（wince/
Android）The different HMI of included control, typically 1 set of system intialization or 2 sets of styles, cannot achieve customized
The interfaces HMI, such as the style of button control are single, cannot freely convert.
Therefore, the existing technology needs to be improved and developed.
Invention content
In view of above-mentioned deficiencies of the prior art, the purpose of the present invention is to provide a kind of multi-layer images based on android system can
The button control realization method and system of customization, it is intended to solve that existing HMI interface buttons control style is single, cannot freely become
The problem of changing.
Technical scheme is as follows：
A kind of customized button control implementation method of multi-layer image based on android system, wherein including step：
A, from palette select button control background color；
B, three layers of figure layer are made on background color；
C, text box is made on the top layer of figure layer, for showing word；
D, forbidden energy layer is made on text box.
The customized button control implementation method of the multi-layer image based on android system, wherein if in button control
In pinning under state, then the bottom in three layers of figure layer is translucent shape, if being pinned under state in non-, in three layers of figure layer
Bottom is in opaque shape.
The customized button control implementation method of the multi-layer image based on android system, wherein in the step A,
When selecting background color from palette, current interface is divided into two display areas in left and right, in left side display area background color
Preview interface, on the right display area show the palette of multiple colors；When palette receives selection instruction, on the left side
Display area is updated to the preview interface of selected color.
A kind of customized button control realization system of multi-layer image based on android system, wherein including：
Selecting module, the background color for the select button control from palette；
Figure layer makes module, for making three layers of figure layer on background color；
Text box makes module, for making text box on the top layer of figure layer, for showing word；
Forbidden energy layer makes module, for making forbidden energy layer on text box.
The customized button control of the multi-layer image based on android system realizes system, wherein if in button control
In pinning under state, then the bottom in three layers of figure layer is translucent shape, if being pinned under state in non-, in three layers of figure layer
Bottom is in opaque shape.
The customized button control of the multi-layer image based on android system realizes system, wherein the selecting module
In, when selecting background color from palette, current interface is divided into two display areas in left and right, in left side display area background face
The preview interface of color, on the right display area show the palette of multiple colors；When palette receives selection instruction, on a left side
Side display area is updated to the preview interface of selected color.
Advantageous effect：The present invention can provide user-defined button control is realized, pass through figure layer and translucent superposition
Custom effect is realized, to provide button control more easy to use to the user.
Description of the drawings
Fig. 1 is a kind of customized button control implementation method preferred embodiment of multi-layer image based on android system of the present invention
Flow chart.
Fig. 2 is that a kind of customized button control of multi-layer image based on android system of the present invention realizes system preferred embodiment
Structure diagram.
Specific implementation mode
The present invention provides a kind of customized button control realization method and system of multi-layer image based on android system, to make
The purpose of the present invention, technical solution and effect are clearer, clear, and the present invention is described in more detail below.It should be appreciated that
The specific embodiments described herein are merely illustrative of the present invention, is not intended to limit the present invention.
Referring to Fig. 1, Fig. 1 is a kind of customized button control implementation method of multi-layer image based on android system of the present invention
The flow chart of preferred embodiment, as shown in the figure comprising step：
S1, from palette select button control background color；
S2, three layers of figure layer are made on background color；
S3, text box is made on the top layer of figure layer, for showing word；
S4, forbidden energy layer is made on text box.
In embodiments of the present invention, button control will be laminated at total display effect by color layers, figure layer, text box and forbidden energy
Fruit, since each layer can realize respectively different function, such as color layers can display background color, figure layer then can be with show layers
Content, text box can show word, and forbidden energy layer can then show transparent available or forbid effect, so increasing button control
Display content, increase personalized content, avoid the single display mode of legacy controls.
In the case where if button control is in and pins state, the bottom in three layers of figure layer is translucent shape, if being pinned in non-
Under state, then the bottom in three layers of figure layer is in opaque shape.By above-mentioned function, it can be achieved that pinning situation or non-pinning situation
Under different display effects, prompt whether the current operation of user has been pinned, avoid maloperation.
In addition, the content of three layers of figure layer self-defined can be arranged, the content of each figure layer is synthesized, button control is made
Content is more abundant.
The display content of text frame can be the title of button control, can also self-defined title, so as to user select
The content for meeting itself use habit embodies the personalized life style of user.Text frame can be arranged in button control
Lower part avoids the display for influencing figure layer.
The effect of the forbidden energy layer is changed with the enabled or disabled state of button control, when button control is in
Under disabled state, then makes button control be not responding to touch click event by the forbidden energy layer, be also not responding to pin and activate
Event；When button is under enabled state, then the forbidden energy layer is transparent effect, can respond and touch click event.
In the step S1, when selecting background color from palette, current interface is divided into two display areas in left and right,
The preview interface of left side display area background color, on the right display area show the palette of multiple colors；When palette connects
When receiving selection instruction, the preview interface of selected color is updated in left side display area.
When background color is adjusted, background color regulation button can be first clicked, the adjusting for sending background color refers to
It enables；When navigation terminal system receives the regulating command of background color, by display screen（Current interface）It is aobvious to be divided into left and right two
Show that region, two display areas respectively account for half, in the preview interface of left side display area display background, display area is aobvious on the right
Show the palette of multiple colors；The palette is selective including red, yellow, blue, green, purple, grey, orange etc. with 16 kinds of colors.Tool
Body, multiple color blocks are set on palette, each color block has different colors, due to there is 16 kinds of colors selective above,
So color block should mutually have 16, and size shape is identical, and proper alignment such as arranges in the way of 4 × 4（Up and down
It is spaced all same）.
When palette receives selection instruction, then being updated to BACKGROUNDA preview circle of selected color in left side display area
The selection for more meeting demand is made convenient for user to give user's preview the effect of the selected color as background color in face.
After choosing required background color, the confirmation instruction of lower section is clicked（In the color block chosen in a manner of " √ " table
Show）.Left side display area is that display interface is carried out diminution to show, when needing full screen display, can be clicked（Such as click）Background
The preview interface of color, in this way can preview normal use when effect, determine whether to select the background color convenient for user.Again
It clicks（Such as click）It then can return to original state（Left side display area）.
The format of left side display area can be that the position hit exactly above shows " preview region ", the position in lower section center
Display " point touches top picture can be with full-screen preview and determination ", in the preview interface of the position display background color at middle part.
Automatic adjustment pattern can be also arranged in the color layers, and under automatic adjustment pattern, color layers will automatically adjust.This from
Under dynamic shaping modes, it can be arranged and replace the color of color layers automatically every 1 period.The period of replacement can be temporally into
Row setting, such as every 1 day or every 1 week.Certainly, it can also be replaced, be obtained newest according to weather condition
Then weather condition selects color appropriate.
Based on the above method, the present invention also provides a kind of customized button controls of multi-layer image based on android system to realize
System preferred embodiment, as shown in Figure 2 comprising：
Selecting module 100, the background color for the select button control from palette；
Figure layer makes module 200, for making three layers of figure layer on background color；
Text box makes module 300, for making text box on the top layer of figure layer, for showing word；
Forbidden energy layer makes module 400, for making forbidden energy layer on text box.
Further, if in the case where button control is in and pins state, the bottom in three layers of figure layer is translucent shape, if being in
Non- to pin under state, then the bottom in three layers of figure layer is in opaque shape.
Further, in the selecting module 100, when selecting background color from palette, current interface is divided into left and right two
A display area, in the preview interface of left side display area background color, display area shows the toning of multiple colors on the right
Plate；When palette receives selection instruction, the preview interface of selected color is updated in left side display area.
It has been described in detail in the method for technical detail in front about above-mentioned modular unit, so it will not be repeated.
In conclusion the present invention can provide user-defined button control is realized, pass through figure layer and translucent superposition
Custom effect is realized, to provide button control more easy to use to the user.
It should be understood that the application of the present invention is not limited to the above for those of ordinary skills can
With improvement or transformation based on the above description, all these modifications and variations should all belong to the guarantor of appended claims of the present invention
Protect range.
Claims (4)
1. a kind of customized button control implementation method of multi-layer image based on android system, which is characterized in that including step：
A, from palette select button control background color；
B, three layers of figure layer are made on background color；
C, text box is made on the top layer of figure layer, for showing word；
D, forbidden energy layer is made on text box;
In the case where if button control is in and pins state, the bottom in three layers of figure layer is translucent shape, if pinning state in non-
Under, then the bottom in three layers of figure layer is in opaque shape;
The button control is laminated at total display effect by color layers, figure layer, text box and forbidden energy；
The color layers display background color, the content of the figure layer then show layers, the text box show word, the taboo
Ergosphere then shows transparent available or forbids effect；
Automatic adjustment pattern is arranged in the color layers, and under automatic adjustment pattern, color layers will automatically adjust.
2. the customized button control implementation method of multi-layer image based on android system according to claim 1, feature
It is, in the step A, when selecting background color from palette, current interface is divided into two display areas in left and right, on the left side
The preview interface of display area background color, on the right display area show the palette of multiple colors；When palette receives
When selection instruction, the preview interface of selected color is updated in left side display area.
3. a kind of customized button control of multi-layer image based on android system realizes system, which is characterized in that including：
Selecting module, the background color for the select button control from palette；
Figure layer makes module, for making three layers of figure layer on background color；
Text box makes module, for making text box on the top layer of figure layer, for showing word；
Forbidden energy layer makes module, for making forbidden energy layer on text box;
In the case where if button control is in and pins state, the bottom in three layers of figure layer is translucent shape, if pinning state in non-
Under, then the bottom in three layers of figure layer is in opaque shape；
The button control is laminated at total display effect by color layers, figure layer, text box and forbidden energy；
The color layers display background color, the content of the figure layer then show layers, the text box show word, the taboo
Ergosphere then shows transparent available or forbids effect；
Automatic adjustment pattern is arranged in the color layers, and under automatic adjustment pattern, color layers will automatically adjust.
4. the customized button control of multi-layer image based on android system according to claim 3 realizes system, feature
It is, in the selecting module, when selecting background color from palette, current interface is divided into two display areas in left and right,
The preview interface of left side display area background color, on the right display area show the palette of multiple colors；When palette connects
When receiving selection instruction, the preview interface of selected color is updated in left side display area.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510521126.8A CN105094847B (en) | 2015-08-24 | 2015-08-24 | The customized button control realization method and system of multi-layer image based on android system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510521126.8A CN105094847B (en) | 2015-08-24 | 2015-08-24 | The customized button control realization method and system of multi-layer image based on android system |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105094847A CN105094847A (en) | 2015-11-25 |
| CN105094847B true CN105094847B (en) | 2018-09-07 |
Family
ID=54575375
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510521126.8A Active CN105094847B (en) | 2015-08-24 | 2015-08-24 | The customized button control realization method and system of multi-layer image based on android system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105094847B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108647024A (en) * | 2018-04-16 | 2018-10-12 | 北京酷我科技有限公司 | A kind of implementation method of slide switch button |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102156999A (en) * | 2010-02-11 | 2011-08-17 | 腾讯科技（深圳）有限公司 | Generation method and device thereof for user interface |
| CN104216691A (en) * | 2013-05-31 | 2014-12-17 | 华为技术有限公司 | Application creating method and device |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20090074377A (en) * | 2008-01-02 | 2009-07-07 | 삼성전자주식회사 | Terminal and method for setting graphic user interface thereof |
-
2015
- 2015-08-24 CN CN201510521126.8A patent/CN105094847B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102156999A (en) * | 2010-02-11 | 2011-08-17 | 腾讯科技（深圳）有限公司 | Generation method and device thereof for user interface |
| CN104216691A (en) * | 2013-05-31 | 2014-12-17 | 华为技术有限公司 | Application creating method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105094847A (en) | 2015-11-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106292017B (en) | Deflection device, intelligent terminal setting method and intelligent terminal display method | |
| CN102156999B (en) | Generation method and device thereof for user interface | |
| CN105117225B (en) | A kind of customizing method and system at the interfaces HMI based on android system | |
| CN109104794B (en) | Vehicle atmosphere lamp control system and method | |
| CN103034029A (en) | Projector and control method for the projector | |
| CN104202877A (en) | Interactive interface design method based on LCD (liquid crystal display) touch screen illumination controller | |
| WO2015106651A1 (en) | Interface colour replacement system and implementation method therefor | |
| CN105270289A (en) | User interface and method for adjusting a setting of a means of transport by means of a display unit of a user interface | |
| CN106210847A (en) | System and method for display device configuration | |
| CN104007888A (en) | Interface display method and apparatus based on vehicle DVD (Digital Versatile Disc) navigating instrument | |
| CN102591586A (en) | Terminal video streaming processing method and terminal video streaming processing module | |
| CN103543995A (en) | Website skin change method and device | |
| CN104155804B (en) | A kind of display device based on space-time colour mixture technology | |
| CN105094847B (en) | The customized button control realization method and system of multi-layer image based on android system | |
| CN101483729A (en) | Method for fast setting video image parameters under different viewing modes in television set | |
| CN108985836A (en) | A kind of intelligent dressing method and system | |
| CN101202854B (en) | Method and device for controlling TV set menu interface | |
| CN110377377A (en) | Display methods and device, electronic equipment and storage medium | |
| CN106648305A (en) | Status bar processing method and device | |
| CN1321541C (en) | Color changeover method of mobile communication terminal | |
| CN207182878U (en) | A kind of display device | |
| CN108345488A (en) | The display methods and device at interface | |
| CN101539857A (en) | Display interface replacement system and method thereof | |
| CN103543978B (en) | Video scaling method and system | |
| CN207800444U (en) | A kind of keyboard can customize layout |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information |
Address after: 331100 hi tech Industrial Park, Yichun, Yichun, Jiangxi Province, No. 12 Applicant after: A good helper for the electronic technology limited company Address before: 331100 Fengcheng Industrial Park, Fengcheng City, Yichun, Jiangxi Applicant before: Jiangxi Good Helper Electronic Technology Co., Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP01 | Change in the name or title of a patent holder |
Address after: 331100 hi tech Industrial Park, Yichun, Yichun, Jiangxi Province, No. 12 Patentee after: Faurecia music electronics (Fengcheng) Co.,Ltd. Address before: 331100 hi tech Industrial Park, Yichun, Yichun, Jiangxi Province, No. 12 Patentee before: FAURECIA COAGENT ELECTRONIC TECHNOLOGY Co.,Ltd. |
|
| CP01 | Change in the name or title of a patent holder |