【技術實現步驟摘要】
本專利技術涉及計算機處理，尤其涉及一種基于棧式面板的控件展示方法、裝置、設備、介質及產品。
技術介紹
1、目前，用戶在圖形界面中對控件進行拖動和交換時，大多采用的方式是將一個圖標拖拽到另一個圖標處，在鼠標釋放時，兩個圖標發生交換。
2、此種圖標交換的方式僅是圖標位置的交換，交換的視覺反饋效果差，用戶無法有效的獲知圖標交換的過程，影響用戶體驗。
技術實現思路
1、本專利技術提供了一種基于棧式面板的控件展示方法、裝置、設備、介質及產品，以實現在提高交換控制準確性的同時，展示控件交換移動的過程。
2、根據本專利技術的一方面，提供了一種基于棧式面板的控件展示方法，該方法包括：
3、響應于鼠標在當前頁面中的按下事件，獲取所述鼠標在與所述當前頁面相對應的棧式面板中的按下位置，并確定所述棧式面板中至少兩個控件在所述棧式面板中的初始位置；
4、在確定所述至少兩個控件中存在所述初始位置與所述按下位置相一致的第一控件的情況下，響應于所述鼠標在所述當前頁面中的移動事件，獲取所述鼠標在所述棧式面板中的當前位置；
5、基于所述按下位置、所述當前位置以及所述棧式面板的控件排列規則，確定所述第一控件的位置偏移數據；
6、在基于所述位置偏移數據以及所述初始位置，確定所述至少兩個控件中存在滿足預設交換條件的第二控件時，依據所述位置偏移數據、預設動畫參數、預設交換比例以及所述第二控件的控件屬性，將所述第二控件從所述第二控件的初始位置移動到所述按下
7、根據本專利技術的另一方面，提供了一種基于棧式面板的控件展示裝置，該裝置包括：
8、按下事件響應模塊，用于響應于鼠標在當前頁面中的按下事件，獲取所述鼠標在與所述當前頁面相對應的棧式面板中的按下位置，并確定所述棧式面板中至少兩個控件在所述棧式面板中的初始位置；
9、移動事件響應模塊，用于在確定所述至少兩個控件中存在所述初始位置與所述按下位置相一致的第一控件的情況下，響應于所述鼠標在所述當前頁面中的移動事件，獲取所述鼠標在所述棧式面板中的當前位置；
10、位置偏移數據確定模塊，用于基于所述按下位置、所述當前位置以及所述棧式面板的控件排列規則，確定所述第一控件的位置偏移數據；
11、移動模塊，用于在基于所述位置偏移數據以及所述初始位置，確定所述至少兩個控件中存在滿足預設交換條件的第二控件時，依據預設動畫參數、預設交換比例以及所述第二控件的控件屬性，將所述第二控件從所述第二控件的初始位置移動到所述按下位置。
12、根據本專利技術的另一方面，提供了一種電子設備，所述電子設備包括：
13、至少一個處理器；以及與所述至少一個處理器通信連接的存儲器；其中，
14、所述存儲器存儲有可被所述至少一個處理器執行的計算機程序，所述計算機程序被所述至少一個處理器執行，以使所述至少一個處理器能夠執行本專利技術任一實施例所述的基于棧式面板的控件展示方法。
15、根據本專利技術的另一方面，提供了一種計算機可讀存儲介質，所述計算機可讀存儲介質存儲有計算機指令，所述計算機指令用于使處理器執行時實現本專利技術任一實施例所述的基于棧式面板的控件展示方法。
16、根據本專利技術的另一方面，提供了一種計算機程序產品，包括計算機程序，該計算機程序在被處理器執行時實現如本專利技術任一實施例所述的基于棧式面板的控件展示方法。
17、本專利技術實施例的技術方案，通過獲取鼠標在與當前頁面相對應的棧式面板中的按下位置；確定棧式面板中至少兩個控件在棧式面板中的初始位置；在確定至少兩個控件中存在初始位置與按下位置相一致的第一控件的情況下，響應于鼠標在當前頁面中的移動事件，獲取鼠標在棧式面板中的當前位置；基于按下位置、當前位置以及棧式面板的控件排列規則，確定第一控件的位置偏移數據；在基于位置偏移數據以及初始位置，確定至少兩個控件中存在滿足預設交換條件的第二控件時，依據位置偏移數據、預設動畫參數、預設交換比例以及第二控件的控件屬性，將第二控件從第二控件的初始位置移動到按下位置。解決了現有技術中僅依賴于圖標位置的交換，導致交換效果差的問題，實現通過基于棧式面板的控件拖動和交換，使用戶可以方便地調整面板內各個控件的位置，提高界面操作直觀性，便捷性。同時，通過實時獲取和記錄鼠標的當前位置，使得根據當前位置快速計算控件的位置偏移數據，提高界面響應率以及操作流暢性。進一步的，基于位置偏移數據以及初始位置，確定至少兩個控件中存在滿足預設交換條件的第二控件，使滿足預設交換條件的第二控件與第一控件進行交換，提高交換控制的準確性，進而，依據位置偏移數據、預設動畫參數、預設交換比例以及第二控件的控件屬性，將第二控件從第二控件的初始位置移動到按下位置，清楚的展示出控件交換移動的過程，使交換過程呈現更流暢，提高展示效果。
18、應當理解，本部分所描述的內容并非旨在標識本專利技術的實施例的關鍵或重要特征，也不用于限制本專利技術的范圍。本專利技術的其它特征將通過以下的說明書而變得容易理解。
本文檔來自技高網...【技術保護點】
1.一種基于棧式面板的控件展示方法，其特征在于，包括：
2.根據權利要求1所述的方法，其特征在于，所述基于所述位置偏移數據以及所述初始位置，確定所述至少兩個控件中存在滿足預設交換條件的第二控件，包括：
3.根據權利要求2所述的方法，其特征在于，所述基于所述第二控件與所述第一控件的初始位置，以及預設交換比例和所述位置偏移數據，確定與所述第二控件相對應的交換偏移值，包括：
4.根據權利要求3所述的方法，其特征在于，所述基于所述預設交換比例、所述位置偏移數據、所述第二控件的控件屬性以及每個所述中間控件的控件屬性，確定與所述第二控件相對應的交換偏移值，包括：
5.根據權利要求1所述的方法，其特征在于，所述依據所述位置偏移數據、預設動畫參數、預設交換比例以及所述第二控件的控件屬性，將所述第二控件從所述第二控件的初始位置移動到所述按下位置，包括：
6.根據權利要求1所述的方法，其特征在于，在所述將所述第二控件從所述第二控件的初始位置移動到所述按下位置之后，還包括：
7.根據權利要求6所述的方法，其特征在于，所述方法還包括
8.一種基于棧式面板的控件展示裝置，其特征在于，包括：
9.一種電子設備，其特征在于，所述電子設備包括：
10.一種計算機可讀存儲介質，其特征在于，所述計算機可讀存儲介質存儲有計算機指令，所述計算機指令用于使處理器執行時實現權利要求1-7中任一項所述的基于棧式面板的控件展示方法。
...【技術特征摘要】
1.一種基于棧式面板的控件展示方法，其特征在于，包括：
2.根據權利要求1所述的方法，其特征在于，所述基于所述位置偏移數據以及所述初始位置，確定所述至少兩個控件中存在滿足預設交換條件的第二控件，包括：
3.根據權利要求2所述的方法，其特征在于，所述基于所述第二控件與所述第一控件的初始位置，以及預設交換比例和所述位置偏移數據，確定與所述第二控件相對應的交換偏移值，包括：
4.根據權利要求3所述的方法，其特征在于，所述基于所述預設交換比例、所述位置偏移數據、所述第二控件的控件屬性以及每個所述中間控件的控件屬性，確定與所述第二控件相對應的交換偏移值，包括：
5.根據權利要求1所述的方法，其特征在于，所述依據所...
【專利技術屬性】
技術研發人員：曲輝，單銳杰，朱正輝，
申請(專利權)人：廣東保倫電子股份有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。