CN109947505A - A kind of pattern switching method and device for choosing interface element - Google Patents
A kind of pattern switching method and device for choosing interface element Download PDFInfo
- Publication number
- CN109947505A CN109947505A CN201711382610.2A CN201711382610A CN109947505A CN 109947505 A CN109947505 A CN 109947505A CN 201711382610 A CN201711382610 A CN 201711382610A CN 109947505 A CN109947505 A CN 109947505A
- Authority
- CN
- China
- Prior art keywords
- interface element
- text
- icon
- pattern switching
- transparency
- 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.)
- Pending
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a kind of pattern switching methods and device for choosing interface element, multiple interface elements are provided in the interface, each interface element includes icon and text, the pattern switching method includes: to change the size and color of the icon of selected interface element when one or more in multiple interface elements is selected；Change the transparency of the text of selected interface element.The beneficial effects of the practice of the present invention: so that generating vision conflict when interface element is selected, the interest switched before Web page module is promoted, is that the interface APP has more intention, the user experience is improved.
Description
Technical field
The present invention relates to UI interface tech field more particularly to a kind of pattern switching methods and dress for choosing interface element
It sets.
Background technique
In current many APP showing interfaces, the selected state of icon is all the variation of color after Tab pages of module switching
Seldom it is related to the variation of figure, so that module switching is not obvious enough and there is no new idea.
It is general to show the simple color change of selected state that form is icon after Tab pages of module switches, auxiliary text
Word continue to retain and with icon while changing color.Generally show form be not distinguished again with graphic change module switching after
The form of expression of icon.So that the interface APP either mobile phone color in reflective strong environment shows it is not the feelings being apparent
More difficult recognise that has switched module under condition.Specifically a and Fig. 1 b referring to Figure 1, Fig. 1 a be " homepage " of the prior art not
Selected status diagram；Fig. 1 b is " homepage " selected status diagram of the prior art, interface element choose with
Change in the state of selected smaller, it is difficult to recognise that and have switched module.
Summary of the invention
The purpose of the present invention is to provide a kind of pattern switching methods and device for choosing interface element, solve the prior art
Interface element choose with it is selected in the state of change it is smaller, it is difficult to recognise that the problem of having switched module.
Technical solution of the present invention is accomplished by
On the one hand, the present invention provides a kind of pattern switching method for choosing interface element, is provided in the interface multiple
Interface element, each interface element include icon and text, and the pattern switching method includes:
When in multiple interface elements one or more it is selected when, change the icon of selected interface element size and
Color；
Change the transparency of the text of selected interface element.
In pattern switching method of the present invention, the size and face of the icon for changing selected interface element
Color, comprising:
The size and color of the icon of not selected interface element be consistent originally；
The central point of selected interface element is obtained, the icon for controlling the interface element according to the central point becomes larger
To pre-set dimension；
Change the color of the icon of the interface element.
In pattern switching method of the present invention, the central point for obtaining selected interface element, according to institute
The central point control interface element is stated to become larger to pre-set dimension, further includes:
A graphic element is generated in the center.
In pattern switching method of the present invention, the transparency of the text for changing selected interface element,
Include:
It the color and font size size of the text of not selected interface element and is consistent originally and reduces transparency；
Reduce the transparency of the text of selected interface element.
In pattern switching method of the present invention, the transparency of the text for reducing selected interface element
In, the transparency of the text of selected interface element is down to 0% by 100%.
On the other hand, a kind of pattern switching device for choosing interface element is provided, wherein it is stored with a plurality of instruction, the finger
It enables and is suitable for being loaded and being executed by processor, comprising:
When in multiple interface elements one or more it is selected when, change the icon of selected interface element size and
Color；
Change the transparency of the text of selected interface element.
In pattern switching device of the present invention, the size and face of the icon for changing selected interface element
Color, comprising:
The size and color of the icon of not selected interface element be consistent originally；
The central point of selected interface element is obtained, the icon for controlling the interface element according to the central point becomes larger
To pre-set dimension；
Change the color of the icon of the interface element.
In pattern switching device of the present invention, the central point for obtaining selected interface element, according to institute
The central point control interface element is stated to become larger to pre-set dimension, further includes:
A graphic element is generated in the center.
In pattern switching device of the present invention, the transparency of the text for changing selected interface element,
Include:
It the color and font size size of the text of not selected interface element and is consistent originally and reduces transparency；
Reduce the transparency of the text of selected interface element.
In pattern switching device of the present invention, the transparency of the text for reducing selected interface element
In, the transparency of the text of selected interface element is down to 0% by 100%.
Therefore, the invention has the advantages that generate vision conflict when interface element is selected, Web page module is promoted
The interest switched before is that the interface APP has more intention, and the user experience is improved.
Detailed description of the invention
Present invention will be further explained below with reference to the attached drawings and examples, in attached drawing:
Fig. 1 a is " homepage " not selected status diagram of the prior art；
Fig. 1 b is the selected status diagram of " homepage " of the prior art；
Fig. 2 is a kind of flow chart for pattern switching method for choosing interface element that one embodiment of the invention provides；
Fig. 3 a is the selected status diagram of one embodiment of the invention " position " that provides；
Fig. 3 b is the selected status diagram of one embodiment of the invention " homepage " that provides.
Specific embodiment
For a clearer understanding of the technical characteristics, objects and effects of the present invention, will to compare attached drawing below detailed
Illustrate a specific embodiment of the invention.It should be appreciated that following explanation is only being specifically described for the embodiment of the present invention, it should not be with this
It limits the scope of the invention.
Referring to fig. 2, Fig. 2 is a kind of process for pattern switching method for choosing interface element that one embodiment of the invention provides
Figure, this method are mainly realized by computer program comprising step S1-S2:
S1, when in multiple interface elements one or more it is selected when, change the big of the icon of selected interface element
Small and color；Step S1 includes sub-step S11-S13:
S11, not selected interface element icon size and color be consistent originally；
S12, the central point for obtaining selected interface element, the icon of the interface element is controlled according to the central point
Become larger to pre-set dimension；The step further includes generating a graphic element in the center.As Fig. 3 a and Fig. 3 b, Fig. 3 a are
The selected status diagram in " position " that one embodiment of the invention provides, Fig. 3 b are " homepage " that one embodiment of the invention provides
Selected status diagram, interface element from left to right are followed successively by " homepage ", " position ", " service " and " I ", round
Element is the heart pattern in icon.
S13, change the interface element icon color, change simultaneously the color of the graphic element.
In general, former icon (i.e. icon) becomes larger after Tab pages of module switching, while corresponding in APP showing interface
Supplementary text disappears.And the center icon after becoming larger will appear the same graphic element.And all modules under unselected state
Icon color and size will be consistent, and the icon and other icon colors have obvious visual area under selected state
Not.Occurs same graphic element (this figure among while the icon of interface element is changed from small to big centered on central point
Element must be consistent with the style of entire APP).
The transparency of the text of the selected interface element of S2, change.Step S2 includes sub-step S21-S22:
The color and font size size of the text of S21, not selected interface element be consistent and reduced transparent originally
Degree；The color and font size size of all supplementary texts are consistent under i.e. unselected state, it is preferred that not selected Interface Element
The text of element visually reduces a tune lightness than selected text.
The transparency of the text of the selected interface element of S22, reduction, it is preferred that by the text of selected interface element
The transparency of word is down to 0% by 100%.Size remains unchanged selected text in situ.
The present invention also provides a kind of pattern switching devices for choosing interface element, wherein it is stored with a plurality of instruction, the finger
It enables and is suitable for being loaded and being executed by processor, to realize the above method.
There is provided herein the various operations of embodiment.In one embodiment, described one or operation may be constructed one
The computer-readable instruction stored on a or computer-readable medium will be held when being executed by electronic equipment so that calculating equipment
The row operation.Describing the sequences of some or all of operations, to should not be construed as to imply that these operations necessarily order dependent
's.It will be appreciated by those skilled in the art that the alternative sequence of the benefit with this specification.Furthermore, it is to be understood that not being institute
There is operation that must exist in each embodiment provided in this article.
Moreover, word " preferred " used herein means serving as example, example or illustration.Feng Wen is described as " preferably
" any aspect or design be not necessarily to be construed as than other aspect or design it is more advantageous.On the contrary, the use purport of word " preferred "
Concept is being proposed in specific ways.Term "or" as used in this application is intended to mean the "or" for including and non-excluded
"or".That is, unless specified otherwise or clear from the context, " X uses A or B " means that nature includes any one of arrangement.
That is, if X uses A；X uses B；Or X uses A and B both, then " X uses A or B " is met in aforementioned any example.
Moreover, although the disclosure, those skilled in the art has shown and described relative to one or implementation
Member will be appreciated that equivalent variations and modification based on the reading and understanding to the specification and drawings.The disclosure includes all such
Modifications and variations, and be limited only by the scope of the following claims.In particular, to by said modules (such as element, resource
Deng) the various functions that execute, term for describing such components is intended to correspond to the specified function (example for executing the component
As it is functionally of equal value) random component (unless otherwise instructed), even if in structure with execute shown in this article
The open structure of function in disclosed exemplary implementations is not equivalent.In addition, although the special characteristic of the disclosure phase
Only one in several implementations is disclosed, but this feature can with such as can be for a given or particular application
It is expectation and one or the combination of other features of other advantageous implementations.Moreover, with regard to term " includes ", " having ", " containing
Have " or its deformation be used in specific embodiments or claims for, such term be intended to with term " include " phase
As mode include.
Each functional unit in the embodiment of the present invention can integrate in a processing module, be also possible to each unit list
It is solely physically present, can also be integrated in two or more units in a module.Above-mentioned integrated module can both use
Formal implementation of hardware can also be realized in the form of software function module.If the integrated module is with software function
The form of module is realized and when sold or used as an independent product, also can store in computer-readable storage Jie
In matter.Storage medium mentioned above can be read-only memory, disk or CD etc..Above-mentioned each device or system, can be with
Execute the method in correlation method embodiment.
In conclusion although the present invention has been disclosed above in the preferred embodiment, but above preferred embodiment is not to limit
The system present invention, those skilled in the art can make various changes and profit without departing from the spirit and scope of the present invention
Decorations, therefore protection scope of the present invention subjects to the scope of the claims.
Claims (10)
1. a kind of pattern switching method for choosing interface element, which is characterized in that multiple interface elements are provided in the interface,
Each interface element includes icon and text, and the pattern switching method includes:
When one or more in multiple interface elements is selected, change the size and face of the icon of selected interface element
Color；
Change the transparency of the text of selected interface element.
2. pattern switching method according to claim 1, which is characterized in that the figure for changing selected interface element
Target size and color, comprising:
The size and color of the icon of not selected interface element be consistent originally；
The central point of selected interface element is obtained, the icon for controlling the interface element according to the central point becomes larger to pre-
If size；
Change the color of the icon of the interface element.
3. pattern switching method according to claim 2, which is characterized in that described to obtain in selected interface element
Heart point controls the interface element according to the central point and becomes larger to pre-set dimension, further includes:
A graphic element is generated in the center.
4. pattern switching method according to claim 1, which is characterized in that the text for changing selected interface element
The transparency of word, comprising:
It the color and font size size of the text of not selected interface element and is consistent originally and reduces transparency；
Reduce the transparency of the text of selected interface element.
5. pattern switching method according to claim 4, which is characterized in that the text for reducing selected interface element
In the transparency of word, the transparency of the text of selected interface element is down to 0% by 100%.
6. a kind of pattern switching device for choosing interface element, wherein being stored with a plurality of instruction, described instruction is suitable for by processor
It loads and executes characterized by comprising
When one or more in multiple interface elements is selected, change the size and face of the icon of selected interface element
Color；
Change the transparency of the text of selected interface element.
7. pattern switching device according to claim 6, which is characterized in that the figure for changing selected interface element
Target size and color, comprising:
The size and color of the icon of not selected interface element be consistent originally；
The central point of selected interface element is obtained, the icon for controlling the interface element according to the central point becomes larger to pre-
If size；
Change the color of the icon of the interface element.
8. pattern switching device according to claim 7, which is characterized in that described to obtain in selected interface element
Heart point controls the interface element according to the central point and becomes larger to pre-set dimension, further includes:
A graphic element is generated in the center.
9. pattern switching device according to claim 6, which is characterized in that the text for changing selected interface element
The transparency of word, comprising:
It the color and font size size of the text of not selected interface element and is consistent originally and reduces transparency；
Reduce the transparency of the text of selected interface element.
10. pattern switching device according to claim 9, which is characterized in that the selected interface element of the reduction
In the transparency of text, the transparency of the text of selected interface element is down to 0% by 100%.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711382610.2A CN109947505A (en) | 2017-12-20 | 2017-12-20 | A kind of pattern switching method and device for choosing interface element |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711382610.2A CN109947505A (en) | 2017-12-20 | 2017-12-20 | A kind of pattern switching method and device for choosing interface element |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109947505A true CN109947505A (en) | 2019-06-28 |
Family
ID=67005104
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711382610.2A Pending CN109947505A (en) | 2017-12-20 | 2017-12-20 | A kind of pattern switching method and device for choosing interface element |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109947505A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111857491A (en) * | 2020-08-06 | 2020-10-30 | 泰山信息科技有限公司 | Method, equipment and storage medium for implementing filter for selecting content of word processing software |
| CN116229188A (en) * | 2023-05-08 | 2023-06-06 | 腾讯科技（深圳）有限公司 | Image processing display method, classification model generation method and equipment thereof |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104461251A (en) * | 2014-12-18 | 2015-03-25 | 百度在线网络技术（北京）有限公司 | Application program label display method and device |
| CN106371699A (en) * | 2016-08-31 | 2017-02-01 | 天脉聚源(北京)传媒科技有限公司 | Press button color regulating method and device |
| CN107024965A (en) * | 2010-12-09 | 2017-08-08 | 索尼公司 | Information processing system and information processing method |
-
2017
- 2017-12-20 CN CN201711382610.2A patent/CN109947505A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107024965A (en) * | 2010-12-09 | 2017-08-08 | 索尼公司 | Information processing system and information processing method |
| CN104461251A (en) * | 2014-12-18 | 2015-03-25 | 百度在线网络技术（北京）有限公司 | Application program label display method and device |
| CN106371699A (en) * | 2016-08-31 | 2017-02-01 | 天脉聚源(北京)传媒科技有限公司 | Press button color regulating method and device |
Non-Patent Citations (3)
| Title |
|---|
| MYMINT: ""android TextView文字透明度的设置"", 《HTTPS://BLOG.CSDN.NET/MYMINT/ARTICLE/DETAILS/8059209》 * |
| 系统城-小群: ""Windows 10桌面图标有勾选怎么办"", 《HTTP://WWW.XITONGCHENG.COM/JIAOCHENG/WIN10_ARTICLE_21754.HTML》 * |
| 萌蠢的驴子: ""iOS-UITabBar的使用包括选中前后使用不同的自定义颜色以及图标颜色的改变问题"", 《HTTPS://WWW.CNBLOGS.COM/LEPUS/P/5919587.HTML》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111857491A (en) * | 2020-08-06 | 2020-10-30 | 泰山信息科技有限公司 | Method, equipment and storage medium for implementing filter for selecting content of word processing software |
| CN111857491B (en) * | 2020-08-06 | 2022-01-11 | 泰山信息科技有限公司 | Method, equipment and storage medium for implementing filter for selecting content of word processing software |
| CN116229188A (en) * | 2023-05-08 | 2023-06-06 | 腾讯科技（深圳）有限公司 | Image processing display method, classification model generation method and equipment thereof |
| CN116229188B (en) * | 2023-05-08 | 2023-07-25 | 腾讯科技（深圳）有限公司 | Image processing display method, classification model generation method and equipment thereof |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20160202887A1 (en) | Method for managing application icon and terminal | |
| KR102265126B1 (en) | Organizing user interface elements | |
| CN106327540B (en) | Control method, device and terminal based on OpenGL View | |
| CN105094557A (en) | Method and device for display control, and electronic device | |
| CN106354373B (en) | Icon moving method and mobile terminal | |
| CN107704157B (en) | Multi-screen interface operation method and device and storage medium | |
| CN103761110B (en) | browser font display processing method and device | |
| CN105528200B (en) | Display method and device of browser tab | |
| CN105589893B (en) | The browsing control method and device of list object | |
| EP3485358B1 (en) | Electronic device and method thereof for managing applications | |
| CN109947505A (en) | A kind of pattern switching method and device for choosing interface element | |
| CN109144348B (en) | Method and device for realizing shortcut menu in application | |
| CN111722765A (en) | Page switching method, device, equipment and storage medium | |
| CN111143731B (en) | Display method and device for webpage interface zooming and terminal equipment | |
| CN104750575B (en) | The restoring method and device of a kind of mobile terminal operating system | |
| CN105204842A (en) | Display control method and electronic equipment | |
| CN103914227A (en) | Information processing method and electronic device | |
| CN106681719B (en) | Android-based folder icon display method | |
| CN105892903A (en) | Interface switching method and apparatus as well as mobile terminal | |
| CN108052212A (en) | A kind of method, terminal and computer-readable medium for inputting word | |
| US20130212519A1 (en) | Method and mobile terminal for producing mobile application | |
| CN108399135A (en) | A kind of control method and relevant apparatus of disk unit identification | |
| CN104461354B (en) | A kind of terminal | |
| CN108920241B (en) | Display state adjusting method, device and equipment | |
| CN105117247A (en) | Display control method and device, and electronic equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190628 |
|
| RJ01 | Rejection of invention patent application after publication |