一种显示功能栏的方法和装置的制造方法_2

文档序号:9523838阅读:来源:国知局
标签对应的块2的alpha值为0-1,即块2中的透明度从左至右由100% (即alpha值为0)向0%渐变;第一功能标签右侧相邻的功能标签对应的块4的alpha值为1_0,即块2中的透明度从左至右由0%向100%渐变;第一功能标签不相邻的功能标签对应的块1和块5的alpha值为0_0,即在块1和块5中,对背景图像的上层图像进行全透明处理。
[0044]步骤103,对处理后的功能栏进行显示。
[0045]在实施中,经过上述步骤,缓存中的功能栏已经是经过了透明化处理的功能栏,可以将处理后的功能栏进行显示。
[0046]可选的,本发明实施例中,还可以对上述功能标签也进行透明化处理,相应的处理过程可以如下:通过系统按钮控件,对第一功能标签之外的功能标签进行预设第二透明度的透明化处理。
[0047]在实施中,结合对功能标签的透明化处理,可以在步骤102的透明化处理的基础上,进一步增大当前选定的功能标签之外的功能标签的透明度,以突出当前选定的功能标签。
[0048]可选的,还可以对当前选定的功能标签(即第一功能标签)也进行一定程度的透明化处理,相应处理过程可以如下:通过系统按钮控件,对第一功能标签之外的功能标签进行预设第二透明度的透明化处理,并对第一功能标签进行预设第三透明度的透明化处理,其中,第二透明度大于第三透明度。
[0049]其中,第二透明度和第三透明度可以根据实际需求任意设置,例如,第二透明度为50%,第三透明度为20%。
[0050]本发明实施例中,还提供了用户选择功能标签的方法,相应的处理过程可以如下:
[0051]当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值(如5毫米)时,将多个功能标签向第一方向进行同步移动,直到第一功能标签的相邻功能标签移动到功能栏的中间位置,并将移动到功能栏的中间位置的功能标签设置为当前选定的功能标签。
[0052]其中,第一方向可以为水平向左或水平向右。当前选定的第一功能标签可以为位于功能栏的中间位置的功能标签。
[0053]在实施中,每个功能标签对应不同的功能页面,当用户想要对功能页面进行切换时,可以选择该功能页面对应的功能标签,通过滑动操作将该功能标签移动到功能栏中间的位置。用户进行滑动屏幕的操作,当横向上的移动距离达到预设距离阈值时,则会触发各功能标签横向的同步移动,例如,向左滑动距离达到5毫米时,则触发各功能标签的同步向左移动,同步移动的距离可以是第一功能标签宽度的一半与第一功能标签右侧相邻功能标签宽度的一半之和,这样,可以将此右侧相邻功能标签移动到功能栏的中间位置,成为当前选定的功能标签。用户基于上述操作方式,可以选择功能栏中任意一个功能标签。该处理中,应用程序将位于功能栏中间位置的功能标签自动设置为当前选定的功能标签。移动后显示功能栏的处理仍可以使用上述步骤101-103的方法。
[0054]本发明实施例中,可以通过用户的操作触发将功能栏由初始显示状态切换到上述的透明化显示状态(可称第二显示状态),相应的处理过程可以如下:
[0055]步骤一,在功能栏的初始显示状态下,当检测到屏幕上的触碰信号在第二方向上存在位移时,将功能栏与当前页面沿第二方向同步移动。
[0056]其中,初始显示状态可以是应用程序刚启动时功能栏的显示状态,可以称作第一显示状态。当前页面可以是应用程序中功能栏以外的区域当前显示的页面(即上述的功能页面)。
[0057]在实施中,用户启动应用程序或进入某应用界面后,功能栏可以处于初始显示状态,以导航栏为例,在初始显示状态下,导航栏下方为当前页面,导航栏上方与系统通知栏之间还可以显示一些预设的信息,如当前登录账户的相关信息。在初始显示状态下,可以对第一功能标签外的其它功能标签采用固定透明度(如50%)的透明化处理,或者,可以对第一功能标签采用字体加粗的显示效果。在初始显示状态下,用户可以通过点击功能标签的方式选定功能标签,可以通过左右拖动功能栏的方式控制各功能标签左右同步移动。对于功能栏为导航栏的情况,第二方向可以是沿屏幕向上,在导航栏的第一显示状态下,如果用户想要操作进入第二显示状态,可以向上拖动当前页面或导航栏,导航栏和当前页面会随用户的拖动向上同步移动。
[0058]步骤二,当功能栏移动到预设的极限位置时,停止将功能栏向第二方向移动,并通过功能栏中各功能标签的冋步移动,将当如选定的弟一功能标签移动到功能栏的中间位置。
[0059]其中,对于功能栏为导航栏的情况,预设的极限位置可以是导航栏上沿与系统通知栏下沿接触时导航栏的位置。
[0060]在实施中,在导航栏和当前页面随用户的拖动向上同步移动的过程中,如果导航栏上沿移动到与系统通知栏下沿接触的位置,则导航栏停止向上移动,当前页面可以继续随用户的拖动向上移动。当导航栏接触系统通知栏时,可以触发功能栏进入第二显示状态,自动对功能栏中的各功能标签进行横向同步移动,以将第一功能标签移动到功能栏的中间位置,然后通过步骤101-103的流程对功能栏进行透明化的显示。
[0061]本发明实施例中,调用系统视图控件,加载功能栏,并调用系统按钮控件,在功能栏中加载多个功能标签,通过系统视图控件,在功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,对处理后的功能栏进行显示,通过这种方式实现功能栏的透明显示效果,无需存储多张图片,从而,可以减少对存储资源的占用。
[0062]实施例三
[0063]本实施例中将结合具体的应用场景对显示功能栏的方法进行详细的说明。该应用场景中,应用程序为某微博客户端,功能栏为导航栏,各功能标签分别对应不同分类的微博账户组,功能标签对应的功能页面则为展示相应的账户组的博文的页面,功能栏中能够同时显示的功能标签数目为5,当前的应用界面为某用户订阅功能的界面。该应用场景中,显示功能栏的处理过程可以如图3所示,包括如下步骤:
[0064]步骤301,显示导航栏和导航栏中的各功能标签,对当前选定的第一功能标签的字体采用加粗显示效果。
[0065]在实施中,当用户开启应用程序进入当前界面时,应用程序可以执行该步骤的处理过程,对导航栏进行显示。此时,用户可以手动点选功能标签。
[0066]步骤302,当页面被向上拖动时,导航栏随页面向上移动。
[0067]步骤303,当导航栏上沿移动到系统通知栏下沿位置时,导航栏不再随页面向上移动,自动对各功能标签进行同步移动,以将第一功能标签移动至导航栏的中间位置。
[0068]步骤304,对导航栏进行透明化的显示效果处理。
[0069]相应的处理过程可以参照上述的实施例,本实施例中不再累述。
[0070]步骤305,当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值时,将各功能标签向第一方向进行同步移动,直到第一功能标签的相邻功能标签移动到功能栏的中间位置,并将移动到功能栏的中间位置的功能标签设置为当前选定的功能标签。
[0071]实施例四
[0072]基于相同的技术构思,本发明实施例还提供了一种显示功能栏的装置,如图4所示,所述装置包括:
[0073]加载模块410,用于调用系统视图控件,加载功能栏,并调用系统按钮控件,在所述功能栏中加载多个功能标签;
[0074]处理模块420,用于通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理;
[0075]显示模块430,用于对处理后的功能栏进行显示。
[0076]可选的,所述处理模块420,用于:
[0077]通过所述系统视图控件,在所述功能栏当前选定的第一功能标签之外的功能标签处,对功能栏背景图像上层的图像进行透明化处理,透明度由靠近所述第一功能标签位置向远离所述第一功能标签位置逐渐升高。
[0078]可选的,所述处理模块420,用于:
[0079]通过所述系统视图控件,在所述功能栏当前选定的第一功能标签的相邻功能标签处,对功能栏背景图像上层的图像进行透明度渐变的透明化处理,靠近所述第一功能标签位置的透明度大于远离所述第一功能标签位置的透明度;
[0080]并通过所述系统视图控件,在所述功能栏中所述第一功能标签的非相邻功能标签处,对功能栏背景图像上层的图像进行预设第一透明度的透明化处理,所述第一透明度大于或等于所述相邻功能标签处的透明度。
[0081]可选的,所述处理模块420,还用于:
[0082]通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理。
[0083]可选的,所述处理模块420,用于:
[0084]通过所述系统按钮控件,对所述第一功能标签之外的功能标签进行预设第二透明度的透明化处理,并对所述第一功能标签进行预设第三透明度的透明化处理,其中,所述第二透明度大于所述第三透明度。
[0085]可选的,所述当前选定的第一功能标签为位于所述功能栏的中间位置的功能标签;
[0086]所述装置还包括控制模块,用于:
[0087]当检测到屏幕上的触碰信号在第一方向上的滑动距离达到预设距离阈值时,将所述多个功能标签向所述第一方向进行同步移动,直到所述第一功能标签的相邻功能标签移动到所述功能栏的中间位置,并将移动到所述功能栏的中间位置的功能标签设置为当前选定的功能标签;其中,所述第一方向为水平向左或水平向右。
[0088]可选的,所述装置还包括控制模块,用于:
[0089]在所述调用系统视图控件加载功能栏之前,在所述功能栏的初始显示状态下,
当前第2页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1