CN110362248A - 小程序侧边菜单栏的控制方法、装置、设备及介质 - Google Patents
小程序侧边菜单栏的控制方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN110362248A CN110362248A CN201910532102.0A CN201910532102A CN110362248A CN 110362248 A CN110362248 A CN 110362248A CN 201910532102 A CN201910532102 A CN 201910532102A CN 110362248 A CN110362248 A CN 110362248A
- Authority
- CN
- China
- Prior art keywords
- menu bar
- distance parameter
- gesture
- parameter
- moving distance
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供一种小程序侧边菜单栏的控制方法、装置、电子设备及计算机可读存储介质，其中，所述方法包括：以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，所述侧边菜单栏参数包括菜单栏抽出距离参数和手势移动距离参数；接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数；根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令。本公开使得小程序能够灵活的根据用户的手势动作执行侧边菜单栏的展开与关闭，极大的提高了小程序的用户体验。
Description
技术领域
本公开涉及计算机技术领域，具体为一种小程序侧边菜单栏的控制方法、装置、电子设备及计算机可读存储介质。
背景技术
随着移动互联网的发展，小程序应用的规模越来越大，所以对交互会有越来越多的要求，例如，滑动侧边菜单栏的实现，目前小程序并没有任何可以实现侧边菜单栏的方式，因此，对于在小程序中如何实现侧边栏的展开与关闭就成为亟待解决的技术问题。
发明内容
本公开的目的在于提供一种小程序侧边菜单栏的控制方法、装置、电子设备及计算机可读存储介质，能够解决如上至少问题之一。
根据本公开的实施方式，第一方面，本公开提供一种小程序侧边菜单栏的控制方法，包括：
以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，所述侧边菜单栏参数包括菜单栏抽出距离参数和手势移动距离参数；
接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数；
根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令。
可选的，所述以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，包括：
以所述侧边菜单栏固定端为原点，创建侧边菜单栏根元素；
在所述根元素下预设所述侧边菜单栏的位置属性、尺寸属性、菜单栏抽出距离参数以及手势移动距离参数，并在所述根元素下绑定触控回调函数。
可选的，所述接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数，包括：
接收手势触控指令，基于所述手势触控指令确定所述触控回调函数，根据所述触控回调函数更新所述菜单栏抽出距离参数和/或手势移动距离参数。
可选的，所述接收手势触控指令，基于所述手势触控指令确定所述触控回调函数，根据所述触控回调函数更新所述菜单栏抽出距离参数和/或手势移动距离参数，之后包括：
判断更新后的所述手势移动距离参数是否小于负的菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值，所述侧边菜单栏展开；
否则，将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数。
可选的，所述将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数，包括：
判断所述菜单栏抽出距离参数是否小于第一定值，所述第一定值的绝对值小于所述菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值；
否则，将所述菜单栏抽出距离参数设为0。
可选的，所述接收手势触控指令，基于所述手势触控指令确定所述触控回调函数，根据所述触控回调函数更新所述菜单栏抽出距离参数和/或手势移动距离参数，之后包括：
判断更新后的所述手势移动距离参数是否大于菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为0；
否则，将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数。
可选的，所述将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数，包括：
判断所述菜单栏抽出距离参数是否大于第二定值，所述第二定值的绝对值小于所述菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为0；
否则，将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值。
可选的，所述根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令，包括：
将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值，所述侧边菜单栏展开；和/或
将所述菜单栏抽出距离参数设为0，所述侧边菜单栏关闭。
根据本公开的实施方式，第二方面，本公开提供一种小程序侧边菜单栏的控制装置，包括：
初始化单元，用于以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，所述侧边菜单栏参数包括菜单栏抽出距离参数和手势移动距离参数；
更新单元，用于接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数；
执行单元，用于根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令。
根据本公开的实施方式，第三方面，本公开提供一种电子设备，包括处理器和存储器，所述存储器存储有能够被所述处理器执行的计算机程序指令，所述处理器执行所述计算机程序指令时，实现第一方面任一所述的方法步骤。
根据本公开的实施方式，第四方面，本公开提供一种计算机可读存储介质，其特征在于，存储有计算机程序指令，所述计算机程序指令在被处理器调用和执行时实现第一方面任一所述的方法步骤。
与现有技术相比，本公开实施例的有益效果是：
本公开实施例通过对小程序页面的技术指标进行改进，使得小程序能够灵活的根据用户的手势动作执行侧边菜单栏的展开与关闭，极大的提高了小程序的用户体验，从而使得小程序不仅在使用功能上满足了用户需求，而且在手势体验上更加人性化，提升了小程序的应用价值。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本公开一实施例提供的小程序侧边菜单栏的控制方法流程示意图；
图2为本公开一实施例提供的小程序侧边菜单栏的控制方法执行流程示意图；
图3为本公开一实施例提供的小程序侧边菜单栏的控制装置的结构示意图；
图4为本公开实施例提供的电子设备的结构示意图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
在本公开实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开。在本公开实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种，但是不排除包含至少一种的情况。
应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
应当理解，尽管在本公开实施例中可能采用术语第一、第二、第三等来描述技术名称，但这些技术名称不应限于这些术语。这些术语仅用来将技术名称区分开。例如，在不脱离本公开实施例范围的情况下，第一校验签名也可以被称为第二校验签名，类似地，第二校验签名也可以被称为第一校验签名。
取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者***不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者***所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者***中还存在另外的相同要素。
另外，下述各实施例中的步骤时序仅为一种举例，而非严格限定。
如图1所示，展示了本公开的大致实施流程，具体的，根据本公开的实施方式，第一方面，本公开提供一种小程序侧边菜单栏的控制方法，所述控制方法包括小程序侧边菜单栏的展开/关闭，具体包括如下步骤：
步骤S102：接受触控指令，所述小程序被激活。
所述小程序，是一种不需要下载安装即可使用的应用程序，使用方便简洁。用户在使用时只需要点击小程序图标或在另一程序使用过程中(例如微信)加载使用即可。
该激活可以为任何一种常规的激活方式，包括但不限于鼠标单击、双击，手指的触控单击、双击等，对触控指令的方式不做具体的限制。
步骤S104：以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，所述侧边菜单栏参数包括菜单栏抽出距离参数和手势移动距离参数。
所述侧边可以为小程序的任何一侧边，包括左边、右边、上边和下边，为了准确的进行方案描述，本公开实施例以右侧边为例进行说明。
所述原点的定义是为了准确的获取触控点位置参数，本公开实施例确定的原点位置不限，但以能够方便的对参数进行解释为宜。
可选的，所述以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，包括：
以所述侧边菜单栏固定端为原点，创建侧边菜单栏根元素；
在所述根元素下预设所述侧边菜单栏的位置属性、尺寸属性、菜单栏抽出距离参数以及手势移动距离参数，并在所述根元素下绑定触控回调函数。
如图2所示，具体的举例中，在小程序页面的根节点下创建一个<view>标签，作为侧边菜单栏的根元素。设置其样式position为absolute，这样该元素为绝对定位，以父元素为相对定位的左上角为原点。设置其样式，width为300px，height为100％，这样元素的大小与父元素相同，即与页面大小相同。设置其样式，left为100％，这样该元素会以自身宽度的100％在左侧对齐，即该元素会向右移动自己的一个宽度的距离。设置其样式，transform为translateX(-menuOut个像素)，这样该元素会向左移动menuOut个像素。
初始化变量数menuOut为0，这个变量用于表示菜单栏抽出的距离。初始化变量userMove为0，这个变量用于表示用户手指移动的距离。
为根节点绑定如下三个回调函数：touchstart(手指触摸动作开始),touchmove(手指触摸后移动)，touchend(手指触摸结束)，所述回调函数用于通过手指的触控给出手指的移动位置变化状态值。
步骤S106：接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数。
可选的，所述接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数，包括：
接收手势触控指令，基于所述手势触控指令确定所述触控回调函数，根据所述触控回调函数更新所述菜单栏抽出距离参数和/或手势移动距离参数。
可选的一种实施方式中，用于侧边栏的展开，具体步骤包括：
判断更新后的所述手势移动距离参数是否小于负的菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值，所述侧边菜单栏展开；
否则，将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数。
可选的，所述将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数，包括：
判断所述菜单栏抽出距离参数是否小于第一定值，所述第一定值的绝对值小于所述菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值，所述侧边菜单栏展开；
否则，将所述菜单栏抽出距离参数设为0，所述侧边菜单栏关闭。
如图2所示，具体的，在touchstart回调函数中，从回调的参数中，获得手指的clientX的值，储存在变量startX中。
在touchmove回调函数中，从回调的参数中，获得手指的clientX的值，储存在变量moveX中，然后将userMove设为moveX-startX。判断userMove是否小于负的菜单栏宽度，如果小于，则说明用户手指滑动距离超过了菜单的宽度，则将menuOut设为负的菜单栏的宽度，也就是-300，否则，将menuOut设为userMove。
在touchend回调函数中，判断menuOut是否小于一定值，例如,-150，如果小于，则设置menuOut为负的菜单栏的宽度，也就是-300，如果没有，则将menuOut设为0，也就是菜单栏重新收回。
可选的另一种具体实施方式中，侧边栏执行关闭，包括如下方法步骤：
判断更新后的所述手势移动距离参数是否大于菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为0，所述侧边菜单栏关闭；
否则，将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数。
具体的，在touchstart回调函数中，从回调的参数中，获得手指的clientX的值，储存在变量startX中。
在touchmove回调函数中，从回调的参数中，获得手指的clientX的值，储存在变量moveX中，然后将userMove设为moveX-startX。判断userMove是否大于菜单栏宽度，如果大于，则说明用户手指滑动距离超过了菜单的宽度，则将menuOut设为0，否则，将menuOut设为userMove。
在touchend回调函数中，判断menuOut是否大于一定值，例如,150，如果大于，则将menuOut设为0，也就是菜单栏收回。否则设置menuOut为负的菜单栏的宽度，也就是-300，菜单栏依旧是展开状态。
步骤S108：根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令。
将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值，例如-300，所述侧边菜单栏展开；和/或，将所述菜单栏抽出距离参数设为0，所述侧边菜单栏关闭。
本公开实施例通过对小程序页面的技术指标进行改进，使得小程序能够灵活的根据用户的手势动作执行侧边菜单栏的展开与关闭，极大的提高了小程序的用户体验，从而使得小程序不仅在使用功能上满足了用户需求，而且在手势体验上更加人性化，提升了小程序的应用价值。
实施例2
如图3所示，给出了本公开实施例的小程序侧边菜单栏的控制装置结构示意图，该实施例用于实现实施例1所述方法，其中相同的结构、功能、效果的描述参见实施例1，此处不再赘述。
具体的，根据本公开的实施方式，第二方面，本公开提供一种小程序侧边菜单栏的控制装置，包括初始化单元302、更新单元304、执行单元306，具体如下：
初始化单元302，用于以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，所述侧边菜单栏参数包括菜单栏抽出距离参数和手势移动距离参数；
更新单元304，用于接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数；
执行单元306，用于根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令。
可选的，初始化单元302还被用于：
以所述侧边菜单栏固定端为原点，创建侧边菜单栏根元素；
在所述根元素下预设所述侧边菜单栏的位置属性、尺寸属性、菜单栏抽出距离参数以及手势移动距离参数，并在所述根元素下绑定触控回调函数。
可选的，更新单元304还被用于：
接收手势触控指令，基于所述手势触控指令确定所述触控回调函数，根据所述触控回调函数更新所述菜单栏抽出距离参数和/或手势移动距离参数。
在侧边栏展开过程中，所述更新单元304被用于：
判断更新后的所述手势移动距离参数是否小于负的菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值；
否则，将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数。
可选的，所述将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数，包括：
判断所述菜单栏抽出距离参数是否小于第一定值，所述第一定值的绝对值小于所述菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值；
否则，将所述菜单栏抽出距离参数设为0。
在侧边栏关闭过程中，所述更新单元304被用于：
判断更新后的所述手势移动距离参数是否大于菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为0；
否则，将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数。
可选的，所述将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数，包括：
判断所述菜单栏抽出距离参数是否大于第二定值，所述第二定值的绝对值小于所述菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为0；
否则，将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值。
执行单元306用于：
将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值，所述侧边菜单栏展开；和/或
将所述菜单栏抽出距离参数设为0，所述侧边菜单栏关闭。
本公开实施例通过对小程序页面的技术指标进行改进，使得小程序能够灵活的根据用户的手势动作执行侧边菜单栏的展开与关闭，极大的提高了小程序的用户体验，从而使得小程序不仅在使用功能上满足了用户需求，而且在手势体验上更加人性化，提升了小程序的应用价值。
实施例3
根据本公开的实施方式，第三方面，本公开提供一种电子设备，包括处理器和存储器，所述存储器存储有能够被所述处理器执行的计算机程序指令，所述处理器执行所述计算机程序指令时，实现第一方面任一所述的方法步骤。
实施例4
根据本公开的实施方式，第四方面，本公开提供一种计算机可读存储介质，其特征在于，存储有计算机程序指令，所述计算机程序指令在被处理器调用和执行时实现第一方面任一所述的方法步骤。
下面参考图4，其示出了适于用来实现本公开实施例的电子设备的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接受器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图4所示，电子设备可以包括处理装置(例如中央处理器、图形处理器等)401，其可以根据存储在只读存储器(ROM)402中的程序或者从存储装置408加载到随机访问存储器(RAM)403中的程序而执行各种适当的动作和处理。在RAM 403中，还存储有电子设备操作所需的各种程序和数据。处理装置401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。
通常，以下装置可以连接至I/O接口405：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置406；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置407；包括例如磁带、硬盘等的存储装置408；以及通信装置409。通信装置409可以允许电子设备400与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置409从网络上被下载和安装，或者从存储装置408被安装，或者从ROM 402被安装。在该计算机程序被处理装置401执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的***、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行***、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行***、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取至少两个网际协议地址；向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求，其中，所述节点评价设备从所述至少两个网际协议地址中，选取网际协议地址并返回；接受所述节点评价设备返回的网际协议地址；其中，所获取的网际协议地址指示内容分发网络中的边缘节点。
或者，上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：接受包括至少两个网际协议地址的节点评价请求；从所述至少两个网际协议地址中，选取网际协议地址；返回选取出的网际协议地址；其中，接受到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
Claims (11)
1.一种小程序侧边菜单栏的控制方法，其特征在于，包括：
以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，所述侧边菜单栏参数包括菜单栏抽出距离参数和手势移动距离参数；
接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数；
根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令。
2.根据权利要求1所述的方法，其特征在于，所述以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，包括：
以所述侧边菜单栏固定端为原点，创建侧边菜单栏根元素；
在所述根元素下预设所述侧边菜单栏的位置属性、尺寸属性、菜单栏抽出距离参数以及手势移动距离参数，并在所述根元素下绑定触控回调函数。
3.根据权利要求2所述的方法，其特征在于，所述接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数，包括：
接收手势触控指令，基于所述手势触控指令确定所述触控回调函数，根据所述触控回调函数更新所述菜单栏抽出距离参数和/或手势移动距离参数。
4.根据权利要求3所述的方法，其特征在于，所述接收手势触控指令，基于所述手势触控指令确定所述触控回调函数，根据所述触控回调函数更新所述菜单栏抽出距离参数和/或手势移动距离参数，之后包括：
判断更新后的所述手势移动距离参数是否小于负的菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值；
否则，将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数。
5.根据权利要求4所述的方法，其特征在于，所述将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数，包括：
判断所述菜单栏抽出距离参数是否小于第一定值，所述第一定值的绝对值小于所述菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值；
否则，将所述菜单栏抽出距离参数设为0。
6.根据权利要求3所述的方法，其特征在于，所述接收手势触控指令，基于所述手势触控指令确定所述触控回调函数，根据所述触控回调函数更新所述菜单栏抽出距离参数和/或手势移动距离参数，之后包括：
判断更新后的所述手势移动距离参数是否大于菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为0；
否则，将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数。
7.根据权利要求6所述的方法，其特征在于，所述将所述菜单栏抽出距离参数设为所述更新后的所述手势移动距离参数，包括：
判断所述菜单栏抽出距离参数是否大于第二定值，所述第二定值的绝对值小于所述菜单栏宽度值；
如果是，则将所述菜单栏抽出距离参数设为0；
否则，将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值。
8.根据权利要求4-7任一所述的方法，其特征在于，所述根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令，包括：
将所述菜单栏抽出距离参数设为所述负的菜单栏的宽度值，所述侧边菜单栏展开；和/或
将所述菜单栏抽出距离参数设为0，所述侧边菜单栏关闭。
9.一种小程序侧边菜单栏的控制装置，其特征在于，包括：
初始化单元，用于以所述侧边菜单栏固定端为原点，初始化所述侧边菜单栏参数，所述侧边菜单栏参数包括菜单栏抽出距离参数和手势移动距离参数；
更新单元，用于接收手势触控指令，根据所述手势触控指令更新所述菜单栏抽出距离参数和/或手势移动距离参数；
执行单元，用于根据所述更新的所述菜单栏抽出距离参数和/或手势移动距离参数执行所述侧边菜单栏的展开和/或关闭指令。
10.一种电子设备，其特征在于，包括处理器和存储器，所述存储器存储有能够被所述处理器执行的计算机程序指令，所述处理器执行所述计算机程序指令时，实现权利要求1-8任一所述的方法步骤。
11.一种计算机可读存储介质，其特征在于，存储有计算机程序指令，所述计算机程序指令在被处理器调用和执行时实现权利要求1-8任一所述的方法步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910532102.0A CN110362248A (zh) | 2019-06-19 | 2019-06-19 | 小程序侧边菜单栏的控制方法、装置、设备及介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910532102.0A CN110362248A (zh) | 2019-06-19 | 2019-06-19 | 小程序侧边菜单栏的控制方法、装置、设备及介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110362248A true CN110362248A (zh) | 2019-10-22 |
Family
ID=68216689
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910532102.0A Pending CN110362248A (zh) | 2019-06-19 | 2019-06-19 | 小程序侧边菜单栏的控制方法、装置、设备及介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110362248A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111382362A (zh) * | 2020-03-13 | 2020-07-07 | 百度在线网络技术（北京）有限公司 | 小程序处理方法、装置、设备及存储介质 |
| CN111708990A (zh) * | 2020-05-15 | 2020-09-25 | 支付宝(杭州)信息技术有限公司 | 小程序启动方法、签名方法、装置、服务器及介质 |
| CN111857488A (zh) * | 2020-06-30 | 2020-10-30 | 北京百度网讯科技有限公司 | 小程序中菜单弹出的方法、装置、电子设备和存储介质 |
| US11809903B2 (en) | 2020-03-13 | 2023-11-07 | Baidu Online Network Technology (Beijing) Co., Ltd. | Mini program processing method, apparatus, device and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102063429A (zh) * | 2009-11-16 | 2011-05-18 | 龙旗科技(上海)有限公司 | 一种移动终端支持侧边栏快速访问文件***的操作方式 |
| KR20140123767A (ko) * | 2013-04-15 | 2014-10-23 | 삼성전자주식회사 | 촬상 장치 및 촬상 장치의 제어 방법 |
| CN104169856A (zh) * | 2013-12-30 | 2014-11-26 | 华为技术有限公司 | 侧边菜单显示方法、装置和终端 |
| CN105224181A (zh) * | 2015-10-20 | 2016-01-06 | 魅族科技（中国）有限公司 | 一种侧边栏显示方法及装置 |
| CN107102793A (zh) * | 2017-04-21 | 2017-08-29 | 北京安云世纪科技有限公司 | 任务管理界面的管理方法、装置和移动终端 |
| CN109828807A (zh) * | 2018-12-24 | 2019-05-31 | 天津字节跳动科技有限公司 | 小程序手势切换页面的方法、装置、电子设备及存储介质 |
-
2019
- 2019-06-19 CN CN201910532102.0A patent/CN110362248A/zh active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102063429A (zh) * | 2009-11-16 | 2011-05-18 | 龙旗科技(上海)有限公司 | 一种移动终端支持侧边栏快速访问文件***的操作方式 |
| KR20140123767A (ko) * | 2013-04-15 | 2014-10-23 | 삼성전자주식회사 | 촬상 장치 및 촬상 장치의 제어 방법 |
| CN104169856A (zh) * | 2013-12-30 | 2014-11-26 | 华为技术有限公司 | 侧边菜单显示方法、装置和终端 |
| CN105224181A (zh) * | 2015-10-20 | 2016-01-06 | 魅族科技（中国）有限公司 | 一种侧边栏显示方法及装置 |
| CN107102793A (zh) * | 2017-04-21 | 2017-08-29 | 北京安云世纪科技有限公司 | 任务管理界面的管理方法、装置和移动终端 |
| CN109828807A (zh) * | 2018-12-24 | 2019-05-31 | 天津字节跳动科技有限公司 | 小程序手势切换页面的方法、装置、电子设备及存储介质 |
Non-Patent Citations (2)
| Title |
|---|
| KIIMI: "微信小程序侧边栏滑动特效(左右滑动)", 《HTTPS://WWW.CNBLOGS.COM/KIIMI/P/9060199.HTML》 * |
| 无: "微信小程序实现右侧菜单的功能效果", 《HTTP://WWW.FLY63.COM/ARTICLE/DETIAL/884》 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111382362A (zh) * | 2020-03-13 | 2020-07-07 | 百度在线网络技术（北京）有限公司 | 小程序处理方法、装置、设备及存储介质 |
| CN111382362B (zh) * | 2020-03-13 | 2023-10-03 | 百度在线网络技术（北京）有限公司 | 小程序处理方法、装置、设备及存储介质 |
| US11809903B2 (en) | 2020-03-13 | 2023-11-07 | Baidu Online Network Technology (Beijing) Co., Ltd. | Mini program processing method, apparatus, device and storage medium |
| CN111708990A (zh) * | 2020-05-15 | 2020-09-25 | 支付宝(杭州)信息技术有限公司 | 小程序启动方法、签名方法、装置、服务器及介质 |
| CN111857488A (zh) * | 2020-06-30 | 2020-10-30 | 北京百度网讯科技有限公司 | 小程序中菜单弹出的方法、装置、电子设备和存储介质 |
| CN111857488B (zh) * | 2020-06-30 | 2022-06-28 | 北京百度网讯科技有限公司 | 小程序中菜单弹出的方法、装置、电子设备和存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110362248A (zh) | 小程序侧边菜单栏的控制方法、装置、设备及介质 | |
| CN113938456B (zh) | 会话消息置顶处理方法和装置 | |
| US9471201B1 (en) | Laptop-to-tablet mode adaptation | |
| US20130219333A1 (en) | Extensible Framework for Facilitating Interaction with Devices | |
| US10255038B2 (en) | Techniques to present a user interface for the visually impaired | |
| CN109828807A (zh) | 小程序手势切换页面的方法、装置、电子设备及存储介质 | |
| BRPI0915601B1 (pt) | método para interface de usuário para gerenciamento de aplicativo para um dispositivo móvel | |
| CN109471695A (zh) | 用于更新数据的方法和装置 | |
| CN109800041A (zh) | 小程序背景模糊实现方法、装置、电子设备及存储介质 | |
| CN109857486A (zh) | 一种程序页面数据的处理方法、装置、设备和介质 | |
| CN103473253B (zh) | 经地理编码的数据的检测及用于其的用户界面 | |
| CN110489041A (zh) | 小程序拖动元素自动对齐的方法、装置、设备及介质 | |
| CN109799945A (zh) | 小程序长列表滚动显示方法、装置、电子设备及存储介质 | |
| CN110489179A (zh) | 获取调用栈栈帧函数签名的方法、装置、介质和设备 | |
| CN110489165A (zh) | 获取调用栈栈帧指令偏移的方法、装置、介质和设备 | |
| CN109783101A (zh) | 浏览器自动适配的网页布局方法和装置 | |
| JP2023502610A (ja) | 目標対象表示方法、装置、電子機器、及びコンピュータ読み取り可能な媒体 | |
| US20160062601A1 (en) | Electronic device with touch screen and method for moving application functional interface | |
| US9256358B2 (en) | Multiple panel touch user interface navigation | |
| CN113609419B (zh) | 信息展示方法、装置、电子设备和计算机可读介质 | |
| CN111273830A (zh) | 显示数据方法、装置、电子设备和计算机可读介质 | |
| CN110135903A (zh) | 广告位排位方法、***、介质和电子设备 | |
| CN110489158A (zh) | 对代码托管平台进行优化的方法、装置、介质和电子设备 | |
| CN109462648A (zh) | 一种用户行为跟踪方法、装置、设备和储存介质 | |
| US10643252B2 (en) | Banner display method of electronic device and electronic device thereof |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |