[发明专利]一种选中界面元素的图案切换方法及装置

说明书

本发明公开了一种选中界面元素的图案切换方法及装置，所述界面中设置有多个界面元素，每个所述界面元素均包括图标及文字，所述图案切换方法包括：当多个界面元素中的一至多个被选中时，改变被选中的界面元素的图标的大小及颜色；改变被选中的界面元素的文字的透明度。实施本发明的有益效果：使得界面元素被选中时产生视觉冲突，提升网页模块之前切换的趣味性，是APP界面更具创意，提升了用户体验。

技术领域

本发明涉及UI界面技术领域，尤其涉及一种选中界面元素的图案切换方法及装置。

背景技术

在目前很多APP界面展示中，Tab页模块切换后icon的选中状态都只是颜色的变化很少涉及到图形的变化，使得模块切换不够明显且没有新意。

一般的展现形式是当Tab页模块切换后icon的选中状态简单的颜色变化，辅助文字继续保留且和icon同时变化颜色。一般展现形式没有用图形变化再加以区别模块切换后icon的表现形式。使得APP界面在反光强烈的环境中或者是手机颜色显示不是很清晰的情况下比较难识别出是否切换了模块。具体请参见图1a及图1b，图1a为现有技术的“首页”未被选中的状态示意图；图1b为现有技术的“首页”被选中的状态示意图，界面元素在选中与被选中的状态下变化较小，难以识别出是否切换了模块。

发明内容

本发明的目的在于提供一种选中界面元素的图案切换方法及装置，解决现有技术的界面元素在选中与被选中的状态下变化较小，难以识别出是否切换了模块的问题。

本发明的技术方案实现如下：

一方面，本发明提供一种选中界面元素的图案切换方法，所述界面中设置有多个界面元素，每个所述界面元素均包括图标及文字，所述图案切换方法包括：

当多个界面元素中的一至多个被选中时，改变被选中的界面元素的图标的大小及颜色；

改变被选中的界面元素的文字的透明度。

在本发明所述的图案切换方法中，所述改变被选中的界面元素的图标的大小及颜色，包括：

未被选中的界面元素的图标的大小及颜色与原来保持一致；

获取被选中的界面元素的中心点，依据所述中心点控制所述界面元素的图标变大至预设尺寸；

改变所述界面元素的图标的颜色。

在本发明所述的图案切换方法中，所述获取被选中的界面元素的中心点，依据所述中心点控制所述界面元素变大至预设尺寸，还包括：

在所述中心点处生成一图形元素。

在本发明所述的图案切换方法中，所述改变被选中的界面元素的文字的透明度，包括：

未被选中的界面元素的文字的颜色及字号大小与原来保持一致并降低透明度；

降低被选中的界面元素的文字的透明度。

在本发明所述的图案切换方法中，所述降低被选中的界面元素的文字的透明度中，将被选中的界面元素的文字的透明度由100％降至0％。

另一方面，提供一种选中界面元素的图案切换装置，其中存储有多条指令，所述指令适于由处理器加载并执行，包括：

当多个界面元素中的一至多个被选中时，改变被选中的界面元素的图标的大小及颜色；

改变被选中的界面元素的文字的透明度。

在本发明所述的图案切换装置中，所述改变被选中的界面元素的图标的大小及颜色，包括：

未被选中的界面元素的图标的大小及颜色与原来保持一致；

获取被选中的界面元素的中心点，依据所述中心点控制所述界面元素的图标变大至预设尺寸；