CN106445317A - 菜单栏的显示方法和装置 - Google Patents

Abstract

本公开是关于一种菜单栏的显示方法和装置，该方法包括：当监测到终端的应用被打开时，在应用的菜单栏上显示菜单和动画，并接收终端用户对动画的操作，根据该操作动态的显示该动画。通过在菜单栏上增加动画，提升了用户对菜单栏的点击欲，进一步通过点击动画，动态的显示动画，增强了页面交互性，带给用户更好的体验。

Description

菜单栏的显示方法和装置

技术领域

本公开涉及电子技术，尤其涉及一种菜单栏的显示方法和装置。

背景技术

在移动终端的应用(Application，简称APP)中，菜单栏是该APP的大部分功能的入口。用户通过点击菜单栏中的菜单打开相应的功能，如果菜单还有子菜单选项，用户点击菜单栏后会进一步显示子菜单选项供用户选择。目前菜单栏都以静态的方式显示在APP的页面的顶端或底端。

发明内容

为克服相关技术中存在的问题，本公开提供一种菜单栏的显示方法和装置。

根据本公开实施例的第一方面，提供一种菜单栏的显示方法，包括：

当监测到终端的应用被打开时，在所述应用的菜单栏上显示菜单和动画；

接收终端用户对所述动画的操作；

根据所述操作动态的显示所述动画。

可选的，所述方法还包括：

根据所述操作在当前页面上显示文字和/或播放音频数据。

可选的，所述在所述应用的菜单栏上显示菜单和动画之前，还包括：

使用超文本标记语言第五版HTLM5画布生成所述动画。

可选的，所述使用HTLM5画布生成所述动画，包括：

获取所述HTLM5画布的像素和所述终端的设备像素比；

根据所述HTLM5画布的像素和所述终端的设备像素比的乘积，确定所述动画的像素；

根据所述动画的像素和预先定义的所述动画的参数生成所述动画。

可选的，所述方法还包括：

接收终端用户输入的动画修改指令和修改参数；

根据所述动画修改指令和所述修改参数，将所述动画修改为所述修改参数对应的目标动画。

可选的，所述操作包括以下操作中的任意一个：点击操作、双击操作、滑动操作或拖动操作。

根据本公开实施例的第二方面，提供一种菜单栏的显示装置，包括：

第一显示模块，被配置为当监测到终端的应用被打开时，在所述应用的菜单栏上显示菜单和动画；

第一接收模块，被配置为接收终端用户对所述动画的操作；

第二显示模块，被配置为根据所述操作动态的显示所述动画。

可选的，所述装置还包括：

第三显示模块，被配置为根据所述操作在当前页面上显示文字和/或播放音频数据。

可选的，所述装置还包括：

生成模块，被配置为使用超文本标记语言第五版HTLM5画布生成所述动画。

可选的，所述生成模块包括：

获取子模块，被配置为获取所述HTLM5画布的像素和所述终端的设备像素比；

确定子模块，被配置为根据所述HTLM5画布的像素和所述终端的设备像素比的乘积，确定所述动画的像素；

生成子模块，被配置为根据所述动画的像素和预先定义的所述动画的参数生成所述动画。

可选的，所述装置还包括：

第二接收模块，被配置为接收终端用户输入的动画修改指令和修改参数；

修改模块，被配置为根据所述动画修改指令和所述修改参数，将所述动画修改为所述修改参数对应的目标动画。

可选的，所述操作包括以下操作中的任意一个：点击操作、双击操作、滑动操作或拖动操作。

根据本公开实施例的第三方面，提供一种菜单栏的显示装置，包括：

存储器；

被配置为存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

当监测到终端的应用被打开时，在所述应用的菜单栏上显示菜单和动画；

接收终端用户对所述动画的操作；

根据所述操作动态的显示所述动画。

本公开的实施例提供的技术方案可以包括以下有益效果：当监测到终端的应用被打开时，在应用的菜单栏上显示菜单和动画，并接收终端用户对动画的操作，根据该操作动态的显示该动画。通过在菜单栏上增加动画，提升了用户对菜单栏的点击欲，进一步通过点击动画，动态的显示动画，增强了页面交互性，带给用户更好的体验。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1是根据一示例性实施例示出的一种菜单栏的显示方法的流程图。

图2为现有的菜单栏的示意图。

图3为本发明的菜单栏的示意图。

图4是根据一示例性实施例示出的一种菜单栏的显示方法的流程图。

图5为本发明的页面的显示示意图。

图6是根据一示例性实施例示出的一种菜单栏的显示方法的流程图。

图7是根据一示例性实施例示出的一种菜单栏的显示方法的流程图。

图8是根据一示例性实施例示出的一种菜单栏的显示装置的框图。

图9是根据一示例性实施例示出的一种菜单栏的显示装置的框图。

图10是根据一示例性实施例示出的一种菜单栏的显示装置的框图。

图11是根据一示例性实施例示出的一种菜单栏的显示装置的框图。

图12是根据一示例性实施例示出的一种菜单栏的显示装置的框图。

图13是根据一示例性实施例示出的一种菜单栏的显示装置的实体框图。

图14是根据一示例性实施例示出的一种菜单栏的显示装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种菜单栏的显示方法的流程图，该方法应用于在任何终端。该终端例如是智能手机、平板电脑、台式电脑、车载设备等，如图1所示，该方法包括以下步骤。

在步骤S101中，当监测到终端的应用被打开时，在应用的菜单栏上显示菜单和动画。

本实施例中，需要监测终端的应用是否被打开，当监测到终端的应用被打开时，在应用的菜单栏上不仅显示菜单，还会同时显示动画，本实施例中应用的菜单栏不同于现有的菜单栏，现有的菜单栏上只显示有菜单。图2为现有的菜单栏的示意图，图3为本发明的菜单栏的示意图。

在步骤S102中，接收终端用户对该动画的操作。

可选的，终端用户对该动画的操作包括以下操作中的任意一个：点击操作、双击操作、滑动操作或拖动操作。

在步骤S103中，根据该操作动态的显示该动画。

当接收到终端用户对该动画的操作时，按照预先定义的与该操作匹配的动作，动态的显示该动画。例如，终端用户点击该动画后，动画进行以下动作中的任意一个或多个组合：眨眼、按照预定的位置进行移动、抖动耳朵等。

需要说明的是，如果用户多次对动画进行操作，那么每次显示的动画效果都不一样，可以满足用户的好奇心里，使用户对下一次点击有所期待，提高用户对菜单栏的关注度。

本实施例的方法，当监测到终端的应用被打开时，在应用的菜单栏上显示菜单和动画，并接收终端用户对动画的操作，根据该操作动态的显示该动画。通过在菜单栏上增加动画，提升了用户对菜单栏的点击欲，进一步通过点击动画，动态的显示动画，增强了页面交互性，带给用户更好的体验。

图4是根据一示例性实施例示出的一种菜单栏的显示方法的流程图，如图4所示，本实施例的方法包括以下步骤。

在步骤S201中，使用超文本标记语言第五版(Hypertext Marked Languag 5，简称HTLM5)画布(canvas)生成动画。

现有的大部分应用都采用HTLM5，对于使用LTLM5的应用，可以应用canvas生成动画，canvas用于在网页上绘制图形，canvas使用JavaScript在网页上绘制2D图像，在矩形区域的画布上，控制其每一像素，JavaScript来绘制2D图形，逐像素进行渲染。可以通过多种方法使用canvas绘制路径、矩形、圆形、字符以及添加图像。

在步骤S202中，当监测到终端的应用被打开时，在该应用的菜单栏上显示菜单和该动画。

在步骤S203中，接收终端用户对该动画的操作。

在步骤S204中，根据该操作动态的显示该动画以及在当前页面上显示文字和/或播放音频数据。

本实施例中，根据终端用户的操作不仅能够动态的显示该动画，还可以同时在页面上显示文字和/或播放音频数据。图5为本发明的页面的显示示意图，如图5所示，在终端用户点击菜单栏的动画后，动画在动态显示的同时，在页面的底部显示有以下趣味性的文字“应用商店祝您天天开心，我真的只是个图，我只是个图，求别点”，同时还可以播放音频数据。

本实施例中，根据终端用户的操作不仅能够在菜单栏上动态的显示该动画，还可以同时在页面上显示文字和/或播放音频数据。通过在页面上增加趣味性的文字或者同时播放有趣的音频数据，可以增加用户与菜单栏交互的趣味性，带给用户更好的体验。

图6是根据一示例性实施例示出的一种菜单栏的显示方法的流程图，如图6所示，本实施例的方法包括以下步骤。

在步骤S301中，获取HTLM5画布的像素和终端的设备像素比(devicePixelRatio)。

设备像素比是设备上物理像素和设备独立像素(device-independent pixels，简称dips)的比值，公式表示就是：设备像素比＝物理像素/设备独立像素，设备独立像素与设备的屏幕密度有关。

在步骤S302中，根据HTLM5画布的像素和终端的设备像素比的乘积，确定动画的像素。

不同设备的设备像素比不同，因此不同设备的显示分辨率也不相同，本实施例中通过获取终端的设备像素比和HTLM5画布的像素，用HTLM5画布的像素和终端的设备像素比的乘积得到动画的像素，以保证在各类设备上都绘制出高清的动画。

在步骤S303中，根据动画的像素和预先定义的动画的参数生成动画。

动画的参数是预先由编程人员确定的，动画的参数用于生成动画，动画的像素用于保证生成的动画的清晰度。

在步骤S304中，当监测到终端的应用被打开时，在该应用的菜单栏上显示菜单和该动画。

在步骤S305中，接收终端用户对该动画的操作。

在步骤S306中，根据该操作动态的显示该动画以及在当前页面上显示文字和/或播放音频数据。

本实施例的方法，通过获取HTLM5画布的像素和终端的设备像素比，根据HTLM5画布的像素和终端的设备像素比的乘积，确定动画的像素，根据动画的像素和预先定义的动画的参数生成该动画，由于生成的动画的像素与终端的设备的像素比相匹配，从而能够保证生成的动画的清晰度，使得在任何终端上都能够生成高清的动画。

图7是根据一示例性实施例示出的一种菜单栏的显示方法的流程图，如图7所示，本实施例的方法包括以下步骤。

在步骤S401中，当监测到终端的应用被打开时，在该应用的菜单栏上显示菜单和该动画。

在步骤S402中，接收终端用户对该动画的操作。

在步骤S403中，根据该操作动态的显示该动画以及在当前页面上显示文字和/或播放音频数据。

在步骤S404中，接收终端用户输入的动画修改指令和修改参数。

当用户不喜欢菜单栏上显示的动画时，终端用户可以根据自己的需要修改动画，相应的在菜单栏所在的页面上有修改入口，终端用户通过该修改入口打开修改页面，输入自己想要的动画的图案或名字，终端用户输入的动画的图案或名字即修改参数，然后，终端用户点击确定修改按钮，终端会检测到用户的修改操作，终端检测到的修改操作即动画修改指令。

在步骤S405中，根据该动画修改指令和该修改参数，将该动画修改为修改参数对应的目标动画。

终端根据动画修改指令和修改参数，对菜单栏上的动画的参数进行修改，即将动画的参数修改为该修改参数对应的目标动画的参数，在下次进行显示时，就根据该目标动画的参数生成该目标动画。

本实施例的方法，通过接收终端用户输入的动画修改指令和修改参数，根据该动画修改指令和该修改参数，将该动画修改为修改参数对应的目标动画。所述方法只需要根据修改参数对动画的参数进行修改，即可以实现对动画类型的改变，使得该方法的扩展性极强，并且能够满足用户的需求，带给用户更好的体验。

图8是根据一示例性实施例示出的一种菜单栏的显示装置的框图。如图8所示，本实施例的装置包括第一显示模块11、第一接收模块12和第二显示模块13。

第一显示模块11，被配置为当监测到终端的应用被打开时，在所述应用的菜单栏上显示菜单和动画；

第一接收模块12，被配置为接收终端用户对所述动画的操作；

第二显示模块13，被配置为根据所述操作动态的显示所述动画。

可选的，所述操作包括以下操作中的任意一个：点击操作、双击操作、滑动操作或拖动操作。

图9是根据一示例性实施例示出的一种菜单栏的显示装置的框图。如图9所示，在图8所示装置的基础上，所述装置还包括第三显示模块14。

第三显示模块14，被配置为根据所述操作在当前页面上显示文字和/或播放音频数据。

图10是根据一示例性实施例示出的一种菜单栏的显示装置的框图。如图10所示，在图9所示装置的基础上，还包括生成模块15。

生成模块15，被配置为使用超文本标记语言第五版HTLM5画布生成所述动画。

图11是根据一示例性实施例示出的一种菜单栏的显示装置的框图。如图11所示，在图10所示装置的基础上，生成模块15包括：获取子模块151、确定子模块152和生成子模块153。

获取子模块151，被配置为获取所述HTLM5画布的像素和所述终端的设备像素比；

确定子模块152，被配置为根据所述HTLM5画布的像素和所述终端的设备像素比的乘积，确定所述动画的像素；

生成子模块153，被配置为根据所述动画的像素和预先定义的所述动画的参数生成所述动画。

图12是根据一示例性实施例示出的一种菜单栏的显示装置的框图。如图12所示，在图8所示装置的基础上，所述装置还包括第二接收模块16和修改模块17。

第二接收模块16，被配置为接收终端用户输入的动画修改指令和修改参数；

修改模块17，被配置为根据所述动画修改指令和所述修改参数，将所述动画修改为所述修改参数对应的目标动画。

图13是根据一示例性实施例示出的一种菜单栏的显示装置的实体框图，如图13所示，该装置包括：处理器21和用于存储处理器21可执行指令的存储器22，存储器22通过系统总线与处理器21连接并通信。

其中，处理器21被配置为：

当监测到终端的应用被打开时，在所述应用的菜单栏上显示菜单和动画；

接收终端用户对所述动画的操作；

根据所述操作动态的显示所述动画。

在上述菜单栏的显示装置的实体实施例中，应理解，处理器可以是中央处理单元(英文：Central Processing Unit，简称：CPU)，还可以是其他通用处理器、数字信号处理器(英文：Digital Signal Processor，简称：DSP)、专用集成电路(英文：ApplicationSpecific Integrated Circuit，简称：ASIC)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，而前述的存储器可以是只读存储器(英文：read-onlymemory，缩写：ROM)、随机存取存储器(英文：random access memory，简称：RAM)、快闪存储器、硬盘或者固态硬盘。结合本发明实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。

图14是根据一示例性实施例示出的一种菜单栏的显示装置的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图14，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在设备800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当设备800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到设备800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述图1、图4、图6和图7所示的菜单栏的显示方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述图1、图4、图6和图7所示的菜单栏的显示方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当所述存储介质中的指令由菜单栏的显示装置的处理器执行时，使得菜单栏的显示装置能够执行上述图1、图4、图6和图7所示的菜单栏的显示方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求书指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求书来限制。

Claims (13)

1.一种菜单栏的显示方法，其特征在于，包括：

当监测到终端的应用被打开时，在所述应用的菜单栏上显示菜单和动画；

接收终端用户对所述动画的操作；

根据所述操作动态的显示所述动画。

2.根据权利要求1所述的方法，其特征在于，还包括：

根据所述操作在当前页面上显示文字和/或播放音频数据。

3.根据权利要求1或2所述的方法，其特征在于，所述在所述应用的菜单栏上显示菜单和动画之前，还包括：

使用超文本标记语言第五版HTLM5画布生成所述动画。

4.根据权利要求3所述的方法，其特征在于，所述使用HTLM5画布生成所述动画，包括：

获取所述HTLM5画布的像素和所述终端的设备像素比；

根据所述HTLM5画布的像素和所述终端的设备像素比的乘积，确定所述动画的像素；

根据所述动画的像素和预先定义的所述动画的参数生成所述动画。

5.根据权利要求1-4任一项所述的方法，其特征在于，所述方法还包括：

接收终端用户输入的动画修改指令和修改参数；

根据所述动画修改指令和所述修改参数，将所述动画修改为所述修改参数对应的目标动画。

6.根据权利要求1-5任一项所述的方法，其特征在于，所述操作包括以下操作中的任意一个：点击操作、双击操作、滑动操作或拖动操作。

7.一种菜单栏的显示装置，其特征在于，包括：

第一显示模块，被配置为当监测到终端的应用被打开时，在所述应用的菜单栏上显示菜单和动画；

第一接收模块，被配置为接收终端用户对所述动画的操作；

第二显示模块，被配置为根据所述操作动态的显示所述动画。

8.根据权利要求7所述的装置，其特征在于，还包括：

第三显示模块，被配置为根据所述操作在当前页面上显示文字和/或播放音频数据。

9.根据权利要求7或8所述的装置，其特征在于，还包括：

生成模块，被配置为使用超文本标记语言第五版HTLM5画布生成所述动画。

10.根据权利要求9所述的装置，其特征在于，所述生成模块包括：

获取子模块，被配置为获取所述HTLM5画布的像素和所述终端的设备像素比；

确定子模块，被配置为根据所述HTLM5画布的像素和所述终端的设备像素比的乘积，确定所述动画的像素；

生成子模块，被配置为根据所述动画的像素和预先定义的所述动画的参数生成所述动画。

11.根据权利要求7-10任一项所述的装置，其特征在于，还包括：

第二接收模块，被配置为接收终端用户输入的动画修改指令和修改参数；

修改模块，被配置为根据所述动画修改指令和所述修改参数，将所述动画修改为所述修改参数对应的目标动画。

12.根据权利要求7-11任一项所述的装置，其特征在于，所述操作包括以下操作中的任意一个：点击操作、双击操作、滑动操作或拖动操作。

13.一种菜单栏的显示装置，其特征在于，包括：

存储器；

被配置为存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

当监测到终端的应用被打开时，在所述应用的菜单栏上显示菜单和动画；

接收终端用户对所述动画的操作；

根据所述操作动态的显示所述动画。