CN105094847A - Multi-graphic-layer customizable button control implementation method and system based on Android system - Google Patents
Multi-graphic-layer customizable button control implementation method and system based on Android system Download PDFInfo
- Publication number
- CN105094847A CN105094847A CN201510521126.8A CN201510521126A CN105094847A CN 105094847 A CN105094847 A CN 105094847A CN 201510521126 A CN201510521126 A CN 201510521126A CN 105094847 A CN105094847 A CN 105094847A
- Authority
- CN
- China
- Prior art keywords
- layer
- button control
- palette
- background color
- layers
- 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
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
The invention discloses a multi-graphic-layer customizable button control implementation method and system based on an Android system. The method comprises the steps that 1, a background color of a button control is selected from a color palette; 2, three graphic layers are made on the background color; 3, a textbox is made on the top layer of the graphic layers and used for displaying words; 4, a forbidden energy layer is made on the textbox, when the button control is in a forbidden energy state, the forbidden energy layer draws the forbidden effect, and when the button control is in an energy using state, the forbidden energy layer draws the transparent effect. According to the multi-graphic-layer customizable button control implementation method and system based on the Android system, a user self-defined button control can be provided, a self-defined effect can be achieved through superposition of the graphic layers and semitransparency, and therefore the button control which is simpler and easier to use is provided for a user.
Description
Technical field
The present invention relates to UI and realize field, particularly relate to the customizable button control implementation method of a kind of multi-layer image based on Android system and system.
Background technology
The HMI of current vehicle-mounted multimedia navigation system display screen terminal realizes the control mostly adopting primary system (wince/Android) to carry, general is all the HMI that system intialization 1 is overlapped or 2 cover styles are different, self-defining HMI interface cannot be realized, the style of such as button control is single, can not freely convert.
Therefore, prior art has yet to be improved and developed.
Summary of the invention
In view of above-mentioned the deficiencies in the prior art, the object of the present invention is to provide the customizable button control implementation method of a kind of multi-layer image based on Android system and system, be intended to solve the problem that existing HMI interface button control style is single, can not freely convert.
Technical scheme of the present invention is as follows:
The customizable button control implementation method of multi-layer image based on Android system, wherein, comprises step:
A, from palette the background color of select button control;
B, on background color make three layers of layer;
C, on the top layer of layer, make text box, for showing word;
D, on text box, make forbidden energy layer.
The described customizable button control of the multi-layer image based on Android system implementation method, wherein, if under button control is in the state of pinning, then the bottom in three layers of layer is translucent shape, if be in non-pin state under, then the bottom in three layers of layer is opaque shape.
The described customizable button control of the multi-layer image based on Android system implementation method, wherein, in described steps A, when selecting background color from palette, current interface is divided into two viewing areas, left and right, the preview interface of on the left side display area background color, viewing area shows the palette of multiple color on the right; When palette receives selection instruction, on the left side viewing area is updated to the preview interface of selected color.
The customizable button control of multi-layer image based on Android system realizes a system, wherein, comprising:
Select module, for the background color of select button control from palette;
Layer makes module, for making three layers of layer on background color;
Text box makes module, for making text box on the top layer of layer, for showing word;
Forbidden energy layer makes module, for making forbidden energy layer on text box.
The customizable button control of the described multi-layer image based on Android system realizes system, wherein, if under button control is in the state of pinning, then the bottom in three layers of layer is translucent shape, if be in non-pin state under, then the bottom in three layers of layer is opaque shape.
The customizable button control of the described multi-layer image based on Android system realizes system, wherein, in described selection module, when selecting background color from palette, current interface is divided into two viewing areas, left and right, the preview interface of on the left side display area background color, viewing area shows the palette of multiple color on the right; When palette receives selection instruction, on the left side viewing area is updated to the preview interface of selected color.
Beneficial effect: the present invention can provide and realize user-defined button control, realizes self-defined effect by layer and translucent superposition, thus provides the button control be more simple and easy to for user.
Accompanying drawing explanation
Fig. 1 is the process flow diagram of a kind of multi-layer image based on Android system of the present invention customizable button control implementation method preferred embodiment.
Fig. 2 is the structured flowchart that the customizable button control of a kind of multi-layer image based on Android system of the present invention realizes system preferred embodiment.
Embodiment
The invention provides the customizable button control implementation method of a kind of multi-layer image based on Android system and system, for making object of the present invention, technical scheme and effect clearly, clearly, the present invention is described in more detail below.Should be appreciated that specific embodiment described herein only in order to explain the present invention, be not intended to limit the present invention.
Refer to Fig. 1, Fig. 1 is the process flow diagram of a kind of multi-layer image based on Android system of the present invention customizable button control implementation method preferred embodiment, and as shown in the figure, it comprises step:
S1, from palette the background color of select button control;
S2, on background color make three layers of layer;
S3, on the top layer of layer, make text box, for showing word;
S4, on text box, make forbidden energy layer.
In embodiments of the present invention, button control by by color layers, layer, text box and forbidden energy laminated become total display effect, because each layer can realize functions different separately, such as color layers can display background color, and layer then can the content of show layers, and text box can show word, forbidden energy layer then can show transparent available or forbid effect, so add the displaying contents of button control, add personalized content, avoid the display mode that legacy controls is single.
If under button control is in the state of pinning, then the bottom in three layers of layer is translucent shape, if be in non-pin state under, then the bottom in three layers of layer is opaque shape.By above-mentioned functions, can realize pinning situation or the non-different display effects pinned in situation, whether the current operation of prompting user is pinned, and avoids maloperation.
In addition, the content of three layers of layer can self-definedly be arranged, and the content of each layer is synthesized, and makes the content of button control abundanter.
The displaying contents of text frame can be the title of button control, also can self-defined title, so that user selects the content meeting self use habit, embodies the personalized life style of user.Text frame can be arranged on the bottom of button control, avoids the display affecting layer.
The effect of this forbidden energy layer changes along with the enable of button control or disabled state, under button control is in disabled state, then makes button control not respond touch click event by described forbidden energy layer, also do not respond the event pinned and activate; Under button is in enabled state, then this forbidden energy layer is transparent effect, can respond touch click event.
In described step S1, when selecting background color from palette, current interface is divided into two viewing areas, left and right, the preview interface of on the left side display area background color, viewing area shows the palette of multiple color on the right; When palette receives selection instruction, on the left side viewing area is updated to the preview interface of selected color.
When regulating background color, first can click background color and regulating button, sending the regulating command of background color; When navigation terminal system acceptance is to the regulating command of background color, display screen (current interface) is divided into two viewing areas, left and right, two viewing areas respectively account for half, the preview interface of on the left side viewing area display background, and viewing area shows the palette of multiple color on the right; It is selective that this palette has 16 kinds of colors, comprises red, yellow, blue, green, purple, grey, orange etc.Particularly, palette is arranged multiple color block, each color block has different colors, owing to there being 16 kinds of colors selective above, so color block should have 16 mutually, and size shape is identical, proper alignment, as the mode according to 4 × 4 arranges (interval is all identical up and down).
When palette receives selection instruction, so on the left side viewing area is updated to the BACKGROUNDA preview interface of selected color, thus gives the effect of this selected color of user's preview color as a setting, is convenient to user and makes the selection more meeting demand.After choosing required background color, the confirmation instruction clicking below gets final product (representing in " √ " mode in the color block chosen).Viewing area, the left side is carried out reducing display by display interface, when needs full screen display, can click the preview interface of (as clicking) background color, like this can the effect of preview when normally using, and is convenient to user and determines whether to select this background color.Again click (as clicking) and then can turn back to previous status (viewing area, the left side).
The form of viewing area, the left side can be the position display " preview region " hit exactly up, below center position display " tap top picture can full-screen preview and determine ", in the preview interface of the position display background color at middle part.
This color layers also can arrange automatic shaping modes, and under automatic shaping modes, color layers will regulate automatically.Under this automatic shaping modes, can arrange and automatically change the color of color layers every 1 cycle.The cycle changed can be temporally arrange, such as, every 1 day or every 1 week.Certainly, also can change according to weather condition, obtain up-to-date weather condition, then select suitable color.
Based on said method, the present invention also provides the customizable button control of a kind of multi-layer image based on Android system to realize system preferred embodiment, and as shown in Figure 2, it comprises:
Select module 100, for the background color of select button control from palette;
Layer makes module 200, for making three layers of layer on background color;
Text box makes module 300, for making text box on the top layer of layer, for showing word;
Forbidden energy layer makes module 400, for making forbidden energy layer on text box.
Further, if under button control is in the state of pinning, then the bottom in three layers of layer is translucent shape, if be in non-pin state under, then the bottom in three layers of layer is opaque shape.
Further, in described selection module 100, when selecting background color from palette, current interface is divided into two viewing areas, left and right, the preview interface of on the left side display area background color, viewing area shows the palette of multiple color on the right; When palette receives selection instruction, on the left side viewing area is updated to the preview interface of selected color.
Ins and outs about above-mentioned modular unit are existing in method above to be described in detail, therefore repeats no more.
In sum, the present invention can provide and realize user-defined button control, realizes self-defined effect by layer and translucent superposition, thus provides the button control be more simple and easy to for user.
Should be understood that, application of the present invention is not limited to above-mentioned citing, for those of ordinary skills, can be improved according to the above description or convert, and all these improve and convert the protection domain that all should belong to claims of the present invention.
Claims (6)
1., based on the customizable button control implementation method of multi-layer image of Android system, it is characterized in that, comprise step:
A, from palette the background color of select button control;
B, on background color make three layers of layer;
C, on the top layer of layer, make text box, for showing word;
D, on text box, make forbidden energy layer.
2. the customizable button control implementation method of the multi-layer image based on Android system according to claim 1, it is characterized in that, if under button control is in the state of pinning, bottom then in three layers of layer is translucent shape, if be in non-pin state under, then the bottom in three layers of layer is opaque shape.
3. the customizable button control implementation method of the multi-layer image based on Android system according to claim 1, it is characterized in that, in described steps A, when selecting background color from palette, current interface is divided into two viewing areas, left and right, the preview interface of on the left side display area background color, viewing area shows the palette of multiple color on the right; When palette receives selection instruction, on the left side viewing area is updated to the preview interface of selected color.
4. the customizable button control of multi-layer image based on Android system realizes a system, it is characterized in that, comprising:
Select module, for the background color of select button control from palette;
Layer makes module, for making three layers of layer on background color;
Text box makes module, for making text box on the top layer of layer, for showing word;
Forbidden energy layer makes module, for making forbidden energy layer on text box.
5. the customizable button control of the multi-layer image based on Android system according to claim 4 realizes system, it is characterized in that, if under button control is in the state of pinning, bottom then in three layers of layer is translucent shape, if be in non-pin state under, then the bottom in three layers of layer is opaque shape.
6. the customizable button control of the multi-layer image based on Android system according to claim 4 realizes system, it is characterized in that, in described selection module, when selecting background color from palette, current interface is divided into two viewing areas, left and right, the preview interface of on the left side display area background color, viewing area shows the palette of multiple color on the right; When palette receives selection instruction, on the left side viewing area is updated to the preview interface of selected color.
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 true CN105094847A (en) | 2015-11-25 |
| CN105094847B 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) |
Cited By (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 (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090172577A1 (en) * | 2008-01-02 | 2009-07-02 | Samsung Electronics Co., Ltd. | Terminal and method for configuring graphic user interface thereof |
| 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 |
-
2015
- 2015-08-24 CN CN201510521126.8A patent/CN105094847B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090172577A1 (en) * | 2008-01-02 | 2009-07-02 | Samsung Electronics Co., Ltd. | Terminal and method for configuring graphic user interface thereof |
| 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 |
Cited By (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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105094847B (en) | 2018-09-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9892602B2 (en) | Integrated visual notification system in an accessory device | |
| CN106292017B (en) | Deflection device, intelligent terminal setting method and intelligent terminal display method | |
| CN103294362A (en) | Screen display control method and device for mobile equipment and mobile equipment | |
| CN103019662B (en) | The icon processing method of mobile terminal and the function key for it | |
| CN104754388A (en) | Menu screen display control method and display control device | |
| MX2012009334A (en) | Method and device for generating user interface. | |
| CN102789361B (en) | Display style setting method of vector electronic map information | |
| WO2015106651A1 (en) | Interface colour replacement system and implementation method therefor | |
| CN103870155A (en) | Information processing method and electronic equipment | |
| CN103197854B (en) | The screenshot method of all-in-one multi-tiled display and device | |
| CN106681593A (en) | Display control method and device for user interface UI control | |
| CN104007888A (en) | Interface display method and apparatus based on vehicle DVD (Digital Versatile Disc) navigating instrument | |
| CN102687105A (en) | System and methods for a run time configurable user interface controller | |
| CN110377377A (en) | Display methods and device, electronic equipment and storage medium | |
| JP2010257290A (en) | Display and display method | |
| US20220261195A1 (en) | Storage medium storing computer-readable instructions for information processing device editing image data for creating composite label | |
| US10540076B2 (en) | Clone feature to compare data visualization | |
| CN105094847A (en) | Multi-graphic-layer customizable button control implementation method and system based on Android system | |
| CN106325836A (en) | Window widget processing method and device | |
| CN109445789A (en) | Composite control generation method, system and medium with independent rendering layer | |
| CN102404523A (en) | System and method for displaying on-screen menus of television | |
| CN110232260B (en) | Hierarchical operating system, method, computer-readable storage medium and computer terminal for CAD system reference | |
| CN109766069B (en) | Auxiliary display method, device, electronic equipment and computer readable storage medium | |
| JP7006042B2 (en) | Image processing program, information processing device and image processing method | |
| CN110502171A (en) | Setting method, terminal and the medium that screen is shown |
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 |