[發明專利]小程序側邊菜單欄的控制方法、裝置、設備及介質

在審

• 申請號: 201910532102.0
• 申請日: 2019-06-19
• 公開（公告）號: CN110362248A
• 公開（公告）日: 2019-10-22
• 發明（設計）人: 俞亮
• 申請（專利權）人: 北京字節跳動網絡技術有限公司
• 主分類號: G06F3/0482
• 分類號: G06F3/0482;G06F3/0484;G06F3/0488
• 代理公司: 北京睿馳通程知識產權代理事務所(普通合伙) 11604
• 代理人: 張文平

本公開提供一種小程序側邊菜單欄的控制方法、裝置、電子設備及計算機可讀存儲介質，其中，所述方法包括：以所述側邊菜單欄固定端為原點，初始化所述側邊菜單欄參數，所述側邊菜單欄參數包括菜單欄抽出距離參數和手勢移動距離參數；接收手勢觸控指令，根據所述手勢觸控指令更新所述菜單欄抽出距離參數和/或手勢移動距離參數；根據所述更新的所述菜單欄抽出距離參數和/或手勢移動距離參數執行所述側邊菜單欄的展開和/或關閉指令。本公開使得小程序能夠靈活的根據用戶的手勢動作執行側邊菜單欄的展開與關閉，極大的提高了小程序的用戶體驗。

技術領域

本公開涉及計算機技術領域，具體為一種小程序側邊菜單欄的控制方法、裝置、電子設備及計算機可讀存儲介質。

背景技術

隨著移動互聯網的發展，小程序應用的規模越來越大，所以對交互會有越來越多的要求，例如，滑動側邊菜單欄的實現，目前小程序并沒有任何可以實現側邊菜單欄的方式，因此，對于在小程序中如何實現側邊欄的展開與關閉就成為亟待解決的技術問題。

發明內容

本公開的目的在于提供一種小程序側邊菜單欄的控制方法、裝置、電子設備及計算機可讀存儲介質，能夠解決如上至少問題之一。

根據本公開的實施方式，第一方面，本公開提供一種小程序側邊菜單欄的控制方法，包括：

以所述側邊菜單欄固定端為原點，初始化所述側邊菜單欄參數，所述側邊菜單欄參數包括菜單欄抽出距離參數和手勢移動距離參數；

接收手勢觸控指令，根據所述手勢觸控指令更新所述菜單欄抽出距離參數和/或手勢移動距離參數；

根據所述更新的所述菜單欄抽出距離參數和/或手勢移動距離參數執行所述側邊菜單欄的展開和/或關閉指令。

可選的，所述以所述側邊菜單欄固定端為原點，初始化所述側邊菜單欄參數，包括：

以所述側邊菜單欄固定端為原點，創建側邊菜單欄根元素；

在所述根元素下預設所述側邊菜單欄的位置屬性、尺寸屬性、菜單欄抽出距離參數以及手勢移動距離參數，并在所述根元素下綁定觸控回調函數。

可選的，所述接收手勢觸控指令，根據所述手勢觸控指令更新所述菜單欄抽出距離參數和/或手勢移動距離參數，包括：

接收手勢觸控指令，基于所述手勢觸控指令確定所述觸控回調函數，根據所述觸控回調函數更新所述菜單欄抽出距離參數和/或手勢移動距離參數。

可選的，所述接收手勢觸控指令，基于所述手勢觸控指令確定所述觸控回調函數，根據所述觸控回調函數更新所述菜單欄抽出距離參數和/或手勢移動距離參數，之后包括：

判斷更新后的所述手勢移動距離參數是否小于負的菜單欄寬度值；

如果是，則將所述菜單欄抽出距離參數設為所述負的菜單欄的寬度值，所述側邊菜單欄展開；

否則，將所述菜單欄抽出距離參數設為所述更新后的所述手勢移動距離參數。

可選的，所述將所述菜單欄抽出距離參數設為所述更新后的所述手勢移動距離參數，包括：

判斷所述菜單欄抽出距離參數是否小于第一定值，所述第一定值的絕對值小于所述菜單欄寬度值；

如果是，則將所述菜單欄抽出距離參數設為所述負的菜單欄的寬度值；

否則，將所述菜單欄抽出距離參數設為0。

可選的，所述接收手勢觸控指令，基于所述手勢觸控指令確定所述觸控回調函數，根據所述觸控回調函數更新所述菜單欄抽出距離參數和/或手勢移動距離參數，之后包括：

判斷更新后的所述手勢移動距離參數是否大于菜單欄寬度值；