CN105278795A - 一种显示功能栏的方法和装置 - Google Patents

一种显示功能栏的方法和装置 Download PDF

Info

Publication number
CN105278795A
CN105278795A CN201410250659.2A CN201410250659A CN105278795A CN 105278795 A CN105278795 A CN 105278795A CN 201410250659 A CN201410250659 A CN 201410250659A CN 105278795 A CN105278795 A CN 105278795A
Authority
CN
China
Prior art keywords
functional label
function bar
transparency
function
label
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
Application number
CN201410250659.2A
Other languages
English (en)
Other versions
CN105278795B (zh
Inventor
孙焕文
覃敏杰
崔登学
乔立伟
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Beijing Co Ltd
Original Assignee
Tencent Technology Beijing Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Tencent Technology Beijing Co Ltd filed Critical Tencent Technology Beijing Co Ltd
Priority to CN201410250659.2A priority Critical patent/CN105278795B/zh
Publication of CN105278795A publication Critical patent/CN105278795A/zh
Application granted granted Critical
Publication of CN105278795B publication Critical patent/CN105278795B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

本发明公开了一种显示功能栏的方法和装置,属于计算机技术领域。所述方法包括:调用系统视图控件,加载功能栏,并调用系统按钮控件,在所述功能栏中加载多个功能标签;通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理;对处理后的功能栏进行显示。采用本发明,可以减少应用程序对存储资源的占用。

Description

一种显示功能栏的方法和装置
技术领域
本发明涉及计算机技术领域,特别涉及一种显示功能栏的方法和装置。
背景技术
随着终端技术的快速发展,手机、平板电脑等终端设备得到了广泛的普及和应用,为终端设备开发的应用程序的种类越来越丰富、数量越来越庞大。在应用程序中一般设置有功能栏,如应用程序界面顶部的导航栏、底部的工具栏等。导航栏是应用程序界面顶部的位于系统状态栏下方的应用程序功能栏。工具栏是应用程序界面底部的功能栏。
在应用程序中,经常会对功能栏进行如下的处理:预先绘制一张与功能栏底色相同且符合一定透明度要求(例如,中间透明度低、两侧透明度高)的图片,在显示功能栏时,将该图片显示在功能栏的上层。通过这种处理方式,可以实现功能栏的透明显示效果,可以将功能栏中的字符或图标透明化。
在实现本发明的过程中,发明人发现现有技术至少存在以下问题:
在应用程序中,功能栏的颜色可能会随界面的变化而变化,这样,在应用程序中就需要预先设置多张对应不同功能栏颜色的图片,从而,会导致存储资源的大量占用。
发明内容
为了解决现有技术的问题,本发明实施例提供了一种显示功能栏的方法和装置。所述技术方案如下:
一方面,提供了一种显示功能栏的方法,所述方法包括:
调用系统视图控件,加载功能栏,并调用系统按钮控件,在所述功能栏中加载多个功能标签;
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理;
对处理后的功能栏进行显示。
另一方面,提供了一种显示功能栏的装置,所述装置包括:
加载模块,用于调用系统视图控件,加载功能栏,并调用系统按钮控件,在所述功能栏中加载多个功能标签;
处理模块,用于通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理;
显示模块,用于对处理后的功能栏进行显示。
本发明实施例提供的技术方案带来的有益效果是:
本发明实施例中,调用系统视图控件,加载功能栏,并调用系统按钮控件,在功能栏中加载多个功能标签,通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,对处理后的功能栏进行显示,通过这种方式实现功能栏的透明显示效果,无需存储多张图片,从而,可以减少对存储资源的占用。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的显示功能栏的方法流程图;
图2是本发明实施例提供的功能栏的显示示意图;
图3是本发明实施例提供的显示功能栏的方法流程图;
图4是本发明实施例提供的显示功能栏的装置结构示意图;
图5是本发明实施例提供的终端的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明实施方式作进一步地详细描述。
实施例一
本发明实施例提供了一种显示功能栏的方法,如图1所示,该方法的处理流程可以包括如下步骤:
步骤101,调用系统视图控件,加载功能栏,并调用系统按钮控件,在功能栏中加载多个功能标签。
步骤102,通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理。
步骤103,对处理后的功能栏进行显示。
本发明实施例中,调用系统视图控件,加载功能栏,并调用系统按钮控件,在功能栏中加载多个功能标签,通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,对处理后的功能栏进行显示,通过这种方式实现功能栏的透明显示效果,无需存储多张图片,从而,可以减少对存储资源的占用。
实施例二
本发明实施例提供了一种显示功能栏的方法,该方法的执行主体可以为终端设备,如手机、平板电脑等移动终端,本实施例中以手机为执行主体为例,进行方案的详细说明,其它终端的情况与之类似,此处不在累述。
下面将结合具体的处理过程,对图1所示的流程进行详细的说明,内容可以如下:
步骤101,调用系统视图控件,加载功能栏,并调用系统按钮控件,在功能栏中加载多个功能标签。
其中,系统视图控件是系统程序提供的用于为应用程序生成功能栏视图的控件,如UIView(UserInterfaceView,用户界面视图)等。功能栏可以为应用程序界面顶部的导航栏或底部的工具栏等。系统按钮控件是系统程序提供的用于在应用程序的功能栏中生成功能标签的控件,如UIButton(UserInterfaceButton,用户界面按钮)等。功能标签是用于开启应用程序的某功能页面的图标,功能标签可以是一个简单的图标,也可以采用按钮的形式。每个功能标签都可以与应用程序中的一个功能页面相对应,当某个功能标签被选定时,应用界面中的内容显示区域(导航栏下方的显示区域)则显示该功能标签对应的功能页面。
在实施中,用户开启应用程序的某个界面时,终端对该界面中包括功能栏在内的界面内容进行显示,在显示功能栏时,可以先调用UIView,在缓存中加载功能栏的图像内容,如功能栏的背景,然后,可以调用UIButton在功能栏中加载功能标签,可以加载多个功能标签,每个功能标签可以调用一个UIButton加载,例如,可以在功能栏中设置5个功能标签。在多个功能标签中,可以有一个功能标签是当前选定的功能标签,在应用界面中的内容显示区域会显示该功能标签对应的功能页面。选定功能标签的处理可以由用户的操作(如滑动或点击等)触发,也可以在进入应用界面时由终端自动执行,例如,在进入应用界面时,自动设置上一次关闭应用界面时选定的功能标签为当前选定的功能标签,或基于预设的标签排列顺序自动设置第N个功能标签为当前选定的功能标签,N为预设数值。
后续步骤中可以对缓存中加载的功能栏进行各种图像处理,然后再对处理后的功能栏进行显示。
步骤102,通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理。
其中,透明化处理可以基于透明度来进行,透明度可以用参数alpha来表示,alpha值越小则透明度越高,alpha为0则表示完全透明,上层图像完全透明,说明只能看到底层的背景图像,alpha为1则表示完全不透明,上层图像完全不透明,则可以遮挡住相应位置的背景图像。
在实施中,可以设置功能栏中可以同时显示指定数目M个(如5个)功能标签,并设置用户可以通过左右拖动功能栏的操作控制各功能标签进行同步移动,移动到功能栏中间位置的功能标签则为用户当前选定的功能标签(以下称作第一功能标签)。功能栏可以由多层图像组成,最下层可以为背景图像,背景图像可以为单色的图片,也可以为预设的任意彩色或黑白图片,背景图像的上层可以包括功能标签的图像等。该步骤中的透明化处理可以通过系统视图控件中的遮罩功能来实现,进行透明化处理的规则可以多种多样,例如,可以设置统一的透明度,或者可以对不同的位置设置不同的透明度。
可选的,可以按以下方式设置透明度变化的规则,相应的处理可以是:通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,透明度由靠近第一功能标签位置向远离第一功能标签位置逐渐升高。
在实施中,透明度升高的方式可以多种多样,透明度可以由靠近第一功能标签向远离第一功能标签均匀的升高,直到达到某指定数值,或者透明度也可以呈阶梯状升高。以下给出了一种可选的处理方式:
通过系统视图控件,在功能栏当前选定的第一功能标签的相邻功能标签处,对功能栏背景图像上层的图像进行透明度渐变的透明化处理,靠近第一功能标签位置的透明度大于远离第一功能标签位置的透明度;并通过系统视图控件,在功能栏中第一功能标签的非相邻功能标签处,对功能栏背景图像上层的图像进行预设第一透明度的透明化处理,第一透明度大于或等于相邻功能标签处的透明度。
在实施中,如图2所示,以功能栏中能够同时显示的功能标签数是5为例,可以调用系统视图控件中的遮罩功能,将功能栏按此功能标签数目等分,即分成5个块,从左至右分别设置为1、2、3、4、5,对5个块分别进行不同的透明度处理,从左至右各块的alpha值可以设置为0-0、0-1、1-1、1-0、0-0,“-”左侧和右侧的数值分别为相应块的左端和右端的alpha值,在块内alpha值由左端alpha值向右端alpha值渐变。第一功能标签对应的块3的alpha值为1-1,即块3中不进行透明化处理,或称对背景图像的上层图像进行透明度为0%(即alpha值为1)的透明化处理;第一功能标签左侧相邻的功能标签对应的块2的alpha值为0-1,即块2中的透明度从左至右由100%(即alpha值为0)向0%渐变;第一功能标签右侧相邻的功能标签对应的块4的alpha值为1-0,即块2中的透明度从左至右由0%向100%渐变;第一功能标签不相邻的功能标签对应的块1和块5的alpha值为0-0,即在块1和块5中,对背景图像的上层图像进行全透明处理。
步骤103,对处理后的功能栏进行显示。
在实施中,经过上述步骤,缓存中的功能栏已经是经过了透明化处理的功能栏,可以将处理后的功能栏进行显示。
可选的,本发明实施例中,还可以对上述功能标签也进行透明化处理,相应的处理过程可以如下:通过系统按钮控件,对第一功能标签之外的功能标签进行预设第二透明度的透明化处理。
在实施中,结合对功能标签的透明化处理,可以在步骤102的透明化处理的基础上,进一步增大当前选定的功能标签之外的功能标签的透明度,以突出当前选定的功能标签。
可选的,还可以对当前选定的功能标签(即第一功能标签)也进行一定程度的透明化处理,相应处理过程可以如下:通过系统按钮控件,对第一功能标签之外的功能标签进行预设第二透明度的透明化处理,并对第一功能标签进行预设第三透明度的透明化处理,其中,第二透明度大于第三透明度。
其中,第二透明度和第三透明度可以根据实际需求任意设置,例如,第二透明度为50%,第三透明度为20%。
本发明实施例中,还提供了用户选择功能标签的方法,相应的处理过程可以如下:
当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值(如5毫米)时,将多个功能标签向第一方向进行同步移动,直到第一功能标签的相邻功能标签移动到功能栏的中间位置,并将移动到功能栏的中间位置的功能标签设置为当前选定的功能标签。
其中,第一方向可以为水平向左或水平向右。当前选定的第一功能标签可以为位于功能栏的中间位置的功能标签。
在实施中,每个功能标签对应不同的功能页面,当用户想要对功能页面进行切换时,可以选择该功能页面对应的功能标签,通过滑动操作将该功能标签移动到功能栏中间的位置。用户进行滑动屏幕的操作,当横向上的移动距离达到预设距离阈值时,则会触发各功能标签横向的同步移动,例如,向左滑动距离达到5毫米时,则触发各功能标签的同步向左移动,同步移动的距离可以是第一功能标签宽度的一半与第一功能标签右侧相邻功能标签宽度的一半之和,这样,可以将此右侧相邻功能标签移动到功能栏的中间位置,成为当前选定的功能标签。用户基于上述操作方式,可以选择功能栏中任意一个功能标签。该处理中,应用程序将位于功能栏中间位置的功能标签自动设置为当前选定的功能标签。移动后显示功能栏的处理仍可以使用上述步骤101-103的方法。
本发明实施例中,可以通过用户的操作触发将功能栏由初始显示状态切换到上述的透明化显示状态(可称第二显示状态),相应的处理过程可以如下:
步骤一,在功能栏的初始显示状态下,当检测到屏幕上的触碰信号在第二方向上存在位移时,将功能栏与当前页面沿第二方向同步移动。
其中,初始显示状态可以是应用程序刚启动时功能栏的显示状态,可以称作第一显示状态。当前页面可以是应用程序中功能栏以外的区域当前显示的页面(即上述的功能页面)。
在实施中,用户启动应用程序或进入某应用界面后,功能栏可以处于初始显示状态,以导航栏为例,在初始显示状态下,导航栏下方为当前页面,导航栏上方与系统通知栏之间还可以显示一些预设的信息,如当前登录账户的相关信息。在初始显示状态下,可以对第一功能标签外的其它功能标签采用固定透明度(如50%)的透明化处理,或者,可以对第一功能标签采用字体加粗的显示效果。在初始显示状态下,用户可以通过点击功能标签的方式选定功能标签,可以通过左右拖动功能栏的方式控制各功能标签左右同步移动。对于功能栏为导航栏的情况,第二方向可以是沿屏幕向上,在导航栏的第一显示状态下,如果用户想要操作进入第二显示状态,可以向上拖动当前页面或导航栏,导航栏和当前页面会随用户的拖动向上同步移动。
步骤二,当功能栏移动到预设的极限位置时,停止将功能栏向第二方向移动,并通过功能栏中各功能标签的同步移动,将当前选定的第一功能标签移动到功能栏的中间位置。
其中,对于功能栏为导航栏的情况,预设的极限位置可以是导航栏上沿与系统通知栏下沿接触时导航栏的位置。
在实施中,在导航栏和当前页面随用户的拖动向上同步移动的过程中,如果导航栏上沿移动到与系统通知栏下沿接触的位置,则导航栏停止向上移动,当前页面可以继续随用户的拖动向上移动。当导航栏接触系统通知栏时,可以触发功能栏进入第二显示状态,自动对功能栏中的各功能标签进行横向同步移动,以将第一功能标签移动到功能栏的中间位置,然后通过步骤101-103的流程对功能栏进行透明化的显示。
本发明实施例中,调用系统视图控件,加载功能栏,并调用系统按钮控件,在功能栏中加载多个功能标签,通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,对处理后的功能栏进行显示,通过这种方式实现功能栏的透明显示效果,无需存储多张图片,从而,可以减少对存储资源的占用。
实施例三
本实施例中将结合具体的应用场景对显示功能栏的方法进行详细的说明。该应用场景中,应用程序为某微博客户端,功能栏为导航栏,各功能标签分别对应不同分类的微博账户组,功能标签对应的功能页面则为展示相应的账户组的博文的页面,功能栏中能够同时显示的功能标签数目为5,当前的应用界面为某用户订阅功能的界面。该应用场景中,显示功能栏的处理过程可以如图3所示,包括如下步骤:
步骤301,显示导航栏和导航栏中的各功能标签,对当前选定的第一功能标签的字体采用加粗显示效果。
在实施中,当用户开启应用程序进入当前界面时,应用程序可以执行该步骤的处理过程,对导航栏进行显示。此时,用户可以手动点选功能标签。
步骤302,当页面被向上拖动时,导航栏随页面向上移动。
步骤303,当导航栏上沿移动到系统通知栏下沿位置时,导航栏不再随页面向上移动,自动对各功能标签进行同步移动,以将第一功能标签移动至导航栏的中间位置。
步骤304,对导航栏进行透明化的显示效果处理。
相应的处理过程可以参照上述的实施例,本实施例中不再累述。
步骤305,当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值时,将各功能标签向第一方向进行同步移动,直到第一功能标签的相邻功能标签移动到功能栏的中间位置,并将移动到功能栏的中间位置的功能标签设置为当前选定的功能标签。
实施例四
基于相同的技术构思,本发明实施例还提供了一种显示功能栏的装置,如图4所示,所述装置包括:
加载模块410,用于调用系统视图控件,加载功能栏,并调用系统按钮控件,在所述功能栏中加载多个功能标签;
处理模块420,用于通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理;
显示模块430,用于对处理后的功能栏进行显示。
可选的,所述处理模块420,用于:
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,透明度由靠近所述第一功能标签位置向远离所述第一功能标签位置逐渐升高。
可选的,所述处理模块420,用于:
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签的相邻功能标签处,对功能栏背景图像上层的图像进行透明度渐变的透明化处理,靠近所述第一功能标签位置的透明度大于远离所述第一功能标签位置的透明度;
并通过所述系统视图控件,在所述功能栏中所述第一功能标签的非相邻功能标签处,对功能栏背景图像上层的图像进行预设第一透明度的透明化处理,所述第一透明度大于或等于所述相邻功能标签处的透明度。
可选的,所述处理模块420,还用于:
通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理。
可选的,所述处理模块420,用于:
通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理,并对所述第一功能标签进行预设第三透明度的透明化处理,其中,所述第二透明度大于所述第三透明度。
可选的,所述当前选定的第一功能标签为位于所述功能栏的中间位置的功能标签;
所述装置还包括控制模块,用于:
当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值时,将所述多个功能标签向所述第一方向进行同步移动,直到所述第一功能标签的相邻功能标签移动到所述功能栏的中间位置,并将移动到所述功能栏的中间位置的功能标签设置为当前选定的功能标签;其中,所述第一方向为水平向左或水平向右。
可选的,所述装置还包括控制模块,用于:
在所述调用系统视图控件加载功能栏之前,在所述功能栏的初始显示状态下,当检测到屏幕上的触碰信号在第二方向上存在位移时,将所述功能栏与当前页面沿所述第二方向同步移动;
当所述功能栏移动到预设的极限位置时,停止将所述功能栏向所述第二方向移动,并通过所述功能栏中各功能标签的同步移动,将所述当前选定的第一功能标签移动到所述功能栏的中间位置。
本发明实施例中,调用系统视图控件,加载功能栏,并调用系统按钮控件,在功能栏中加载多个功能标签,通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,对处理后的功能栏进行显示,通过这种方式实现功能栏的透明显示效果,无需存储多张图片,从而,可以减少对存储资源的占用。
需要说明的是:上述实施例提供的显示功能栏的装置在显示功能栏时,仅以上述各功能模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能模块完成,即将装置的内部结构划分成不同的功能模块,以完成以上描述的全部或者部分功能。另外,上述实施例提供的显示功能栏的装置与显示功能栏的方法实施例属于同一构思,其具体实现过程详见方法实施例,这里不再赘述。
实施例五
请参考图5,其示出了本发明实施例所涉及的具有触敏表面的终端结构示意图,用于实施上述实施例中提供的方法。具体来讲:
终端900可以包括RF(RadioFrequency,射频)电路110、包括有一个或一个以上计算机可读存储介质的存储器120、输入单元130、显示单元140、传感器150、音频电路160、WiFi(wirelessfidelity,无线保真)模块170、包括有一个或者一个以上处理核心的处理器180、以及电源190等部件。本领域技术人员可以理解,图5中示出的终端结构并不构成对终端的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。其中:
RF电路110可用于收发信息或通话过程中,信号的接收和发送,特别地,将基站的下行信息接收后,交由一个或者一个以上处理器180处理;另外,将涉及上行的数据发送给基站。通常,RF电路110包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM)卡、收发信机、耦合器、LNA(LowNoiseAmplifier,低噪声放大器)、双工器等。此外,RF电路110还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议,包括但不限于GSM(GlobalSystemofMobilecommunication,全球移动通讯系统)、GPRS(GeneralPacketRadioService,通用分组无线服务)、CDMA(CodeDivisionMultipleAccess,码分多址)、WCDMA(WidebandCodeDivisionMultipleAccess,宽带码分多址)、LTE(LongTermEvolution,长期演进)、电子邮件、SMS(ShortMessagingService,短消息服务)等。
存储器120可用于存储软件程序以及模块,处理器180通过运行存储在存储器120的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器120可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据终端900的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器120可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器120还可以包括存储器控制器,以提供处理器180和输入单元130对存储器120的访问。
输入单元130可用于接收输入的数字或字符信息,以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地,输入单元130可包括触敏表面131以及其他输入设备132。触敏表面131,也称为触摸显示屏或者触控板,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面131上或在触敏表面131附近的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触敏表面131可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器180,并能接收处理器180发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面131。除了触敏表面131,输入单元130还可以包括其他输入设备132。具体地,其他输入设备132可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
显示单元140可用于显示由用户输入的信息或提供给用户的信息以及终端900的各种图形用户接口,这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元140可包括显示面板141,可选的,可以采用LCD(LiquidCrystalDisplay,液晶显示器)、OLED(OrganicLight-EmittingDiode,有机发光二极管)等形式来配置显示面板141。进一步的,触敏表面131可覆盖显示面板141,当触敏表面131检测到在其上或附近的触摸操作后,传送给处理器180以确定触摸事件的类型,随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图5中,触敏表面131与显示面板141是作为两个独立的部件来实现输入和输入功能,但是在某些实施例中,可以将触敏表面131与显示面板141集成而实现输入和输出功能。
终端900还可包括至少一种传感器150,比如光传感器、运动传感器以及其他传感器。具体地,光传感器可包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板141的亮度,接近传感器可在终端900移动到耳边时,关闭显示面板141和/或背光。作为运动传感器的一种,重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于终端900还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
音频电路160、扬声器161,传声器162可提供用户与终端900之间的音频接口。音频电路160可将接收到的音频数据转换后的电信号,传输到扬声器161,由扬声器161转换为声音信号输出;另一方面,传声器162将收集的声音信号转换为电信号,由音频电路160接收后转换为音频数据,再将音频数据输出处理器180处理后,经RF电路110以发送给比如另一终端,或者将音频数据输出至存储器120以便进一步处理。音频电路160还可能包括耳塞插孔,以提供外设耳机与终端900的通信。
WiFi属于短距离无线传输技术,终端900通过WiFi模块170可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图5示出了WiFi模块170,但是可以理解的是,其并不属于终端900的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
处理器180是终端900的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在存储器120内的软件程序和/或模块,以及调用存储在存储器120内的数据,执行终端900的各种功能和处理数据,从而对手机进行整体监控。可选的,处理器180可包括一个或多个处理核心;优选的,处理器180可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器180中。
终端900还包括给各个部件供电的电源190(比如电池),优选的,电源可以通过电源管理系统与处理器180逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源190还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
尽管未示出,终端900还可以包括摄像头、蓝牙模块等,在此不再赘述。具体在本实施例中,终端900的显示单元是触摸屏显示器,终端900还包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行述一个或者一个以上程序包含用于进行以下操作的指令:
调用系统视图控件,加载功能栏,并调用系统按钮控件,在所述功能栏中加载多个功能标签;
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理;
对处理后的功能栏进行显示。
可选的,所述通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,包括:
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,透明度由靠近所述第一功能标签位置向远离所述第一功能标签位置逐渐升高。
可选的,所述通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,透明度由靠近所述第一功能标签位置向远离所述第一功能标签位置逐渐升高,包括:
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签的相邻功能标签处,对功能栏背景图像上层的图像进行透明度渐变的透明化处理,靠近所述第一功能标签位置的透明度大于远离所述第一功能标签位置的透明度;
并通过所述系统视图控件,在所述功能栏中所述第一功能标签的非相邻功能标签处,对功能栏背景图像上层的图像进行预设第一透明度的透明化处理,所述第一透明度大于或等于所述相邻功能标签处的透明度。
可选的,所述方法还包括:
通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理。
可选的,所述通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理,包括:
通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理,并对所述第一功能标签进行预设第三透明度的透明化处理,其中,所述第二透明度大于所述第三透明度。
可选的,所述当前选定的第一功能标签为位于所述功能栏的中间位置的功能标签;
还包括:
当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值时,将所述多个功能标签向所述第一方向进行同步移动,直到所述第一功能标签的相邻功能标签移动到所述功能栏的中间位置,并将移动到所述功能栏的中间位置的功能标签设置为当前选定的功能标签。
可选的,所述调用系统视图控件加载功能栏之前,还包括:
在所述功能栏的初始显示状态下,当检测到屏幕上的触碰信号在第二方向上存在位移时,将所述功能栏与当前页面沿所述第二方向同步移动;
当所述功能栏移动到预设的极限位置时,停止将所述功能栏向所述第二方向移动,并通过所述功能栏中各功能标签的同步移动,将所述当前选定的第一功能标签移动到所述功能栏的中间位置。
本发明实施例中,调用系统视图控件,加载功能栏,并调用系统按钮控件,在功能栏中加载多个功能标签,通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,对处理后的功能栏进行显示,通过这种方式实现功能栏的透明显示效果,无需存储多张图片,从而,可以减少对存储资源的占用。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

Claims (14)

1.一种显示功能栏的方法,其特征在于,所述方法包括:
调用系统视图控件,加载功能栏,并调用系统按钮控件,在所述功能栏中加载多个功能标签;
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理;
对处理后的功能栏进行显示。
2.根据权利要求1所述的方法,其特征在于,所述通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,包括:
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,透明度由靠近所述第一功能标签位置向远离所述第一功能标签位置逐渐升高。
3.根据权利要求2所述的方法,其特征在于,所述通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,透明度由靠近所述第一功能标签位置向远离所述第一功能标签位置逐渐升高,包括:
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签的相邻功能标签处,对功能栏背景图像上层的图像进行透明度渐变的透明化处理,靠近所述第一功能标签位置的透明度大于远离所述第一功能标签位置的透明度;
并通过所述系统视图控件,在所述功能栏中所述第一功能标签的非相邻功能标签处,对功能栏背景图像上层的图像进行预设第一透明度的透明化处理,所述第一透明度大于或等于所述相邻功能标签处的透明度。
4.根据权利要求1所述的方法,其特征在于,所述方法还包括:
通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理。
5.根据权利要求4所述的方法,其特征在于,所述通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理,包括:
通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理,并对所述第一功能标签进行预设第三透明度的透明化处理,其中,所述第二透明度大于所述第三透明度。
6.根据权利要求1所述的方法,其特征在于,所述当前选定的第一功能标签为位于所述功能栏的中间位置的功能标签;
所述方法还包括:
当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值时,将所述多个功能标签向所述第一方向进行同步移动,直到所述第一功能标签的相邻功能标签移动到所述功能栏的中间位置,并将移动到所述功能栏的中间位置的功能标签设置为当前选定的功能标签。
7.根据权利要求1所述的方法,其特征在于,所述调用系统视图控件加载功能栏之前,还包括:
在所述功能栏的初始显示状态下,当检测到屏幕上的触碰信号在第二方向上存在位移时,将所述功能栏与当前页面沿所述第二方向同步移动;
当所述功能栏移动到预设的极限位置时,停止将所述功能栏向所述第二方向移动,并通过所述功能栏中各功能标签的同步移动,将当前选定的第一功能标签移动到所述功能栏的中间位置。
8.一种显示功能栏的装置,其特征在于,所述装置包括:
加载模块,用于调用系统视图控件,加载功能栏,并调用系统按钮控件,在所述功能栏中加载多个功能标签;
处理模块,用于通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理;
显示模块,用于对处理后的功能栏进行显示。
9.根据权利要求8所述的装置,其特征在于,所述处理模块,用于:
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,透明度由靠近所述第一功能标签位置向远离所述第一功能标签位置逐渐升高。
10.根据权利要求9所述的装置,其特征在于,所述处理模块,用于:
通过所述系统视图控件,在所述功能栏当前选定的第一功能标签的相邻功能标签处,对功能栏背景图像上层的图像进行透明度渐变的透明化处理,靠近所述第一功能标签位置的透明度大于远离所述第一功能标签位置的透明度;
并通过所述系统视图控件,在所述功能栏中所述第一功能标签的非相邻功能标签处,对功能栏背景图像上层的图像进行预设第一透明度的透明化处理,所述第一透明度大于或等于所述相邻功能标签处的透明度。
11.根据权利要求8所述的装置,其特征在于,所述处理模块,还用于:
通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理。
12.根据权利要求11所述的装置,其特征在于,所述处理模块,用于:
通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理,并对所述第一功能标签进行预设第三透明度的透明化处理,其中,所述第二透明度大于所述第三透明度。
13.根据权利要求8所述的装置,其特征在于,所述当前选定的第一功能标签为位于所述功能栏的中间位置的功能标签;
所述装置还包括控制模块,用于:
当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值时,将所述多个功能标签向所述第一方向进行同步移动,直到所述第一功能标签的相邻功能标签移动到所述功能栏的中间位置,并将移动到所述功能栏的中间位置的功能标签设置为当前选定的功能标签。
14.根据权利要求8所述的装置,其特征在于,所述装置还包括控制模块,用于:
在所述调用系统视图控件加载功能栏之前,在所述功能栏的初始显示状态下,当检测到屏幕上的触碰信号在第二方向上存在位移时,将所述功能栏与当前页面沿所述第二方向同步移动;
当所述功能栏移动到预设的极限位置时,停止将所述功能栏向所述第二方向移动,并通过所述功能栏中各功能标签的同步移动,将当前选定的第一功能标签移动到所述功能栏的中间位置。
CN201410250659.2A 2014-06-06 2014-06-06 一种显示功能栏的方法和装置 Active CN105278795B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201410250659.2A CN105278795B (zh) 2014-06-06 2014-06-06 一种显示功能栏的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201410250659.2A CN105278795B (zh) 2014-06-06 2014-06-06 一种显示功能栏的方法和装置

Publications (2)

Publication Number Publication Date
CN105278795A true CN105278795A (zh) 2016-01-27
CN105278795B CN105278795B (zh) 2019-12-03

Family

ID=55147905

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201410250659.2A Active CN105278795B (zh) 2014-06-06 2014-06-06 一种显示功能栏的方法和装置

Country Status (1)

Country Link
CN (1) CN105278795B (zh)

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107133003A (zh) * 2017-04-01 2017-09-05 珠海市魅族科技有限公司 一种信息展示方法及终端
CN107193542A (zh) * 2017-03-30 2017-09-22 腾讯科技(深圳)有限公司 信息显示方法和装置
CN108984565A (zh) * 2017-06-02 2018-12-11 北京视联动力国际信息技术有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN109782977A (zh) * 2017-11-13 2019-05-21 腾讯科技(深圳)有限公司 视图处理方法、电子设备及存储介质
CN113065022A (zh) * 2021-04-16 2021-07-02 北京金堤科技有限公司 终端设备的交互控制方法、装置及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102077159A (zh) * 2008-06-26 2011-05-25 微软公司 具有半透明度和实况预览的菜单
CN102508613A (zh) * 2011-11-21 2012-06-20 北京播思软件技术有限公司 一种移动终端浏览器复用屏幕空间的方法及装置
US20120313956A1 (en) * 2010-02-11 2012-12-13 Tencent Technology (Shenzhen) Company Limited Method And Apparatus For Generating A User Interface
CN103164519A (zh) * 2013-03-08 2013-06-19 优视科技有限公司 调整工具栏色调的方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102077159A (zh) * 2008-06-26 2011-05-25 微软公司 具有半透明度和实况预览的菜单
US20120313956A1 (en) * 2010-02-11 2012-12-13 Tencent Technology (Shenzhen) Company Limited Method And Apparatus For Generating A User Interface
CN102508613A (zh) * 2011-11-21 2012-06-20 北京播思软件技术有限公司 一种移动终端浏览器复用屏幕空间的方法及装置
CN103164519A (zh) * 2013-03-08 2013-06-19 优视科技有限公司 调整工具栏色调的方法及装置

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107193542A (zh) * 2017-03-30 2017-09-22 腾讯科技(深圳)有限公司 信息显示方法和装置
CN107133003A (zh) * 2017-04-01 2017-09-05 珠海市魅族科技有限公司 一种信息展示方法及终端
CN107133003B (zh) * 2017-04-01 2018-11-16 珠海市魅族科技有限公司 一种信息展示方法及终端
CN108984565A (zh) * 2017-06-02 2018-12-11 北京视联动力国际信息技术有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN108984565B (zh) * 2017-06-02 2020-04-24 视联动力信息技术股份有限公司 一种导航组件展现方法、装置、电子设备及存储介质
CN109782977A (zh) * 2017-11-13 2019-05-21 腾讯科技(深圳)有限公司 视图处理方法、电子设备及存储介质
CN113065022A (zh) * 2021-04-16 2021-07-02 北京金堤科技有限公司 终端设备的交互控制方法、装置及电子设备
CN113065022B (zh) * 2021-04-16 2024-04-19 北京金堤科技有限公司 终端设备的交互控制方法、装置及电子设备

Also Published As

Publication number Publication date
CN105278795B (zh) 2019-12-03

Similar Documents

Publication Publication Date Title
CN105302408A (zh) 对悬浮按钮的位置进行调节的方法、装置及终端
CN104978115A (zh) 内容显示方法及装置
US20160098853A1 (en) Method and apparatus for processing image
US20150121295A1 (en) Window displaying method of mobile terminal and mobile terminal
CN104133624B (zh) 网页动画显示方法、装置及终端
CN104142789A (zh) 内容选择方法、装置及终端
CN103488403A (zh) 界面布局切换方法、装置和移动终端
CN104636047A (zh) 对列表中的对象进行操作的方法、装置及触屏终端
CN104571787A (zh) 一种消息显示方法和通信终端
CN104915091A (zh) 一种显示状态栏提示信息的方法和装置
US20170046040A1 (en) Terminal device and screen content enlarging method
CN105094809A (zh) 组合图片布局修改方法、装置以及终端设备
CN103390034A (zh) 图片展示的方法、装置、终端及服务器
CN104090879A (zh) 一种图片分享方法、装置和系统
CN104216915A (zh) 网页处理方法、装置和终端设备
CN105278795A (zh) 一种显示功能栏的方法和装置
CN104021129A (zh) 显示组图的方法及终端
CN104881844A (zh) 一种图片组合的方法、装置以及终端设备
CN103631493A (zh) 图片显示方法、装置及电子设备
CN104951215A (zh) 一种页面操作的处理方法和装置
CN104820546A (zh) 功能信息展示方法和装置
CN104007887A (zh) 浮层显示的方法和终端
CN104991699A (zh) 一种视频显示控制的方法和装置
CN103399657A (zh) 鼠标指针的控制方法、装置及终端设备
CN105095259B (zh) 瀑布流对象显示方法及装置

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