侧边栏图标设置方法、装置、终端及存储介质与流程

文档序号:16427763发布日期:2018-12-28 19:54阅读:384来源:国知局
侧边栏图标设置方法、装置、终端及存储介质与流程

本申请实施例涉及人机交互领域,特别涉及一种侧边栏图标设置方法、装置、终端及存储介质。

背景技术

为了提高用户的操作效率,越来越多的移动终端开始提供侧边栏功能。用户采用预定方式呼出侧边栏后,通过点击侧边栏中的快捷工具图标或应用图标,即可使用快捷工具或开启应用程序,提高了用户的操作效率。

在设置侧边栏中所显示的图标时,用户可以通过设置入口进入侧边栏设置页面,从而在该界面中增加或删除侧边栏中显示的图标。



技术实现要素:

本申请实施例提供了一种侧边栏图标设置方法、装置、终端及存储介质,可以用于解决用户需要进入侧边栏设置页面才能对侧边栏中显示的图标进行设置,操作繁琐的问题。所述技术方案如下:

一方面,提供了一种侧边栏图标设置方法,所述方法包括:

显示侧边栏,所述侧边栏中包含至少一个侧边栏图标;

当接收到对所述侧边栏图标的第一操作信号时,在所述侧边栏的周侧显示图标编辑栏,所述图标编辑栏中包含至少一个编辑图标;

当接收到对所述编辑图标的第二操作信号时,在所述侧边栏中显示选中的所述编辑图标;

当接收到对所述侧边栏图标的第三操作信号时,隐藏所述侧边栏中选中的所述侧边栏图标。

另一方面,提供了一种侧边栏图标设置装置,所述装置包括:

第一显示模块,用于显示侧边栏,所述侧边栏中包含至少一个侧边栏图标;

第二显示模块,用于当接收到对所述侧边栏图标的第一操作信号时,在所述侧边栏的周侧显示图标编辑栏,所述图标编辑栏中包含至少一个编辑图标;

第三显示模块,用于当接收到对所述编辑图标的第二操作信号时,在所述侧边栏中显示选中的所述编辑图标;

第一隐藏模块,用于当接收到对所述侧边栏图标的第三操作信号时,隐藏所述侧边栏中选中的所述侧边栏图标。

另一方面,提供了一种终端,所述终端包括处理器和存储器,所述存储器中存储有至少一条指令,所述指令由所述处理器加载并执行以实现如上述所述的侧边栏图标设置方法。

另一方面,提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令,所述指令由处理器加载并执行以实现如上述所述的侧边栏图标设置方法。

本申请实施例提供的技术方案带来的有益效果至少包括:

当接收到对侧边栏中侧边栏图标的第一操作信号时,终端根据第一操作信号在用户界面中侧边栏的周侧显示图标编辑栏,并根据用户对侧边栏中侧边栏图标或图标编辑栏中编辑图标的操作实现对侧边栏图标的设置,相较于相关技术中用户需要进入侧边栏设置页面才能对侧边栏中显示的图标进行设置,本申请实施例中,借助侧边栏周侧显示的图标编辑栏实现图标设置,而无需再进入特定设置页面,简化了用户的操作程序,提高了侧边栏图标设置的效率。

附图说明

为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1和图2是本申请一个示例性实施例提供的终端的结构方框图;

图3至图8是图1和图2所示实施例涉及的五种带有不同显示屏的终端的示意图;

图9示出了本申请一个示例性实施例提供的侧边栏图标设置方法的方法流程图;

图10是本申请一个实施例提供的竖屏状态下用户通过浮标触发显示侧边栏的界面示意图;

图11是横屏状态下用户呼出侧边栏的界面示意图;

图12示出了本申请另一个示例性实施例提供的侧边栏图标设置方法的方法流程图;

图13示出了本申请另一个示例性实施例提供的侧边栏图标设置方法的方法流程图;

图14是触发显示图标编辑栏过程的界面示意图;

图15是侧边栏图标设置过程的界面示意图;

图16示出了本申请另一个示例性实施例提供的侧边栏图标设置方法的方法流程图;

图17是利用角标设置侧边栏图标过程的界面示意图;

图18示出了本申请一个示例性实施例提供的侧边栏图标设置装置的结构框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。

参考图1和图2所示,其示出了本申请一个示例性实施例提供的终端100的结构方框图。该终端100可以是手机、平板电脑、笔记本电脑和电子书等。本申请中的终端100可以包括一个或多个如下部件:处理器110、存储器120和触摸显示屏130。

处理器110可以包括一个或者多个处理核心。处理器110利用各种接口和线路连接整个终端100内的各个部分,通过运行或执行存储在存储器120内的指令、程序、代码集或指令集,以及调用存储在存储器120内的数据,执行终端100的各种功能和处理数据。可选的,处理器110可以采用数字信号处理(digitalsignalprocessing,dsp)、现场可编程门阵列(field-programmablegatearray,fpga)、可编程逻辑阵列(programmablelogicarray,pla)中的至少一种硬件形式来实现。处理器110可集成中央处理器(centralprocessingunit,cpu)、图像处理器(graphicsprocessingunit,gpu)和调制解调器等中的一种或几种的组合。其中,cpu主要处理操作系统、用户界面和应用程序等;gpu用于负责触摸显示屏130所需要显示的内容的渲染和绘制;调制解调器用于处理无线通信。可以理解的是,上述调制解调器也可以不集成到处理器110中,单独通过一块芯片进行实现。

存储器120可以包括随机存储器(randomaccessmemory,ram),也可以包括只读存储器(read-onlymemory)。可选的,该存储器120包括非瞬时性计算机可读介质(non-transitorycomputer-readablestoragemedium)。存储器120可用于存储指令、程序、代码、代码集或指令集。存储器120可包括存储程序区和存储数据区,其中,存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现下述各个方法实施例的指令等;存储数据区可存储根据终端100的使用所创建的数据(比如音频数据、电话本)等。

以操作系统为安卓(android)系统为例,存储器120中存储的程序和数据如图1所示,存储器120中存储有linux内核层220、系统运行库层240、应用框架层260和应用层280。linux内核层220为终端100的各种硬件提供了底层的驱动,如显示驱动、音频驱动、摄像头驱动、蓝牙驱动、wi-fi驱动、电源管理等。系统运行库层240通过一些c/c++库来为android系统提供了主要的特性支持。如sqlite库提供了数据库的支持,opengl/es库提供了6绘图的支持,webkit库提供了浏览器内核的支持等。在系统运行库层240中还提供有android运行时库242(androidruntime),它主要提供了一些核心库,能够允许开发者使用java语言来编写android应用。应用框架层260提供了构建应用程序时可能用到的各种api,开发者也可以通过使用这些api来构建自己的应用程序,比如活动管理、窗口管理、视图管理、通知管理、内容提供者、包管理、通话管理、资源管理、定位管理。应用层280中运行有至少一个应用程序,这些应用程序可以是操作系统自带的联系人程序、短信程序、时钟程序、相机应用等;也可以是第三方开发者所开发的应用程序,比如即时通信程序、相片美化程序等。

以操作系统为ios系统为例,存储器120中存储的程序和数据如图2所示,ios系统包括:核心操作系统层320(coreoslayer)、核心服务层340(coreserviceslayer)、媒体层360(medialayer)、可触摸层380(cocoatouchlayer)。核心操作系统层320包括了操作系统内核、驱动程序以及底层程序框架,这些底层程序框架提供更接近硬件的功能,以供位于核心服务层340的程序框架所使用。核心服务层340提供给应用程序所需要的系统服务和/或程序框架,比如基础(foundation)框架、账户框架、广告框架、数据存储框架、网络连接框架、地理位置框架、运动框架等等。媒体层360为应用程序提供有关视听方面的接口,如图形图像相关的接口、音频技术相关的接口、视频技术相关的接口、音视频传输技术的无线播放(airplay)接口等。可触摸层380为应用程序开发提供了各种常用的界面相关的框架,可触摸层380负责用户在终端100上的触摸交互操作。比如本地通知服务、远程推送服务、广告框架、游戏工具框架、消息用户界面接口(userinterface,ui)框架、用户界面uikit框架、地图框架等等。

在图2所示出的框架中,与大部分应用程序有关的框架包括但不限于:核心服务层340中的基础框架和可触摸层380中的uikit框架。基础框架提供许多基本的对象类和数据类型,为所有应用程序提供最基本的系统服务,和ui无关。而uikit框架提供的类是基础的ui类库,用于创建基于触摸的用户界面,ios应用程序可以基于uikit框架来提供ui,所以它提供了应用程序的基础架构,用于构建用户界面,绘图、处理和用户交互事件,响应手势等等。

触摸显示屏130用于接收用户使用手指、触摸笔等任何适合的物体在其上或附近的触摸操作,以及显示各个应用程序的用户界面。触摸显示屏130通常设置在终端130的前面板。触摸显示屏130可被设计成为全面屏、曲面屏或异型屏。触摸显示屏130还可被设计成为全面屏与曲面屏的结合,异型屏与曲面屏的结合,本实施例对此不加以限定。其中:

全面屏

全面屏可以是指触摸显示屏130占用终端100的前面板的屏占比超过阈值(比如80%或90%或95%)的屏幕设计。屏占比的一种计算方式为:(触摸显示屏130的面积/终端100的前面板的面积)*100%;屏占比的另一种计算方式为:(触摸显示屏130中实际显示区域的面积/终端100的前面板的面积)*100%;屏占比的再一种计算方式为:(触摸显示屏130的对角线/在终端100的前面板的对角线)*100%。示意性的如图3所示的例子中,终端100的前面板上近乎所有区域均为触摸显示屏130,在终端100的前面板40上,除中框41所产生的边缘之外的其它区域,全部为触摸显示屏130。该触摸显示屏130的四个角可以是直角或者圆角。

全面屏还可以是将至少一种前面板部件集成在触摸显示屏130内部或下层的屏幕设计。可选的,该至少一种前面板部件包括:摄像头、指纹传感器、接近光传感器、距离传感器等。在一些实施例中,将传统终端的前面板上的其他部件集成在触摸显示屏130的全部区域或部分区域中,比如将摄像头中的感光元件拆分为多个感光像素后,将每个感光像素集成在触摸显示屏130中每个显示像素中的黑色区域中。由于将至少一种前面板部件集成在了触摸显示屏130的内部,所以全面屏具有更高的屏占比。

当然在另外一些实施例中,也可以将传统终端的前面板上的前面板部件设置在终端100的侧边或背面,比如将超声波指纹传感器设置在触摸显示屏130的下方、将骨传导式的听筒设置在终端130的内部、将摄像头设置成位于终端的侧边且可插拔的结构。

在一些可选的实施例中,当终端100采用全面屏时,终端100的中框的单个侧边,或两个侧边(比如左、右两个侧边),或四个侧边(比如上、下、左、右四个侧边)上设置有边缘触控传感器120,该边缘触控传感器120用于检测用户在中框上的触摸操作、点击操作、按压操作和滑动操作等中的至少一种操作。该边缘触控传感器120可以是触摸传感器、热力传感器、压力传感器等中的任意一种。用户可以在边缘触控传感器120上施加操作,对终端100中的应用程序进行控制。

曲面屏

曲面屏是指触摸显示屏130的屏幕区域不处于一个平面内的屏幕设计。一般的,曲面屏至少存在这样一个截面:该截面呈弯曲形状,且曲面屏在沿垂直于该截面的任意平面方向上的投影为平面的屏幕设计,其中,该弯曲形状可以是u型。可选的,曲面屏是指至少一个侧边是弯曲形状的屏幕设计方式。可选的,曲面屏是指触摸显示屏130的至少一个侧边延伸覆盖至终端100的中框上。由于触摸显示屏130的侧边延伸覆盖至终端100的中框,也即将原本不具有显示功能和触控功能的中框覆盖为可显示区域和/或可操作区域,从而使得曲面屏具有了更高的屏占比。可选的,如图4所示的例子中,曲面屏是指左右两个侧边42是弯曲形状的屏幕设计;或者,曲面屏是指上下两个侧边是弯曲形状的屏幕设计;或者,曲面屏是指上、下、左、右四个侧边均为弯曲形状的屏幕设计。在可选的实施例中,曲面屏采用具有一定柔性的触摸屏材料制备。

异型屏

异型屏是外观形状为不规则形状的触摸显示屏,不规则形状不是矩形或圆角矩形。可选的,异型屏是指在矩形或圆角矩形的触摸显示屏130上设置有凸起、缺口和/或挖孔的屏幕设计。可选的,该凸起、缺口和/或挖孔可以位于触摸显示屏130的边缘、屏幕中央或两者均有。当凸起、缺口和/或挖孔设置在一条边缘时,可以设置在该边缘的中间位置或两端;当凸起、缺口和/或挖孔设置在屏幕中央时,可以设置在屏幕的上方区域、左上方区域、左侧区域、左下方区域、下方区域、右下方区域、右侧区域、右上方区域中的一个或多个区域中。当设置在多个区域中时,凸起、缺口和挖孔可以集中分布,也可以分散分布;可以对称分布,也可以不对称分布。可选的,该凸起、缺口和/或挖孔的数量也不限。

由于异型屏将触摸显示屏的上额区和/或下额区覆盖为可显示区域和/或可操作区域,使得触摸显示屏在终端的前面板上占据更多的空间,所以异型屏也具有更大的屏占比。在一些实施例中,缺口和/或挖孔中用于容纳至少一种前面板部件,该前面板部件包括摄像头、指纹传感器、接近光传感器、距离传感器、听筒、环境光亮度传感器、物理按键中的至少一种。

示例性的,该缺口可以设置在一个或多个边缘上,该缺口可以是半圆形缺口、直角矩形缺口、圆角矩形缺口、水滴形状缺口或不规则形状缺口。示意性的如图5所示的例子中,异型屏可以是在触摸显示屏130的上边缘的中央位置设置有半圆形缺口43的屏幕设计,该半圆形缺口43所空出的位置用于容纳摄像头、距离传感器(又称接近传感器)、听筒、环境光亮度传感器中的至少一种前面板部件;示意性的如图6所示,异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半圆形缺口44的屏幕设计,该半圆形缺口44所空出的位置用于容纳物理按键、指纹传感器、麦克风中的至少一种部件;示意性的如图7所示的例子中,异型屏可以是在触摸显示屏130的下边缘的中央位置设置有半椭圆形缺口45的屏幕设计,同时在终端100的前面板上还形成有一个半椭圆型缺口,两个半椭圆形缺口围合成一个椭圆形区域,该椭圆形区域用于容纳物理按键或者指纹识别模组;示意性的如图8所示的例子中,异型屏可以是在触摸显示屏130中的上半部中设置有至少一个小孔45的屏幕设计,该小孔45所空出的位置用于容纳摄像头、距离传感器、听筒、环境光亮度传感器中的至少一种前面板部件。

除此之外,本领域技术人员可以理解,上述附图所示出的终端100的结构并不构成对终端100的限定,终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。比如,终端100中还包括射频电路、输入单元、传感器、音频电路、无线保真(wirelessfidelity,wifi)模块、电源、蓝牙模块等部件,在此不再赘述。

需要说明的是,本申请实施例提供侧边栏图标设置方法,可以用于具有全面屏、曲面屏、异形屏、折叠屏或其他屏幕形态的终端,本申请实施例仅以应用于异形屏(水滴屏)终端为例进行示意性说明。

用户在设置侧边栏中所显示的图标时,通过设置入口进入侧边栏设置页面,从而在设置页面中选择增加或者删除侧边栏中显示的图标。显然,用户在设置侧边栏图标时,步骤繁琐,不便于操作,例如,当用户使用终端进行阅读新闻时,若此时需要使用翻译快捷工具,而侧边栏中没有该快捷工具时,用户必须退出阅读界面进入设置界面,将翻译快捷工具添加至侧边栏,以便阅读时随时使用。

为了解决上述问题,本申请实施例中,终端基于用户的操作可以在侧边栏周侧显示图标编辑栏,并根据用户对图标编辑栏和侧边栏的操作实现对侧边栏中的图标的设置,简化了用户的操作程序,提高了操作效率。

请参考图9,其示出了本申请一个示例性实施例提供的侧边栏图标设置方法。本实施例以该方法应用于上述图1和图2提供的终端中来举例说明。所述方法包括:

步骤901:显示侧边栏,侧边栏中包含至少一个侧边栏图标。

本申请实施例中,终端当前处于竖屏状态,或者,终端当前处于横屏状态。

在一种可能的实施方式中,终端根据传感器数据(比如重力加速度数据)确定终端当前的姿态。本申请实施例并不对终端识别终端当前姿态的方式进行限定。

当终端当前处于竖屏状态时,在一种可能的实施方式中,终端接收对用户界面中浮标的触发信号(点击信号或滑动信号)后,在用户界面上显示侧边栏。其中,该用户界面是前台运行应用程序的界面,或者,该用户界面是系统主界面,且侧边栏中的图标以z型排列显示。

可选的,用户界面的右侧边缘区域为浮标的默认显示区域,该浮标即吸附在用户界面的右边缘。

在一种可能的实施方式中,终端可以根据用户对浮标的操作,改变浮标的显示区域。其中,终端根据用户操作改变浮标显示区域时包括以下步骤。

一、接收对浮标的第一移动操作信号,其中,接收到第一移动操作信号后,浮标处于可移动状态。

为了避免将用户触发浮标操作误认为是移动浮标的操作,当未接收到第一移动操作信号时,用户无法改变浮标在用户界面上的显示区域。当接收到对第一操作信号时,终端确定用户需要移动浮标,进而将浮标设置为可移动状态。

其中,第一移动操作信号不同于浮标的触发信号,可选的,当浮标的触发信号为单击信号或滑动信号时,第一移动操作信号可以为长按信号(点击时长大于时间阈值)、双击信号或按压信号(压力大于压力阈值)。

可选的,当接收到第一移动操作信号时,浮标的形状发生变化,以显示浮标处于可移动状态。

二、当接收对浮标的第二移动操作信号时,控制浮标在当前所在边缘的预设移动范围内移动。

可移动状态下,当接收到对浮标的第二移动操作信号时,终端即根据第二移动操作信号控制浮标在当前所在边缘上向上或向下移动。其中,第二移动操作信号可以为向上拖动信号或向下拖动信号,且第二移动操作信号与第一移动操作信号为同一连贯操作,比如,该连贯操作为长按浮标并向上拖动浮标。

由于浮标被触发时,终端会根据浮标的位置显示侧边栏,为了避免浮标被移动至临近上下边缘区域时,侧边栏无法完整显示的问题,终端根据第二移动操作信号控制浮标在当前所在边缘的预设范围内移动,浮标不能被移动到预设范围外。可选的,侧边栏的位置与浮标的位置对齐,侧边栏的预设范围与浮标的预设范围保持一致,当侧边栏的位置达到预设范围的极限位置,而浮标的位置未达到预设范围的极限位置时,用户仍可移动浮标,但此时侧边栏的位置不变。

三、当接收到对浮标的第三移动操作信号时,控制浮标移动至当前所在边缘的对侧边缘。

用户除了可以改变浮标在所在边缘上的显示位置外,还可以手动改变浮标所在的边缘。可移动状态下,当接收到对浮标的第三移动操作信号时,终端即根据第三移动操作信号控制浮标从当前所在边缘移动至当前所在边缘的对侧边缘(比如从右侧边缘移动至左侧边缘)。其中,第三移动操作信号与第一移动操作信号为同一连贯操作,比如,该连贯操作为长按浮标并向右拖动浮标。

可选的,第三移动操作信号为向左拖动信号或向右拖动信号,且第二移动操作信号指示的拖动距离大于用户界面宽度的二分之一;或者,第三移动操作信号为向左滑动信号或向右滑动信号,且第三移动操作信号指示的滑动速度大于速度阈值(比如20px/s)。

本申请实施例对侧边栏的形状不做限定,其可以是圆形菜单、矩形菜单、扇形菜单或者其他不规则形状菜单。

本申请实施例对侧边栏图标的形状不做限定,其可以是图形图标或方形图标等等。

示意性的,如图10所示,当触发用户界面右侧界面的浮标101时,用户界面上即显示侧边栏102,同时隐藏浮标101,侧边栏102内包括若干个图标103。

当终端当前处于横屏状态时,在一种可实施方式中,终端接收用户对屏幕顶部的触发信号后,即在用户界面上显示侧边栏。可选的,该触发信号为滑动信号。

示意性的,如图11所示,当用户滑动屏幕顶部时,终端即在用户界面上显示侧边栏102,侧边栏102内包括若干个图标103。

步骤902:当接收到对侧边栏图标的第一操作信号时,在侧边栏的周侧显示图标编辑栏,图标编辑栏中包含至少一个编辑图标。

可选的,当接收到对侧边栏图标的触发信号时,终端即启用对应的快捷工具或者应用程序。可选的,当用户点击侧边栏图标时,终端即自动收起侧边栏,打开相应的快捷工具或者应用程序。

可选的,若侧边栏中侧边栏图标对应的应用程序有未读通知,则在侧边栏图标上显示角标,以提醒用户进入查看。

当接收到对侧边栏图标的第一操作信号时,终端确定进入侧边栏编辑状态,在侧边栏周侧显示图标编辑栏,该图标编辑栏中包含至少一个编辑图标。其中,不同的编辑图标对应不同的快捷功能或者应用程序,比如截图工具图标、录音工具图标、即时通信应用程序图标等等。

其中,侧边栏周侧是指侧边栏的四周的空余区域。比如,竖屏状态下,当侧边栏位于用户界面的右边缘时,终端确定进入侧边栏编辑状态,在侧边栏的左侧显示图标编辑栏;横屏状态下,当侧边栏位于用户界面的上边缘时,终端确定进入侧边栏编辑状态,在侧边栏的右侧侧显示图标编辑栏。

其中,第一操作信号不同于侧边栏图标的触发信号,可选的,若侧边栏图标的触发信号为点击信号,第一操作信号可以为长按信号(点击时长大于时间阈值)、双击信号或按压信号(压力大于压力阈值)。

可选的,若图标编辑栏中的编辑图标同时显示在侧边栏中,则在图标编辑栏中对该编辑图标进行灰化处理,且灰化处理后,该编辑图标处于不可操作状态。

可选的,在编辑状态下,终端底层用户界面对用户的任何操作信号均不做出响应。

可选的,在编辑状态下,用户可以通过拖动侧边栏图标来调整侧边栏图标的排序。

步骤903:当接收到对编辑图标的第二操作信号时,在侧边栏中显示选中的编辑图标。

当接收到对图标编辑栏中编辑图标的第二操作信号时,终端即将选中的编辑图标添加到侧边栏中。后续呼出侧边栏后,该侧边栏中即包含该编辑图标。

可选的,第二操作信号是如下至少一种:单击信号、双击信号、长按拖动信号或按压信号。

可选的,终端在侧边栏的最末位置显示选中的编辑图标。比如,用户可以长按编辑图标并拖动该编辑图标至侧边栏中,停止操作后,侧边栏的最末位置显示了该编辑图标,从而实现了侧边栏中图标的添加。

步骤904:当接收到对侧边栏图标的第三操作信号时,隐藏侧边栏中选中的侧边栏图标。

可选的,第二操作信号是如下至少一种:单击信号、双击信号、长按拖动信号或按压信号。比如,用户可以长按侧边栏图标并拖动该侧边栏图标至图标编辑栏,停止操作后,该侧边栏图标被隐藏,从而实现了侧边栏中图标的删减。

综上所述,当接收到对侧边栏中侧边栏图标的第一操作信号时,终端根据第一操作信号在用户界面中侧边栏的周侧显示图标编辑栏,并根据用户对侧边栏中侧边栏图标或图标编辑栏中编辑图标的操作实现对侧边栏图标的设置,相较于相关技术中用户需要进入侧边栏设置页面才能对侧边栏中显示的图标进行设置,本申请实施例中,借助侧边栏周侧显示的图标编辑栏实现图标设置,无需在进入特定设置页面,简化了用户的操作程序,提高了侧边栏图标设置的效率。

为了区分不同类型的图标,方便用户对不同类型的图标进行分区域操作,在一种可能的实施方式中,侧边栏被划分为第一图标显示区域和第二图标显示区域。其中,第一图标显示区域中的侧边栏图标固定,即该区域中的侧边栏图标不能增加或者删除,而第二图标显示区域中的侧边栏图标具有编辑功能,用户可以根据自己的选择进行增加或者删除。

请参考图12,其示出了本申请另一个示例性实施例提供的侧边栏图标设置方法的方法流程图。本申请实施例以该方法应用于上述图1或图2提供的终端中来举例说明。所述方法包括:

步骤1201:显示侧边栏,侧边栏包括第一图标显示区域和第二图标显示区域。

本步骤中显示侧边栏的实施方式与步骤901相似,本实施例在此不再赘述。

此外,第一图标显示区域中的侧边栏图标固定,用户不能对该区域中的侧边栏图标进行设置。

可选的,该第一图标显示区域内的侧边栏图标包括速记功能图标和文件台功能图标。其中,用户可以利用速记功能记录生活事项,用户可以点击文件台功能图标查找分享近期使用的文件、图片等等。

第二图标显示区域中的侧边栏图标具备编辑功能,用户可以对该区域中的侧边栏图标进行添加或者删除。

可选的,当侧边栏中侧边栏图标的数量超过图标数量阈值时,侧边栏底部设置有分页符,用户可以通过左右滑动来查看下一页的侧边栏图标;当侧边栏中单页的侧边栏图标的数量小于图标数量阈值时,则在侧边栏的图标最末位置增加一个添加图标,用户点击该添加符号即可添加侧边栏图标。可选的,当第二图标显示区域不包含侧边栏图标时,第二图标显示区域仅提供一个添加图标,用户点击该添加图标即可添加侧边栏图标。比如,图标数量阈值为8。

步骤1202:当接收到对第二图标显示区域内侧边栏图标的第一操作信号时,在侧边栏的周侧显示图标编辑栏。

本实施例中,由于第一图标显示区域内的侧边栏图标固定,因此,终端不会对第一图标显示区域的第一操作信号做出响应,即接收到对第一图标显示区域内侧边栏图标的第一操作信号时,终端不会显示图标编辑栏。

可选的,当接收到对第一图标显示区域内侧边栏图标的第一操作信号时,侧边栏下方显示提示,提示用户对第二图标显示区域进行操作方可进入编辑状态。

可选的,第一操作信号为长按信号(点击时长大于时间阈值)、双击信号或按压信号(压力大于压力阈值)。

在一种可能的实施方式中,第二图标显示区域包含至少两个图标显示子区域,不同的图标显示子区域用于显示不同图标类型的侧边栏图标,其中,图标类型包括工具类图标和应用类图标中的至少一种。

可选的,工具类图标对应终端的快捷功能,比如,截屏、录屏等,应用类图标对应终端安装的应用程序,比如,游戏应用程序、新闻阅读应用程序等。

示意性的,第二图标显示区域包括快捷工具区域和快捷应用区域。其中,快捷工具区域中的图标为工具类图标,快捷应用区域中的图标为应用类图标。相应地,图标编辑栏包括快捷工具编辑区域和快捷应用编辑区域。下面的实施例均以该划分方式为例予以说明。

在一种可实施的方式中,参考图13所示,步骤1202可以包括以下步骤。

步骤1202a:当接收到对第二图标显示区域内侧边栏图标的第一操作信号时,确定第一操作信号所在的目标图标显示子区域;

当第一操作信号所在的区域为快捷工具区域时,则确定快捷工具区域为目标图标显示子区域;当第一操作信号所在的区域为快捷应用区域时,则确定快捷应用区域为目标图标显示子区域。

步骤1202b:根据目标图标显示子区域对应的目标图标类型,在图标编辑栏中显示属于目标图标类型的编辑图标。

可选的,当目标图标显示子区域为快捷工具区域时,终端在图标编辑栏中显示快捷工具对应的编辑图标,快捷应用对应的编辑图标不在图标编辑栏中显示;当目标图标显示子区域为快捷应用区域时,在图标编辑栏中显示快捷应用对应的编辑图标,快捷工具对应的编辑图标不再显示,从而使用户有目的性地进行图标设置。

示意性的,如图14所示,第一图标显示区域141包括文件台图标和速记图标,第二图标显示区域包括快捷工具区域142和快捷应用区域143,其中,快捷工具区域142包括翻译图标142a和录屏图标142b等,快捷应用区域143包括6个应用程序图标143a。当用户长按其中一个应用程序图标后,用户界面上显示图标编辑栏144,此时图标编辑栏144中显示快捷应用程序对应的编辑图标144a,而不显示快捷工具对应的编辑图标。

需要说明的是,在其他可能的实施方式中,当接收到对第二图标显示区域内侧边栏图标的第一操作信号时,终端在图标编辑栏中显示不同类型的编辑图标(比如将快捷工具和快捷应用程序对应的编辑图标同时显示在图标编辑栏中),本申请实施例在此不再赘述。

通常情况下,由于用户使用侧边栏是为了快速地使用当前应用相关的快捷功能或者进入与当前应用相关的其他应用,因此,终端在图标编辑栏中将与当前应用相关的编辑图标置于醒目的位置,以便用户快速将相应编辑图标添加至侧边栏。在另一种可实施的方式中,如图13所示,本步骤可以包括如下步骤。

步骤1202c:当接收到对第二图标显示区域内侧边栏图标的第一操作信号时,获取前台应用程序的应用标识。

当接收到对第二图标显示区域内侧边栏图标的第一操作信号时,终端获取前台应用程序的应用标识,该应用标识具有唯一性。

可选的,第一操作信号为长按信号(点击时长大于时间阈值)、双击信号或按压信号(压力大于压力阈值)。比如,若用户在使用新闻阅读客户端的同时,长按快捷工具区域的侧边栏图标,则终端即获取该新闻阅读客户端的应用标识。

步骤1202d:根据应用标识和预设对应关系,获取前台应用程序对应的目标编辑图标。

可选的,该预设对应关系中包含应用程序与高频快捷工具之间的对应关系,和/或,该预设对应关系中包含应用程序与关联应用程序之间的对应关系。其中,高频快捷工具指在当前应用程序中使用频率高于频率阈值的快捷工具,关联应用程序指与当前应用程序关联度大于关联度阈值的应用程序,该关联度可以根据应用类型、应用切换关系以及应用开发商确定。

相应的,终端获取前台应用程序的应用标识后,即根据该应用标识和预设对应关系,获取前台应用程序对应的高频快捷工具和/或关联应用程序,从而将高频快捷工具对应的快捷工具图标,和/或,关联应用程序对应的应用程序图标,确定为目标编辑图标。

比如,当前台应用程序为英语阅读类应用程序时,由于用户在英文阅读时通常需要使用翻译工具,因此,终端确定翻译图标为目标编辑图标;当前台应用程序为购物类应用程序时,由于用户在购物过程中通常需要进行比价,因此,终端确定比价类应用程序的图标为目标编辑图标。

步骤1202e:在图标编辑栏中显示目标编辑图标。

若目标编辑图标并不在侧边栏中,为了方便用户将目标编辑图标添加至侧边栏,终端则在图标编辑栏中显示该目标编辑图标,以此方便用户快速向侧边栏中添加图标。

步骤1203:当接收到对第二图标显示区域内侧边栏图标的第一操作信号时,隐藏侧边栏中的第一图标显示区域。

由于第一图标显示区域中的侧边栏图标固定,用户不可对其进行设置,因此,在进入编辑状态后,为了减少不必要的界面占用,终端隐藏侧边栏中的第一图标显示区域。

步骤1204:调整第二图标显示区域在侧边栏中的显示位置,并在侧边栏的周侧显示完成编辑控件。

可选的,当终端隐藏第一图标显示区域后,第二图标显示区域补齐第一图标显示区域的位置,并在侧边栏的下方显示完成编辑控件,该完成编辑控件用于结束侧边栏的编辑状态,或者,当终端隐藏第一图标显示区域后,在先前第一图标显示区域的位置上显示完成编辑控件。本申请实施例并不对完成编辑控件的显示位置进行限定。

示意性的,如图15所示,当用户长按快捷应用区域153中应用程序图标c后,侧边栏的左侧显示图标编辑栏151,第一图标显示区域155被隐藏,快捷工具区域152和快捷应用区域153的位置上移,补齐第一图标显示区域155的位置后,在侧边栏的下方显示完成编辑控件154。

步骤1205:当接收到对编辑图标的第二操作信号时,在侧边栏中显示选中的编辑图标。

上述步骤的实施方式与步骤903相似,本申请实施例在此不再赘述。

步骤1206:当接收到对编辑图标的第二操作信号时,隐藏图标编辑栏中选中的编辑图标。

可选的,第二操作信号为单击信号、双击信号、长按拖动信号或按压信号。

可选的,当接收到对编辑图标的第二操作信号时,终端在侧边栏中最末图标位置显示该编辑图标,同时在图标编辑栏将该编辑图标灰化,以表明该编辑图标已经显示在侧边栏中。

可选的,为了体现侧边栏中图标的增减过程,当接收到对图标编辑栏的第二操作信号时,隐藏该编辑图标以及在侧边栏显示该编辑图标的过程采用过渡动画的方式,其中,过渡动画是指使用连续动态的方式来表现图标位置变换的过渡过程。

步骤1207:接收到对侧边栏图标的第三操作信号时,隐藏侧边栏中选中的侧边栏图标。

上述步骤的实施方式与步骤904相似,本申请实施例在此不再赘述。

步骤1208:当接收到对侧边栏图标的第三操作信号时,在图标编辑栏中显示选中的侧边栏图标。

可选的,当接收到对侧边栏图标的第三操作信号时,表明用户将该侧边栏图标从侧边栏中删除,且为了方便用户重新添加删除的侧边栏图标,终端将该侧边栏图标显示在图标编辑栏中。

在其他可能的实施方式中,终端可以将图标编辑栏中原先灰化的侧边栏图标变为正常显示,以便根据用户的操作将该侧边栏图标再次添加至侧边栏中。

示意性的,如图15所示,侧边栏包括快捷工具区域152和快捷应用区域153,侧边栏下方是完成编辑控件154,图标编辑栏151内包含各个编辑图标151a,当用户长按并拖动应用程序图标c至图标编辑栏151后,侧边栏中的应用程序图标c消失,图标编辑栏151中显示应用程序图标c。

步骤1209:当接收到对完成编辑控件的触发信号时,隐藏图标编辑栏和完成编辑控件,并显示第一图标显示区域。

当接收到对完成编辑控件的触发信号时,终端恢复侧边栏的原始状态(退出编辑状态),图标编辑栏和完成编辑控件消失,第一图标显示区域重新显示在编辑状态前的位置。可选的,触发信号为点击信号。比如,当用户点击完成编辑控件后,终端退出编辑状态,恢复侧边栏的原始状态。

在一种可能的实施方式中,当接收到对侧边栏范围外用户界面上的触发信号时,终端隐藏侧边栏。可选的,该触发信号为点击信号。

在本申请实施例中,将侧边栏划分成若干个图标显示区域,并在不同图标显示区域内显示不同类型的侧边栏,提高用户在侧边栏中操作以及编辑的效率;同时根据前台应用程序来确定图标编辑栏中编辑图标的排序,可以有效地减少用户查找编辑图标所花费的时间,提高了侧边栏图标设置的效率。

在进入编辑状态后,为了提高侧边栏图标的编辑效率,终端为侧边栏和图标编辑栏中的图标设置各自对应的角标,用户可以通过对图标上角标进行操作来实现图标编辑。。可选的,如图16所示,上述实施例中的步骤1205至步骤1208可以被以下步骤所替换。

步骤1605:当接收到对编辑图标中第一角标的点击信号时,在侧边栏中显示选中的编辑图标。

可选的,该第一角标设置在编辑图标的左上角、右上角、左下角或右下角,且该第一角标可以采用加号角标。

当用户点击编辑图标中第一角标时,侧边栏中显示选中的编辑图标,从而实现了侧边栏中图标的添加。

步骤1606:当接收到对编辑图标中第一角标的点击信号时,隐藏图标编辑栏中的编辑图标。

当用户点击编辑图标中第一角标时,终端在图标编辑栏隐藏选中的编辑图标。

可选的,将选中的编辑图标显示在侧边栏后,终端为该编辑图标设置相应的第二角标,以便用户通过该第二角标取消添加的编辑图标。

步骤1607:当接收到对侧边栏图标中第二角标的点击信号时,隐藏侧边栏中选中的侧边栏图标。

可选的,该第二角标设置在侧边栏图标的左上角、右上角、左下角或右下角,且该第二角标可以采用减号角标。

当用户点击侧边栏图标的第二角标时,该侧边栏图标被删除,不再显示在侧边栏中。

步骤1608:当接收到对侧边栏图标中第二角标的点击信号时,在图标编辑栏中显示选中的侧边栏图标。

当用户点击侧边栏图标中第二角标时,终端在图标编辑栏中显示选中的侧边栏图标。

可选的,将选中的侧边栏图标显示在图标编辑栏后,终端为该侧边栏图标设置相应的第一角标,以便用户通过该第一角标恢复删除的侧边栏图标。

示意性的,如图17所示,侧边栏包括第一图标显示区域171、快捷工具区域172和快捷应用区域174,其中,第一图标显示区域171包括文件台图标和速记图标,快捷工具区域172包括翻译图标、录屏图标等等,快捷应用区域174包括各个应用程序图标176。当终端接收到对快捷工具区域172和快捷应用区域174中图标的操作信号后,显示图标编辑栏175,图标编辑栏175中的图标上带有第一角标173,侧边栏中的图标上带有第二角标177,当用户点击应用程序图标l的第一角标173后,应用程序图标l在图标编辑栏175中消失,侧边栏中显示应用程序图标l,当用户点击完成编辑控件178后,侧边栏退出编辑状态。

本申请实施例中,在编辑状态时,通过在图标上设置角标,方便用户对图标进行添加和删除,提高了侧边栏图标的设置效率。

请参考图18,其示出了本申请一个示例性实施例提供的侧边栏图标装置的结构框图。该侧边栏图标设置装置包括:第一显示模块、第二显示模块、第三显示模块和第一隐藏模块。

第一显示模块1810,用于显示侧边栏,所述侧边栏中包含至少一个侧边栏图标;

第二显示模块1820,用于当接收到对所述侧边栏图标的第一操作信号时,在所述侧边栏的周侧显示图标编辑栏,所述图标编辑栏中包含至少一个编辑图标;

第三显示模块1830,用于当接收到对所述编辑图标的第二操作信号时,在所述侧边栏中显示选中的所述编辑图标;

第一隐藏模块1840,用于当接收到对所述侧边栏图标的第三操作信号时,隐藏所述侧边栏中选中的所述侧边栏图标。

可选的,所述侧边栏包括第一图标显示区域和第二图标显示区域,所述第一图标显示区域中的所述侧边栏图标固定,所述第二图标显示区域中的所述侧边栏图标具备编辑功能,所述第二显示模块1820,包括:

第一显示单元,当接收到对所述第二图标显示区域内所述侧边栏图标的所述第一操作信号时,在所述侧边栏的周侧显示所述图标编辑栏。

可选的,所述装置,还包括:

第二隐藏模块,用于当接收到对所述第二图标显示区域内所述侧边栏图标的所述第一操作信号时,隐藏所述侧边栏中的所述第一图标显示区域;

调整模块,用于调整所述第二图标显示区域在侧边栏中的显示位置,并在所述侧边栏的周侧显示完成编辑控件;

第三隐藏模块,用于当接收到对所述完成编辑控件的触发信号时,隐藏所述图标编辑栏和所述完成编辑控件,并显示所述第一图标显示区域。

可选的,所述第二图标显示区域中包含至少两个图标显示子区域,不同图标显示子区域用于显示不同图标类型的所述侧边栏图标,所述图标类型包括工具类图标和应用类图标中的至少一种,所述第一显示单元,用于:

当接收到对所述第二图标显示区域内所述侧边栏图标的所述第一操作信号时,确定所述第一操作信号所在的目标图标显示子区域;

根据所述目标图标显示子区域对应的目标图标类型,在所述图标编辑栏中显示属于所述目标图标类型的所述编辑图标。

可选的,所述第一显示单元,用于:

当接收到对所述第二图标显示区域内所述侧边栏图标的第一操作信号时,获取前台应用程序的应用标识;

根据应用标识和预设对应关系,获取所述前台应用程序对应的目标编辑图标;

在所述图标编辑栏中显示所述目标编辑图标。

可选的,编辑模式下,所述图标编辑栏中的所述编辑图标包含第一角标,所述侧边栏中的所述侧边栏图标包含第二角标,所述第三显示模块1830,用于:

当接收到对所述编辑图标中所述第一角标的点击信号时,在所述侧边栏中显示选中的所述编辑图标;

所述第一隐藏模块1840,用于:

当接收到对所述侧边栏图标中所述第二角标的点击信号时,隐藏所述侧边栏中选中的所述侧边栏图标。

可选的,所述装置,还包括:

第四隐藏模块,用于当接收到对所述编辑图标的所述第二操作信号时,隐藏所述图标编辑栏中选中的所述编辑图标;

第四显示模块,用于当接收到对所述侧边栏图标的所述第三操作信号时,在所述图标编辑栏中显示选中的所述侧边栏图标。

本申请实施例还提供了一种计算机可读介质,该计算机可读介质存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的侧边栏图标设置方法。

本申请实施例还提供了一种计算机程序产品,该计算机程序产品存储有至少一条指令,所述至少一条指令由所述处理器加载并执行以实现如上各个实施例所述的侧边栏图标设置方法。

上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。

以上所述仅为本申请的较佳实施例,并不用以限制本申请,凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本申请的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1