TW201827997A - 介面操作的處理方法、裝置和智慧終端 - Google Patents
介面操作的處理方法、裝置和智慧終端 Download PDFInfo
- Publication number
- TW201827997A TW201827997A TW106102483A TW106102483A TW201827997A TW 201827997 A TW201827997 A TW 201827997A TW 106102483 A TW106102483 A TW 106102483A TW 106102483 A TW106102483 A TW 106102483A TW 201827997 A TW201827997 A TW 201827997A
- Authority
- TW
- Taiwan
- Prior art keywords
- distance
- sliding
- display interface
- display
- item
- Prior art date
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 8
- 238000000034 method Methods 0.000 claims abstract description 71
- 230000004044 response Effects 0.000 claims description 158
- 238000005381 potential energy Methods 0.000 claims description 109
- 238000012545 processing Methods 0.000 claims description 26
- 230000002238 attenuated effect Effects 0.000 claims description 12
- 239000003086 colorant Substances 0.000 claims description 8
- 230000003993 interaction Effects 0.000 abstract description 5
- 238000005096 rolling process Methods 0.000 abstract 1
- 238000010586 diagram Methods 0.000 description 22
- 238000004590 computer program Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 230000002452 interceptive effect Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 238000011161 development Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本發明實施例提供了一種介面操作的處理方法、裝置和智慧終端,以解決現有觸控操作不便捷的問題。所述的方法包括:在顯示介面內接收滑動輸入;依據所述滑動輸入繪製響應圖像;將所述響應圖像添加到所述顯示介面中進行顯示。能夠直接基於依據滑動輸入繪製響應圖像,無需使用者其他操作且在不干擾介面固有的滾動互動的前提下,提示使用者當前的滑動狀態。
Description
本發明關於終端技術領域,特別是關於一種介面操作的處理方法、一種介面操作的處理裝置,以及一種智慧終端。
使用者使用PC或行動終端等電腦設備時,通常會採用顯示介面展示內容給使用者,使用者也可以在該顯示介面中對內容進行查找、查看、操作等。
在顯示介面中對內容進行展示時存在各種各樣的方式,例如藉由圖示、詳細資訊等方式展示,由於在展示內容超過該顯示介面時,藉由進度表標示展示的內容等。
隨著行動終端技術的發展,越來越多的使用者使用行動終端執行各種業務,使用者操作也由原本的滑鼠、按鍵操作,逐漸變更為手指等觸控操作。而原有介面展示方式可能不適用於觸控操作,例如圖示比較密集時可能誤觸控到其他圖示,又如滑動查找時手指滑動的速度和距離也不像滑鼠滾輪一樣可控,因此觸控操作並不便捷。
因此,目前需要本領域技術人員迫切解決的一個技術 問題就是:提出一種介面操作的處理方法、裝置和智慧終端,以解決現有觸控操作不便捷的問題。
本發明實施例所要解決的技術問題是提供一種介面操作的處理方法,以解決現有觸控操作不便捷的問題。
相應的,本發明實施例還提供了一種介面操作的處理裝置和行動終端,用以保證上述方法的實現及應用。
為了解決上述問題,本發明揭露了一種介面操作的處理方法,包括:在顯示介面內接收滑動輸入;依據所述滑動輸入繪製響應圖像;將所述響應圖像添加到所述顯示介面中進行顯示。
可選的,依據所述滑動輸入繪製響應圖像,包括:當依據滑動輸入判斷當前滾動到所述顯示介面的邊界時,繪製所述響應圖像。
可選的,所述響應圖像由一條或多條曲線與所述顯示介面的邊界構成。
可選的,所述曲線的波峰與所述滑動輸入的觸控點對應。
可選的,所述曲線與所述顯示介面的邊界的兩個交點間線段的長度小於所述邊界的長度。
可選的,在顯示介面內接收滑動輸入,包括:在顯示介面內接收滑動操作,依據所述滑動操作產生滑動輸入。
可選的,依據所述滑動操作產生滑動輸入,包括:依 據所述滑動操作在所述顯示介面中滾動顯示介面內容;當滾動到所述顯示介面的邊界時,依據所述滑動操作確定慣性勢能,將所述慣性勢能作為滑動輸入。
可選的,依據所述滑動操作確定慣性勢能,包括:獲取當前顯示訊框,依據所述當前顯示訊框中確定所述滑動操作的方向和當前座標資訊;依據所述滑動操作的方向確定慣性勢能的方向;依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離。
可選的,依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離,包括:獲取所述滑動輸入的起始座標資訊,其中,所述起始座標資訊包括:顯示介面開始接收滑動輸入對應位置的座標資訊;計算所述當前座標資訊和所述起始座標資訊之間的距離,將所述距離作為慣性勢能的距離。
可選的,當所述滑動方向為水平方向時,基於橫座標計算所述距離;當所述滑動方向為垂直方向時,基於縱座標計算所述距離。
可選的,還包括:當未滾動到所述顯示介面的邊界時,依據所述滑動操作確定滑動速度,依據所述滑動速度調整顯示介面內容的滾動速度。
可選的,所述滑動輸入包括慣性勢能;依據所述滑動輸入繪製響應圖像,包括:依據所述慣性勢能確定基準點;依據所述基準點繪製曲線,採用所述曲線產生響應圖像。
可選的,依據所述慣性勢能確定基準點,包括:獲取與所述顯示介面相關的顯示距離;依據所述顯示距離和慣性勢能確定至少三個基準點的座標資訊。
可選的,獲取與所述顯示介面相關的顯示距離,包括:獲取預置的第一距離,以及依據所述顯示介面確定第二距離和第三距離,所述第一距離、第二距離和第三距離構成所述顯示距離。
可選的,依據所述基準點繪製曲線,採用所述曲線產生響應圖像,包括:依據所述至少三個基準點的座標資訊繪製賽貝爾曲線;將所述賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
可選的,依據所述基準點繪製曲線,採用所述曲線產生響應圖像,包括:採用至少兩組基準點的座標資訊分別繪製賽貝爾曲線,其中,每組基準點包括三個基準點;將至少兩條賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
可選的,還包括:在所述響應圖像中添加至少一種顏色或至少一種圖案。
可選的,還包括:按照以下任一種填充方式填充所述響應圖像;所述填充方式包括:由淺到深填充,由深到淺填充,冷、暖色填充。
可選的,還包括:設置所述響應圖像的透明度。
可選的,還包括:當撤銷所述滑動操作時,所述慣性勢能隨顯示訊框衰減;依據衰減的慣性勢能繪製響應圖像 並顯示,直到慣性勢能衰減為0,停止繪製所述響應圖像。
本發明實施例還揭露了一種介面操作的處理裝置,包括:輸入接收模組,用於在顯示介面內接收滑動輸入;繪製模組,用於依據所述滑動輸入繪製響應圖像;顯示模組,用於將所述響應圖像添加到所述顯示介面中進行顯示。
可選的,所述繪製模組,用於當依據滑動輸入判斷當前滾動到所述顯示介面的邊界時,繪製所述響應圖像。
可選的,所述響應圖像由一條或多條曲線與所述顯示介面的邊界構成。
可選的,所述曲線的波峰與所述滑動輸入的觸控點對應。
可選的,所述曲線與所述顯示介面的邊界的兩個交點間線段的長度小於所述邊界的長度。
可選的,所述輸入接收模組,用於在顯示介面內接收滑動操作,依據所述滑動操作產生滑動輸入。
可選的,所述輸入接收模組,包括:滾動顯示子模組,用於依據所述滑動操作在所述顯示介面中滾動顯示介面內容;慣性勢能確定子模組,用於當滾動到所述顯示介面的邊界時,依據所述滑動操作確定慣性勢能,將所述慣性勢能作為滑動輸入。
可選的,所述慣性勢能確定子模組,包括:獲取單元,用於獲取當前顯示訊框,依據所述當前顯示訊框中確 定所述滑動操作的方向和當前座標資訊;方向確定單元,用於依據所述滑動操作的方向確定慣性勢能的方向;距離確定單元,用於依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離。
可選的,所述距離確定單元,用於獲取所述滑動輸入的起始座標資訊,其中,所述起始座標資訊包括:顯示介面開始接收滑動輸入對應位置的座標資訊;計算所述當前座標資訊和所述起始座標資訊之間的距離,將所述距離作為慣性勢能的距離。
可選的,當所述滑動方向為水平方向時,基於橫座標計算所述距離;當所述滑動方向為垂直方向時,基於縱座標計算所述距離。
可選的,所述滾動顯示子模組,還用於當未滾動到所述顯示介面的邊界時,依據所述滑動操作確定滑動速度,依據所述滑動速度調整顯示介面內容的滾動速度。
可選的,所述滑動輸入包括慣性勢能;所述繪製模組,包括:基準點確定子模組,用於依據所述慣性勢能確定基準點;繪製產生子模組,用於依據所述基準點繪製曲線,採用所述曲線產生響應圖像。
可選的,所述基準點確定子模組,包括:距離獲取單元,用於獲取與所述顯示介面相關的顯示距離;座標確定單元,用於依據所述顯示距離和慣性勢能確定至少三個基準點的座標資訊。
可選的,所述距離獲取單元,用於獲取預置的第一距 離,以及依據所述顯示介面確定第二距離和第三距離,所述第一距離、第二距離和第三距離構成所述顯示距離。
可選的,所述繪製產生子模組,用於依據所述至少三個基準點的座標資訊繪製賽貝爾曲線;將所述賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
可選的,所述繪製產生子模組,用於採用至少兩組基準點的座標資訊分別繪製賽貝爾曲線,其中,每組基準點包括三個基準點;將至少兩條賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
可選的,所述繪製模組,還包括:顏色填充子模組,用於在所述響應圖像中添加至少一種顏色或至少一種圖案。
可選的,所述繪製模組,還包括:顏色填充子模組,用於按照以下任一種填充方式填充所述響應圖像;所述填充方式包括:由淺到深填充,由深到淺填充,冷、暖色填充。
可選的,所述繪製模組,還包括:透明度設置子模組,用於設置所述響應圖像的透明度。
可選的,所述繪製模組,還用於當撤銷所述滑動操作時,所述慣性勢能隨顯示訊框衰減;依據衰減的慣性勢能繪製響應圖像並顯示,直到慣性勢能衰減為0,停止繪製所述響應圖像。
本發明實施例還揭露了一種智慧終端,包括:所述智慧終端包括:記憶體、顯示器、處理器和輸入單元,其 中,所述輸入單元包括:觸控式螢幕;所述處理器用於執行本發明實施例所述的方法。
與現有技術相比,本發明實施例包括以下優點:在本發明實施例中,在顯示介面內接收滑動輸入,依據所述滑動輸入繪製響應圖像,將所述響應圖像添加到所述顯示介面中進行顯示,能夠直接基於依據滑動輸入繪製響應圖像,無需使用者其他操作且在不干擾介面固有的滾動互動的前提下,提示使用者當前的滑動狀態。
102‧‧‧步驟
104‧‧‧步驟
106‧‧‧步驟
202‧‧‧步驟
204‧‧‧步驟
206‧‧‧步驟
208‧‧‧步驟
210‧‧‧步驟
212‧‧‧步驟
302‧‧‧步驟
304‧‧‧步驟
306‧‧‧步驟
308‧‧‧步驟
310‧‧‧步驟
312‧‧‧步驟
314‧‧‧步驟
316‧‧‧步驟
502‧‧‧步驟
504‧‧‧步驟
506‧‧‧步驟
508‧‧‧步驟
510‧‧‧步驟
512‧‧‧步驟
1002‧‧‧輸入接收模組
1004‧‧‧繪製模組
1006‧‧‧顯示模組
11022‧‧‧滾動顯示子模組
11024‧‧‧慣性勢能確定子模組
11042‧‧‧基準點確定子模組
11044‧‧‧繪製產生子模組
11046‧‧‧顏色填充子模組
11048‧‧‧透明度設置子模組
1106‧‧‧顯示模組
110242‧‧‧獲取單元
110244‧‧‧方向確定單元
110246‧‧‧距離確定單元
110422‧‧‧距離獲取單元
110424‧‧‧座標確定單元
1210‧‧‧記憶體
1220‧‧‧顯示器
1230‧‧‧處理器
1240‧‧‧輸入單元
1241‧‧‧觸控式螢幕
圖1是本發明的一種介面操作的處理方法實施例的步驟流程圖;圖2是本發明的另一種介面操作的處理方法實施例的步驟流程圖;圖3是本發明的另一種介面操作的處理方法實施例中滑動輸入的產生步驟流程圖;圖4A、B是本發明實施例中滑動確定慣性勢能的示意圖;圖5是本發明的另一種介面操作的處理方法實施例中響應圖像的繪製步驟流程圖圖6A、B是本發明實施例中基準點確定的示意圖;圖7A、B是本發明實施例中基準點對應各控制點確定的示意圖;圖8A、B是本發明實施例中基於賽貝爾曲線繪製響 應圖像的示意圖;圖9A、B是本發明實施例中依據觸控點調整波峰的示意圖;圖10是本發明一種介面操作的處理裝置實施例的結構方塊圖;圖11A是本發明另一種介面操作的處理裝置實施例的結構方塊圖;圖11B是本發明另一種介面操作的處理裝置實施例中慣性勢能確定子模組的結構方塊圖;圖11C是本發明另一種介面操作的處理裝置實施例中基準點確定子模組的結構方塊圖
圖12是本發明一種智慧終端實施例的結構方塊圖。
為使本發明的上述目的、特徵和優點能夠更加明顯易懂,下面結合附圖和具體實施方式對本發明作進一步詳細的說明。
本發明實施例的核心構思之一在於,提出一種介面操作的處理方法、裝置和智慧終端,以解決現有觸控操作不便捷的問題。在顯示介面內接收滑動輸入,依據所述滑動輸入繪製響應圖像,將所述響應圖像添加到所述顯示介面中進行顯示,能夠直接基於依據滑動輸入繪製響應圖像,無需使用者其他操作且在不干擾介面固有的滾動互動的前提下,提示使用者當前的滑動狀態。
本發明實施例中,智慧終端指的是具有多媒體功能的終端設備,這些設備支援音訊、視頻、資料等方面的功能。本實施例中該智慧終端具有觸控式螢幕,包括智慧行動終端如智慧手機、平板電腦能,也可以是具有觸控式螢幕的智慧電視、個人電腦等設備。
參照圖1,顯示了本發明的一種介面操作的處理方法實施例的步驟流程圖,具體可以包括如下步驟:步驟102,在顯示介面內接收滑動輸入。
當前智慧終端通常採用觸控式螢幕,因此使用者可以直接藉由手指、觸控筆等方式執行觸控操作,對智慧終端進行控制。因此在智慧終端當前的顯示介面內,使用者可以滑動進行輸入控制,相應智慧終端可以接收滑動輸入。
步驟104,依據所述滑動輸入繪製響應圖像。
步驟106,將所述響應圖像添加到所述顯示介面中進行顯示。
依據滑動輸入可以執行相應的操作,本實施例中,當基於滑動輸入滑動到某些狀態下時,可以繪製響應圖像,響應圖像是響應滑動輸入的繪製並顯示,用於提示使用者當前輸入狀態,因此在繪製完響應圖像後,可以將響應圖像添加到所述顯示介面中進行顯示,提示使用者當前滑動輸入操作狀態,如已滑動到邊界等。
本實施例中,依據滑動輸入時介面狀態不同可以執行 不同的響應,例如依據滑動輸入調整頁面內容;也可以繪製不同的響應圖像,例如,滑動到邊緣時繪製響應圖像提醒邊緣,又如滑動到中間時繪製響應圖像提示後續滑動方向等。
本發明一個可選實施例中,依據所述滑動輸入繪製響應圖像,包括:當依據滑動輸入判斷當前滾動到所述顯示介面的邊界時,繪製所述響應圖像。
在當前介面內展示有相應的顯示介面內容,如網頁、列表等,可以基於使用者觸控對應的滑動輸入移動顯示介面內容,以展示不同的內容。當移動到顯示介面內容所述顯示介面的邊界時,如上移到上邊界,又如左移到左邊界等,均無法繼續移動,此時可以繪製響應圖像提醒使用者當前移動到邊緣,無法繼續移動。
因此,本實施例能夠基於依據滑動輸入繪製響應圖像,以提示使用者當前的滑動狀態。其中,可以繪製響應圖像,在不干擾介面固有的滾動互動的前提下,明確的提示使用者列表已經滾動到邊界了。
參照圖2,顯示了本發明的另一種介面操作的處理方法實施例的步驟流程圖,具體可以包括如下步驟:步驟202,在顯示介面內接收滑動操作。
步驟204,依據所述滑動操作產生滑動輸入,其中,所述滑動輸入包括慣性勢能。
在當前的顯示介面中,使用者可以藉由手指、觸控筆等滑動進行輸入操作,相應在智慧終端的觸控式螢幕可以接收到在顯示介面內的滑動操作,依據該滑動操作產生相應的滑動輸入。
其中,依據滑動操作的不同,顯示介面中顯示內容的不同,可以產生不同的滑動輸入,則依據滑動操作產生滑動輸入如圖3所示包括如下子步驟:子步驟302,依據所述滑動操作在所述顯示介面中滾動顯示介面內容。
子步驟304,檢測是否滾動到顯示介面的邊界。
本實施例中,當顯示介面內容超出顯示介面的範圍時,通常在顯示介面中僅顯示部分顯示介面內容,且在顯示介面底部或側邊顯示有捲軸,藉由調整捲軸的位置可以顯示不同的顯示介面內容。其中,當顯示介面內容寬度超出顯示介面的寬度時,在底部配置捲軸;當顯示介面內容長度超出顯示介面的高度時,在側邊配置捲軸。
可以依據滑動操作在所述顯示介面中滾動顯示介面內容,即左、右、上、下調整顯示介面內容。其中,當滾動到顯示介面的邊界後,無法繼續滾動,可以給使用者相應的提示,因此可以檢測是否滾動到顯示介面的邊界。
若否,即未滾動到所述顯示介面的邊界,執行子步驟306;若是,即滾動到所述顯示介面的邊界,執行子步驟308。
子步驟306,依據所述滑動操作確定滑動速度,將滑 動速度作為滑動輸入,調整顯示介面內容的滾動速度。
當未滾動到所述顯示介面的邊界時,可以基於滾動顯示介面內容進行顯示,在顯示介面內容進行滾動時,可以依據所述滑動操作確定滑動速度,將滑動速度作為滑動輸入,調整顯示介面內容的滾動速度。
本實施例中,假設滑動輸入為inertia,以上下滑動為例,在未滾動到所述顯示介面的邊界時,設inertia為手指在螢幕上縱向滑動的速度,單位為dp(device independent pixels,設備獨立像素),速度的計算方式是:當前訊框手指在螢幕上的y座標-前一訊框手指在螢幕上的y座標。
其中,dp也稱為dip,一種用於移動端設計的長度單位,與傳統的px(pixels,像素)不同點在於,在同一介面中,dp不會隨設備實體尺寸變化而變化,介面呈現高度大小是統一的,更接近實體呈現。訊框即智慧終端中顯示的圖像訊框,依據系統設置不同,每秒顯示的訊框數也不同,例如60訊框/秒,則依據距離和訊框速即確定滑動速度,從而相應調整顯示介面內容的滾動速度。
當滾動到所述顯示介面的邊界時,依據所述滑動操作確定慣性勢能,將所述慣性勢能作為滑動輸入,其中,慣性勢能藉由如下子步驟確定。
子步驟308,獲取當前顯示訊框,從所述當前顯示訊框中獲取所述滑動操作的方向和當前座標資訊。
子步驟310,依據所述滑動操作的方向確定慣性勢能 的方向。
獲取當前顯示訊框,並且獲取記錄的前一顯示訊框,依據當前顯示訊框確定當前座標資訊,依據當前顯示訊框和前一顯示訊框確定獲取所述滑動操作的方向和。將滑動操作的方向確定為慣性勢能的方向,還可以依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離。
子步驟312,獲取所述滑動輸入的起始座標資訊,其中,所述起始座標資訊包括:顯示介面開始接收滑動輸入對應位置的座標資訊。
子步驟314,計算所述當前座標資訊和所述起始座標資訊之間的距離,將所述距離作為慣性勢能的距離。
在使用者開始滑動時,相應顯示介面開始接收滑動輸入,記錄開始接收滑動輸入對應位置的座標資訊,作為滑動輸入的起始座標資訊,獲取該起始座標資訊。接著計算所述當前座標資訊和所述起始座標資訊之間的距離,將所述距離作為慣性勢能的距離。
其中,當所述滑動方向為水平方向時,基於橫座標計算所述距離;當所述滑動方向為垂直方向時,基於縱座標計算所述距離。所述滑動方向為水平方向即左右滑動時,滾動到所述顯示介面的豎邊的邊界,可以採用當前位置對應當前座標資訊的橫座標和所述起始座標資訊的橫座標計算距離;滑動方向為垂直方向即上下滑動時,滾動到所述顯示介面的橫邊的邊界,可以採用當前位置對應當前座標資訊的縱座標和所述起始座標資訊的縱座標計算距離。
例如,在上下滑動時如圖4A所示,顯示介面內容如清單在頂部時,即列表已經到上邊無法繼續向下滾動,設inertia為手指繼續向下滑動的距離,取值範圍為0dp~150dp。距離的計算方式是:當前訊框手指在螢幕上的y座標-手指開始接觸螢幕時的y座標。反之,列表在底部時如圖4B所示,即列表已經到底邊無法繼續向上滾動,設inertia為手指繼續向上滑動的距離,取值範圍為0dp~150dp,距離為當前訊框手指在螢幕上的y座標-手指開始接觸螢幕時的y座標。
子步驟316,將慣性勢能作為滑動輸入。
在確定出慣性勢能的方向和距離後,將慣性勢能作為滑動輸入,依據該滑動輸入調整顯示介面的顯示。
步驟206,依據所述慣性勢能確定基準點,依據所述基準點繪製曲線,採用所述曲線產生響應圖像。
當依據滑動輸入判斷當前滾動到所述顯示介面的邊界時,繪製所述響應圖像,其中,可以依據慣性勢能確定基準點,基於該基準點繪製曲線,採用所述曲線和顯示介面相應的邊界產生響應圖像。例如,確定出一個基準點和曲線的弧度或曲率來繪製曲線,又如確定兩個或以上基準點繪製曲線等。
其中,依據所述慣性勢能繪製響應圖像,如圖5所示具體包括如下子步驟:子步驟502,獲取與所述顯示介面相關的顯示距離。
以三個基準點繪製一條曲線為例,預置確定基準點所 需的顯示距離,在確定基準點時,獲取與所述顯示介面相關的顯示距離,包括:獲取預置的第一距離,以及依據所述顯示介面確定第二距離和第三距離,所述第一距離、第二距離和第三距離構成所述顯示距離。
其中,第一距離可以為曲線和螢幕左右的留白距離margin,該第一距離可以是固定值如位於1/4顯示介面的寬度,也可以是動態值。第二距離可以為顯示介面內容在顯示介面中的可視寬度width,如可視寬度與顯示介面的寬度相同,則width即為顯示介面的寬度,若可視寬度與顯示介面的寬度的一半,則width即為顯示介面的寬度的一半。第三距離可以為顯示介面內容在顯示介面中的可視高度height,如可視高度與顯示介面的高度相同,則height即為顯示介面的高度,若可視高度與顯示介面的高度的一半,則height即為顯示介面的高度的一半。
子步驟504,依據所述顯示距離和慣性勢能確定至少一組基準點的座標資訊。
本實施例以三個基準點繪製一條曲線為例,則可以每三個基準點構成一組基準點,則當可以依據顯示距離和慣性勢能確定至少一組基準點的座標資訊,即可以藉由設置具有多組顯示距離確定多組基準點,也可以藉由調整第一距離來繪製多組顯示基準點。
以一組基準點為例,設3個基準點分別為p0,p1,p2,設第一距離即曲線和螢幕左右的留白距離為margin,第二距離即顯示介面內容在顯示介面中的可視寬度為 width;第三距離即顯示介面內容在顯示介面中的可視高度為height。
如圖6A所示,當手指拖動顯示介面內容如清單至頂部,或手指放開列表自行滾動至頂部時,p0的x座標為margin,y座標為0,即p0(margin,0);p1的x座標為width-margin,y座標為0即p1(width-margin,0);p2的x座標為width*0.5,y座標為inertia,即p2(width*0.5,inertia)。
如圖6B所述,當手指拖動列表至底部,或手指放開列表自行滾動至底部時,p0的x座標為margin,y座標為height,即p0(margin,height);p1的x座標為width-margin,y座標為height即p1(width-margin,height);p2的x座標為width*0.5,y座標為height-inertia即p2(width*0.5,height-inertia)。
當確定一組基準點的座標資訊,執行子步驟506;當確定至少兩組基準點的座標資訊,執行子步驟510。
子步驟506,依據所述三個基準點的座標資訊繪製賽貝爾曲線。
子步驟508,將所述賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
依據所述三個基準點的座標資訊繪製賽貝爾曲線時,即確定各基準點的控制點,採用該控制點繪製賽貝爾曲線。通常的圖形程式設計API(Application Programming Interface,應用程式設計發展介面)都帶有在兩點間繪製 貝茲曲線的方法,如有的語言中叫做cubicTo,有的語言中叫做cubicCurveTo,參數的數量都是6個,分別為起點的控制點x座標,起點控制點y座標,終點控制點x座標,終點控制點y座標,終點x座標,終點y座標。
如圖7A,圖7B所示,滾動到上邊界、地邊界時,均可配置各基準點的控制點,其中,p0的控制點設為p0R,p1的控制點設為p1L,由於p2需要分別和p0,p1繪製曲線,所以需要兩個控制點p2L,p2R。每個控制點距離其關鍵點的距離設為100dp。
首先從p0繪製到p1的直線,接著繪製從p1到p2的貝茲曲線,之後繪製p2到p0的貝茲曲線,如果用java代碼表示繪製過程,即:path.moveTo(p0.x,p0.y);path.lineTo(p1.x,p1.y);path.cubicTo(p1L.x,p1L.y,p2R.x,p2R.y,p2.X,p2.y);path.cubicTo(p2L.x,p2L.y,p0R.x,p0R.y,p0.x,p0.y)。
從而將繪製出的賽貝爾曲線和顯示介面的邊界構成響應圖像,則賽貝爾曲線和顯示介面的上邊界構成如圖8A所示的響應圖像,賽貝爾曲線和顯示介面的地邊界構成如圖8B所示的響應圖像。
其中,貝茲曲線(Bézier curve),又稱貝茲曲線或貝濟埃曲線,是應用於二維圖形應用程式的數學曲線。一般的向量圖形軟體藉由它來精確畫出曲線,貝茲曲線由線段與節點組成,節點是可拖動的支點,線段像可伸縮的皮筋, 從而繪製出所需的曲線。
子步驟510,採用至少兩組基準點的座標資訊分別繪製賽貝爾曲線,其中,每組基準點包括三個基準點。
子步驟512,將至少兩條賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
為了增強視覺效果,可以採用至少兩組基準點的座標資訊分別繪製各組對應賽貝爾曲線,每組基準點對應賽貝爾曲線繪製方式如上所述,因此不再贅述。接著將繪製的至少兩條賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
其中,藉由調整第一距離來繪製多組顯示基準點時,相應依據第一距離的調整來調整p2的座標資訊,則p2L,p2R也相應移動,保持在p2兩側,從而進行賽貝爾曲線的繪製,其中,p0和p1的座標不變,則各賽貝爾曲線與顯示介面的邊界的交點也相同。
上述是賽貝爾曲線為例,實際還可以繪製其他曲線,如依據三個基準點繪製正弦曲線等,即本實施例中,所述響應圖像可以由一條或多條曲線與所述顯示介面的邊界構成。而曲線可以依據實際繪製需求確定,本發明實施例對此不做限定。
本發明實施例中,所述曲線的波峰與所述滑動輸入的觸控點對應。以賽貝爾曲線為例,在給上下邊界繪製響應圖像,即配置p2的橫座標時,給第二距離即可視寬度width配置不同的權重則相應曲線的波峰就會變更,則該 參數可以依據滑動輸入的觸控點確定,如圖9A所示,觸控點向左則相應曲線的波峰偏左,如圖9B所示,觸控點向右則相應曲線的波峰偏右。
本發明實施例中,顯示距離配置有第一距離即留白距離,若第一距離為0,則曲線與所述顯示介面的邊界的兩個交點即為顯示介面的左上角和右上角的頂點,即兩個交點間線段的長度等於該邊界的長度;相應若第一距離不為0,所述曲線與所述顯示介面的邊界的兩個交點間線段的長度小於該邊界的長度。
子步驟514,在所述響應圖像中填充顏色或圖案。
子步驟516,設置所述響應圖像的透明度。
採用曲線和所述顯示介面的邊界構成響應圖像後,可以在響應圖像中填充顏色或圖案,從而突出該響應圖像;還可以設置響應圖像的透明度,以使響應圖像的顯示不影響當前的介面內容。
在填充響應圖像時,可以在所述響應圖像中添加至少一種顏色或至少一種圖案,也可以按照以下任一種填充方式填充所述響應圖像,該填充方式包括:由淺到深填充,由深到淺填充,冷、暖色填充。當由多條曲線和邊界構成響應圖像時,不同曲線間可以填充不同顏色進行區分,如由淺到深填充,由深到淺填充,或者填充多種冷色,多種暖色或者藉由冷、暖色進行過渡。
步驟208,將所述響應圖像添加到所述顯示介面中進行顯示。
步驟210,當撤銷所述滑動操作時,所述慣性勢能隨顯示訊框衰減。
步驟212,依據衰減的慣性勢能繪製響應圖像並顯示,直到慣性勢能衰減為0,停止繪製所述響應圖像。
在繪製完響應圖像並填充顏色後,可以在顯示介面中顯示該響應圖像。為了給使用者帶來更好的體驗,同時符合慣性勢能的力學規律,在使用者手指或觸控筆離開螢幕,撤銷所述滑動操作時,可以配置慣性勢能inertia為隨顯示訊框衰減,如每訊框自衰減配置為inertia*=0.95,則每個顯示訊框均依照衰減的慣性勢能繪製響應圖像並顯示,直到慣性勢能衰減為0,停止繪製所述響應圖像。
在配置有慣性勢能inertia後,當滑動到顯示介面的邊界時,可以根據inertia繪製曲線產生響應圖像。其中,手指按在螢幕上即保持該滑動操作時,確定每個顯示訊框均的inertia,繪製並顯示響應圖像;手指離開螢幕即撤銷滑動操作後,由於inertia每訊框自衰減,在inertia不接近0時,每訊框都進行繪製響應圖像,在inertia非常接近0時,例如inertia<0.1時,設inertia為0,且停止繪製響應圖像。
上述實施例中,主要以縱向滑動即上線滑動繪製響應圖像為例進行論述,實際上在橫向滑動即左右滑動時,各組基準點的確定,相應曲線的繪製與此類似,從而可以繪製出與顯示介面的左右邊界構成響應圖像的曲線,因此不 再贅述。
在繪製貝茲曲線時,曲線的曲度可以藉由控制第一距離margin,以及控制點到基準點的距離細微控制,從而繪製出多樣的曲線。此外,曲線的顏色可以是多種多樣的,可以是單一純色,還可以是漸變色,還可以是某種點陣圖材質,從而繪製顯示豐富的響應圖像,給使用者更好的提示和更多樣的互動體驗。
本實施例中,上述步驟可以通用於多數針對CPU程式設計的電腦語言,還可以移植到針對GPU程式設計的電腦語言。
需要說明的是,對於方法實施例,為了簡單描述,故將其都表述為一系列的動作組合,但是本領域技術人員應該知悉,本發明實施例並不受所描述的動作順序的限制,因為依據本發明實施例,某些步驟可以採用其他順序或者同時進行。其次,本領域技術人員也應該知悉,說明書中所描述的實施例均屬於較佳實施例,所關於的動作並不一定是本發明實施例所必須的。
在上述實施例的基礎上,本實施例還提供了一種介面操作的處理裝置。
參照圖10,顯示了本發明一種介面操作的處理裝置實施例的結構方塊圖,具體可以包括如下模組:輸入接收模組1002,用於在顯示介面內接收滑動輸 入。
繪製模組1004,用於依據所述滑動輸入繪製響應圖像。
顯示模組1006,用於將所述響應圖像添加到所述顯示介面中進行顯示。
綜上,在顯示介面內接收滑動輸入,依據所述滑動輸入繪製響應圖像,將所述響應圖像添加到所述顯示介面中進行顯示,能夠直接基於依據滑動輸入繪製響應圖像,無需使用者其他操作且在不干擾介面固有的滾動互動的前提下,提示使用者當前的滑動狀態。
參照圖11A,顯示了本發明另一種介面操作的處理裝置實施例的結構方塊圖,具體可以包括如下模組:輸入接收模組1102,用於在顯示介面內接收滑動輸入。
繪製模組1104,用於依據所述滑動輸入繪製響應圖像。
顯示模組1106,用於將所述響應圖像添加到所述顯示介面中進行顯示。
其中,所述繪製模組1104,用於當依據滑動輸入判斷當前、滾動到所述顯示介面的邊界時,繪製所述響應圖像。
所述響應圖像由一條或多條曲線與所述顯示介面的邊界構成。
所述曲線的波峰與所述滑動輸入的觸控點對應。
所述曲線與所述顯示介面的邊界的兩個交點間線段的長度小於所述邊界的長度。
所述輸入接收模組1102,用於在顯示介面內接收滑動操作,依據所述滑動操作產生滑動輸入。
本發明一個可選實施例中,所述輸入接收模組1102,包括:滾動顯示子模組11022,用於依據所述滑動操作在所述顯示介面中滾動顯示介面內容。
慣性勢能確定子模組11024,用於當滾動到所述顯示介面的邊界時,依據所述滑動操作確定慣性勢能,將所述慣性勢能作為滑動輸入。
參照圖11B,顯示了本發明另一種介面操作的處理裝置實施例中慣性勢能確定子模組的結構方塊圖。
所述慣性勢能確定子模組11024,包括:獲取單元110242,用於獲取當前顯示訊框,依據所述當前顯示訊框中確定所述滑動操作的方向和當前座標資訊;方向確定單元110244,用於依據所述滑動操作的方向確定慣性勢能的方向;距離確定單元110246,用於依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離。
所述距離確定單元110246,用於獲取所述滑動輸入的起始座標資訊,其中,所述起始座標資訊包括:顯示介面開始接收滑動輸入對應位置的座標資訊;計算所述當前 座標資訊和所述起始座標資訊之間的距離,將所述距離作為慣性勢能的距離。
當所述滑動方向為水平方向時,基於橫座標計算所述距離;當所述滑動方向為垂直方向時,基於縱座標計算所述距離。
所述滾動顯示子模組11022,還用於當未滾動到所述顯示介面的邊界時,依據所述滑動操作確定滑動速度,依據所述滑動速度調整顯示介面內容的滾動速度。
所述滑動輸入包括慣性勢能;所述繪製模組1104,包括:基準點確定子模組11042,用於依據所述慣性勢能確定基準點。
繪製產生子模組11044,用於依據所述基準點繪製曲線,採用所述曲線產生響應圖像。
參照圖11C,顯示了本發明另一種介面操作的處理裝置實施例中基準點確定子模組的結構方塊圖。
所述基準點確定子模組11042,包括:距離獲取單元110422,用於獲取與所述顯示介面相關的顯示距離;座標確定單元110424,用於依據所述顯示距離和慣性勢能確定至少三個基準點的座標資訊。
距離獲取單元110422,用於獲取預置的第一距離,以及依據所述顯示介面確定第二距離和第三距離,所述第一距離、第二距離和第三距離構成所述顯示距離。
所述繪製產生子模組11044,用於依據所述至少三個基準點的座標資訊繪製賽貝爾曲線;將所述賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
所述繪製產生子模組11044,用於採用至少兩組基準點的座標資訊分別繪製賽貝爾曲線,其中,每組基準點包括三個基準點;將至少兩條賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
所述繪製模組,還包括:顏色填充子模組11046,用於在所述響應圖像中添加至少一種顏色或至少一種圖案。
所述繪製模組,還包括:顏色填充子模組11046,用於按照以下任一種填充方式填充所述響應圖像;所述填充方式包括:由淺到深填充,由深到淺填充,冷、暖色填充。
所述繪製模組,還包括:透明度設置子模組11048,用於設置所述響應圖像的透明度。
所述繪製模組1104,還用於當撤銷所述滑動操作時,所述慣性勢能隨顯示訊框衰減;依據衰減的慣性勢能繪製響應圖像並顯示,直到慣性勢能衰減為0,停止繪製所述響應圖像。
在配置有慣性勢能inertia後,當滑動到顯示介面的邊界時,可以根據inertia繪製曲線產生響應圖像。其中,手指按在螢幕上即保持該滑動操作時,確定每個顯示訊框均的inertia,繪製並顯示響應圖像;手指離開螢幕即撤銷滑動操作後,由於inertia每訊框自衰減,在inertia 不接近0時,每訊框都進行繪製響應圖像,在inertia非常接近0時,例如inertia<0.1時,設inertia為0,且停止繪製響應圖像。
上述實施例中,主要以縱向滑動即上線滑動繪製響應圖像為例進行論述,實際上在橫向滑動即左右滑動時,各組基準點的確定,相應曲線的繪製與此類似,從而可以繪製出與顯示介面的左右邊界構成響應圖像的曲線,因此不再贅述。
在繪製貝茲曲線時,曲線的曲度可以藉由控制第一距離margin,以及控制點到基準點的距離細微控制,從而繪製出多樣的曲線。此外,曲線的顏色可以是多種多樣的,可以是單一純色,還可以是漸變色,還可以是某種點陣圖材質,從而繪製顯示豐富的響應圖像,給使用者更好的提示和更多樣的互動體驗。
本實施例中,上述步驟可以通用於多數針對CPU程式設計的電腦語言,還可以移植到針對GPU程式設計的電腦語言。
在上述實施例的基礎上,本實施例還揭露了一種智慧終端。
參照圖12,顯示了本發明一種智慧終端實施例的結構方塊圖,具體可以包括如下模組:該智慧終端1200包括:記憶體1210、顯示器1220、 處理器1230和輸入單元1240。
其中,該輸入單元1240可用於接收使用者輸入的數位或字元資訊,以及控制訊號。具體地,本發明實施例中,該輸入單元1240可以包括觸控式螢幕1241,可收集使用者在其上或附近的觸控操作(例如使用者使用手指、觸筆等任何適合的物體或附件在觸控式螢幕1241上的操作),並根據預先設定的程式驅動相應的連接裝置。當然,除了觸控式螢幕1241,輸入單元1240還可以包括其他輸入裝置,如實體鍵盤、功能鍵(例如音量控制按鍵、開關按鍵等)、滑鼠等。
顯示器1220包括顯示面板,可選的,可以採用液晶顯示器(Liquid Crystal Display,LCD)或有機發光二極體(Organic Light-Emitting Diode,OLED)等形式來配置顯示面板。其中,觸控式螢幕可以覆蓋顯示面板,形成觸控顯示幕,當該觸控顯示幕檢測到在其上或附近的觸控操作後,傳送給處理器1230以執行相應的處理。
在本發明實施例中,藉由調用儲存該記憶體1210內的軟體程式,和/或,模組,和/或,資料,處理器1230用於在顯示介面內接收滑動輸入;依據所述滑動輸入繪製響應圖像;將所述響應圖像添加到所述顯示介面中進行顯示。
可選的,依據所述滑動輸入繪製響應圖像,包括:當依據滑動輸入判斷當前滾動到所述顯示介面的邊界時,繪製所述響應圖像。
可選的,所述響應圖像由一條或多條曲線與所述顯示介面的邊界構成。
可選的,所述曲線的波峰與所述滑動輸入的觸控點對應。
可選的,所述曲線與所述顯示介面的邊界的兩個交點間線段的長度小於所述邊界的長度。
可選的,在顯示介面內接收滑動輸入,包括:在顯示介面內接收滑動操作,依據所述滑動操作產生滑動輸入。
可選的,依據所述滑動操作產生滑動輸入,包括:依據所述滑動操作在所述顯示介面中滾動顯示介面內容;當滾動到所述顯示介面的邊界時,依據所述滑動操作確定慣性勢能,將所述慣性勢能作為滑動輸入。
可選的,依據所述滑動操作確定慣性勢能,包括:獲取當前顯示訊框,依據所述當前顯示訊框中確定所述滑動操作的方向和當前座標資訊;依據所述滑動操作的方向確定慣性勢能的方向;依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離。
可選的,依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離,包括:獲取所述滑動輸入的起始座標資訊,其中,所述起始座標資訊包括:顯示介面開始接收滑動輸入對應位置的座標資訊;計算所述當前座標資訊和所述起始座標資訊之間的距離,將所述距離作為慣性勢能的距離。
可選的,當所述滑動方向為水平方向時,基於橫座標 計算所述距離;當所述滑動方向為垂直方向時,基於縱座標計算所述距離。
可選的,還包括:當未滾動到所述顯示介面的邊界時,依據所述滑動操作確定滑動速度,依據所述滑動速度調整顯示介面內容的滾動速度。
可選的,所述滑動輸入包括慣性勢能;依據所述滑動輸入繪製響應圖像,包括:依據所述慣性勢能確定基準點;依據所述基準點繪製曲線,採用所述曲線產生響應圖像。
可選的,依據所述慣性勢能確定基準點,包括:獲取與所述顯示介面相關的顯示距離;依據所述顯示距離和慣性勢能確定至少三個基準點的座標資訊。
可選的,獲取與所述顯示介面相關的顯示距離,包括:獲取預置的第一距離,以及依據所述顯示介面確定第二距離和第三距離,所述第一距離、第二距離和第三距離構成所述顯示距離。
可選的,依據所述基準點繪製曲線,採用所述曲線產生響應圖像,包括:依據所述至少三個基準點的座標資訊繪製賽貝爾曲線;將所述賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
可選的,依據所述基準點繪製曲線,採用所述曲線產生響應圖像,包括:採用至少兩組基準點的座標資訊分別繪製賽貝爾曲線,其中,每組基準點包括三個基準點;將至少兩條賽貝爾曲線和所述顯示介面的邊界構成響應圖 像。
可選的,還包括:在所述響應圖像中添加至少一種顏色或至少一種圖案。
可選的,還包括:按照以下任一種填充方式填充所述響應圖像;所述填充方式包括:由淺到深填充,由深到淺填充,冷、暖色填充。
可選的,還包括:設置所述響應圖像的透明度。
可選的,還包括:當撤銷所述滑動操作時,所述慣性勢能隨顯示訊框衰減;依據衰減的慣性勢能繪製響應圖像並顯示,直到慣性勢能衰減為0,停止繪製所述響應圖像。
對於裝置實施例而言,由於其與方法實施例基本相似,所以描述的比較簡單,相關之處參見方法實施例的部分說明即可。
本說明書中的各個實施例均採用遞進的方式描述,每個實施例重點說明的都是與其他實施例的不同之處,各個實施例之間相同相似的部分互相參見即可。
本領域內的技術入員應明白,本發明實施例的實施例可提供為方法、裝置、或電腦程式產品。因此,本發明實施例可採用完全硬體實施例、完全軟體實施例、或結合軟體和硬體方面的實施例的形式。而且,本發明實施例可採用在一個或多個其中包含有電腦可用程式碼的電腦可用儲存媒體(包括但不限於磁碟記憶體、CD-ROM、光學記憶體等)上實施的電腦程式產品的形式。
在一個典型的配置中,所述電腦設備包括一個或多個處理器(CPU)、輸入/輸出介面、網路介面和記憶體。記憶體可能包括電腦可讀媒體中的非永久性記憶體,隨機存取記憶體(RAM)和/或非揮發性記憶體等形式,如唯讀記憶體(ROM)或快閃記憶體(flash RAM)。記憶體是電腦可讀媒體的實例。電腦可讀媒體包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術來實現資訊儲存。資訊可以是電腦可讀指令、資料結構、程式的模組或其他資料。電腦的儲存媒體的例子包括,但不限於相變記憶體(PRAM)、靜態隨機存取記憶體(SRAM)、動態隨機存取記憶體(DRAM)、其他類型的隨機存取記憶體(RAM)、唯讀記憶體(ROM)、電可抹除可程式設計唯讀記憶體(EEPROM)、快閃記憶體或其他記憶體技術、唯讀光碟唯讀記憶體(CD-ROM)、數位多功能光碟(DVD)或其他光學儲存、磁盒式磁帶,磁帶磁磁片儲存或其他磁性存放裝置或任何其他非傳輸媒體,可用於儲存可以被計算設備存取的資訊。按照本文中的界定,電腦可讀媒體不包括非暫態的電腦可讀媒體(transitory media),如調變的資料訊號和載波。
本發明實施例是參照根據本發明實施例的方法、終端設備(系統)、和電腦程式產品的流程圖和/或方塊圖來描述的。應理解可由電腦程式指令實現流程圖和/或方塊圖中的每一流程和/或方塊、以及流程圖和/或方塊圖中的流程和/或方塊的結合。可提供這些電腦程式指令到通用 電腦、專用電腦、嵌入式處理機或其他可程式設計資料處理終端設備的處理器以產生一個機器,使得藉由電腦或其他可程式設計資料處理終端設備的處理器執行的指令產生用於實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能的裝置。
這些電腦程式指令也可儲存在能引導電腦或其他可程式設計資料處理終端設備以特定方式工作的電腦可讀記憶體中,使得儲存在該電腦可讀記憶體中的指令產生包括指令裝置的製造品,該指令裝置實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能。
這些電腦程式指令也可裝載到電腦或其他可程式設計資料處理終端設備上,使得在電腦或其他可程式設計終端設備上執行一系列操作步驟以產生電腦實現的處理,從而在電腦或其他可程式設計終端設備上執行的指令提供用於實現在流程圖一個流程或多個流程和/或方塊圖一個方塊或多個方塊中指定的功能的步驟。
儘管已描述了本發明實施例的較佳實施例,但本領域內的技術人員一旦得知了基本創造性概念,則可對這些實施例做出另外的變更和修改。所以,所附申請專利範圍意欲解釋為包括較佳實施例以及落入本發明實施例範圍的所有變更和修改。
最後,還需要說明的是,在本文中,諸如第一和第二等之類的關係用語僅僅用來將一個實體或者操作與另一個實體或操作區分開來,而不一定要求或者暗示這些實體或 操作之間存在任何這種實際的關係或者順序。而且,用語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、物品或者終端設備不僅包括那些要素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、物品或者終端設備所固有的要素。在沒有更多限制的情況下,由語句“包括一個......”限定的要素,並不排除在包括所述要素的過程、方法、物品或者終端設備中還存在另外的相同要素。
以上對本發明所提供的一種介面操作的處理方法、一種介面操作的處理裝置,以及一種智慧終端,進行了詳細介紹,本文中應用了具體個例對本發明的原理及實施方式進行了闡述,以上實施例的說明只是用於幫助理解本發明的方法及其核心思想;同時,對於本領域的一般技術人員,依據本發明的思想,在具體實施方式及應用範圍上均會有改變之處,綜上所述,本說明書內容不應理解為對本發明的限制。
Claims (41)
- 一種介面操作的處理方法,包括:在顯示介面內接收滑動輸入;依據所述滑動輸入繪製響應圖像;將所述響應圖像添加到所述顯示介面中進行顯示。
- 根據申請專利範圍第1項所述的方法,其中,依據所述滑動輸入繪製響應圖像,包括:當依據滑動輸入判斷當前滾動到所述顯示介面的邊界時,繪製所述響應圖像。
- 根據申請專利範圍第1項所述的方法,其中,所述響應圖像由一條或多條曲線與所述顯示介面的邊界構成。
- 根據申請專利範圍第3項所述的方法,其中,所述曲線的波峰與所述滑動輸入的觸控點對應。
- 根據申請專利範圍第3項所述的方法,其中,所述曲線與所述顯示介面的邊界的兩個交點間線段的長度小於所述邊界的長度。
- 根據申請專利範圍第1項所述的方法,其中,在顯示介面內接收滑動輸入,包括:在顯示介面內接收滑動操作,依據所述滑動操作產生滑動輸入。
- 根據申請專利範圍第6項所述的方法,其中,依據所述滑動操作產生滑動輸入,包括:依據所述滑動操作在所述顯示介面中滾動顯示介面內容; 當滾動到所述顯示介面的邊界時,依據所述滑動操作確定慣性勢能,將所述慣性勢能作為滑動輸入。
- 根據申請專利範圍第7項所述的方法,其中,依據所述滑動操作確定慣性勢能,包括:獲取當前顯示訊框,依據所述當前顯示訊框中確定所述滑動操作的方向和當前座標資訊;依據所述滑動操作的方向確定慣性勢能的方向;依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離。
- 根據申請專利範圍第8項所述的方法,其中,依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離,包括:獲取所述滑動輸入的起始座標資訊,其中,所述起始座標資訊包括:顯示介面開始接收滑動輸入對應位置的座標資訊;計算所述當前座標資訊和所述起始座標資訊之間的距離,將所述距離作為慣性勢能的距離。
- 根據申請專利範圍第9項所述的方法,其中,當所述滑動方向為水平方向時,基於橫座標計算所述距離;當所述滑動方向為垂直方向時,基於縱座標計算所述距離。
- 根據申請專利範圍第7項所述的方法,其中,還包括: 當未滾動到所述顯示介面的邊界時,依據所述滑動操作確定滑動速度,依據所述滑動速度調整顯示介面內容的滾動速度。
- 根據申請專利範圍第1項所述的方法,其中,所述滑動輸入包括慣性勢能;依據所述滑動輸入繪製響應圖像,包括:依據所述慣性勢能確定基準點;依據所述基準點繪製曲線,採用所述曲線產生響應圖像。
- 根據申請專利範圍第12項所述的方法,其中,依據所述慣性勢能確定基準點,包括:獲取與所述顯示介面相關的顯示距離;依據所述顯示距離和慣性勢能確定至少三個基準點的座標資訊。
- 根據申請專利範圍第13項所述的方法,其中,獲取與所述顯示介面相關的顯示距離,包括:獲取預置的第一距離,以及依據所述顯示介面確定第二距離和第三距離,所述第一距離、第二距離和第三距離構成所述顯示距離。
- 根據申請專利範圍第13項所述的方法,其中,依據所述基準點繪製曲線,採用所述曲線產生響應圖像,包括:依據所述至少三個基準點的座標資訊繪製賽貝爾曲線; 將所述賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
- 根據申請專利範圍第15項所述的方法,其中,依據所述基準點繪製曲線,採用所述曲線產生響應圖像,包括:採用至少兩組基準點的座標資訊分別繪製賽貝爾曲線,其中,每組基準點包括三個基準點;將至少兩條賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
- 根據申請專利範圍第3、15或16項所述的方法,其中,還包括:在所述響應圖像中添加至少一種顏色或至少一種圖案。
- 根據申請專利範圍第3、15或16項所述的方法,其中,還包括:按照以下任一種填充方式填充所述響應圖像;所述填充方式包括:由淺到深填充,由深到淺填充,冷、暖色填充。
- 根據申請專利範圍第18項所述的方法,其中,還包括:設置所述響應圖像的透明度。
- 根據申請專利範圍第7項所述的方法,其中,還包括:當撤銷所述滑動操作時,所述慣性勢能隨顯示訊框衰 減;依據衰減的慣性勢能繪製響應圖像並顯示,直到慣性勢能衰減為0,停止繪製所述響應圖像。
- 一種介面操作的處理裝置,包括:輸入接收模組,用於在顯示介面內接收滑動輸入;繪製模組,用於依據所述滑動輸入繪製響應圖像;顯示模組,用於將所述響應圖像添加到所述顯示介面中進行顯示。
- 根據申請專利範圍第21項所述的裝置,其中,所述繪製模組,用於當依據滑動輸入判斷當前滾動到所述顯示介面的邊界時,繪製所述響應圖像。
- 根據申請專利範圍第21項所述的裝置,其中,所述響應圖像由一條或多條曲線與所述顯示介面的邊界構成。
- 根據申請專利範圍第23項所述的裝置,其中,所述曲線的波峰與所述滑動輸入的觸控點對應。
- 根據申請專利範圍第23項所述的裝置,其中,所述曲線與所述顯示介面的邊界的兩個交點間線段的長度小於所述邊界的長度。
- 根據申請專利範圍第21項所述的裝置,其中,所述輸入接收模組,用於在顯示介面內接收滑動操作,依據所述滑動操作產生滑動輸入。
- 根據申請專利範圍第26項所述的裝置,其中,所述輸入接收模組,包括: 滾動顯示子模組,用於依據所述滑動操作在所述顯示介面中滾動顯示介面內容;慣性勢能確定子模組,用於當滾動到所述顯示介面的邊界時,依據所述滑動操作確定慣性勢能,將所述慣性勢能作為滑動輸入。
- 根據申請專利範圍第27項所述的裝置,其中,所述慣性勢能確定子模組,包括:獲取單元,用於獲取當前顯示訊框,依據所述當前顯示訊框中確定所述滑動操作的方向和當前座標資訊;方向確定單元,用於依據所述滑動操作的方向確定慣性勢能的方向;距離確定單元,用於依據所述滑動操作對應當前座標資訊確定所述慣性勢能的距離。
- 根據申請專利範圍第28項所述的裝置,其中,所述距離確定單元,用於獲取所述滑動輸入的起始座標資訊,其中,所述起始座標資訊包括:顯示介面開始接收滑動輸入對應位置的座標資訊;計算所述當前座標資訊和所述起始座標資訊之間的距離,將所述距離作為慣性勢能的距離。
- 根據申請專利範圍第29項所述的裝置,其中,當所述滑動方向為水平方向時,基於橫座標計算所述距離;當所述滑動方向為垂直方向時,基於縱座標計算所述距離。
- 根據申請專利範圍第27項所述的裝置,其中,所述滾動顯示子模組,還用於當未滾動到所述顯示介面的邊界時,依據所述滑動操作確定滑動速度,依據所述滑動速度調整顯示介面內容的滾動速度。
- 根據申請專利範圍第21項所述的裝置,其中,所述滑動輸入包括慣性勢能;所述繪製模組,包括:基準點確定子模組,用於依據所述慣性勢能確定基準點;繪製產生子模組,用於依據所述基準點繪製曲線,採用所述曲線產生響應圖像。
- 根據申請專利範圍第32項所述的裝置,其中,所述基準點確定子模組,包括:距離獲取單元,用於獲取與所述顯示介面相關的顯示距離;座標確定單元,用於依據所述顯示距離和慣性勢能確定至少三個基準點的座標資訊。
- 根據申請專利範圍第33項所述的裝置,其中,所述距離獲取單元,用於獲取預置的第一距離,以及依據所述顯示介面確定第二距離和第三距離,所述第一距離、第二距離和第三距離構成所述顯示距離。
- 根據申請專利範圍第33項所述的裝置,其中,所述繪製產生子模組,用於依據所述至少三個基準點的座標資訊繪製賽貝爾曲線;將所述賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
- 根據申請專利範圍第35項所述的裝置,其中,所述繪製產生子模組,用於採用至少兩組基準點的座標資訊分別繪製賽貝爾曲線,其中,每組基準點包括三個基準點;將至少兩條賽貝爾曲線和所述顯示介面的邊界構成響應圖像。
- 根據申請專利範圍第23、35或36項所述的裝置,其中,所述繪製模組,還包括:顏色填充子模組,用於在所述響應圖像中添加至少一種顏色或至少一種圖案。
- 根據申請專利範圍第23、35或36項所述的裝置,其中,所述繪製模組,還包括:顏色填充子模組,用於按照以下任一種填充方式填充所述響應圖像;所述填充方式包括:由淺到深填充,由深到淺填充,冷、暖色填充。
- 根據申請專利範圍第38項所述的裝置,其中,所述繪製模組,還包括:透明度設置子模組,用於設置所述響應圖像的透明度。
- 根據申請專利範圍第27項所述的裝置,其中,所述繪製模組,還用於當撤銷所述滑動操作時,所述慣性勢能隨顯示訊框衰減;依據衰減的慣性勢能繪製響應圖像並顯示,直到慣性勢能衰減為0,停止繪製所述響應圖像。
- 一種智慧終端,包括:所述智慧終端包括:記憶 體、顯示器、處理器和輸入單元,其中,所述輸入單元包括:觸控式螢幕;所述處理器用於執行上述申請專利範圍第1-20項任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW106102483A TWI724096B (zh) | 2017-01-23 | 2017-01-23 | 介面操作的處理方法、裝置和智慧終端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW106102483A TWI724096B (zh) | 2017-01-23 | 2017-01-23 | 介面操作的處理方法、裝置和智慧終端 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201827997A true TW201827997A (zh) | 2018-08-01 |
TWI724096B TWI724096B (zh) | 2021-04-11 |
Family
ID=63960472
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW106102483A TWI724096B (zh) | 2017-01-23 | 2017-01-23 | 介面操作的處理方法、裝置和智慧終端 |
Country Status (1)
Country | Link |
---|---|
TW (1) | TWI724096B (zh) |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100873679B1 (ko) * | 2007-09-04 | 2008-12-12 | 엘지전자 주식회사 | 휴대단말기의 스크롤링 방법 |
US8624925B2 (en) * | 2009-10-16 | 2014-01-07 | Qualcomm Incorporated | Content boundary signaling techniques |
CN102385473A (zh) * | 2010-09-02 | 2012-03-21 | 腾讯科技(深圳)有限公司 | 页面切换方法和装置 |
KR102160767B1 (ko) * | 2013-06-20 | 2020-09-29 | 삼성전자주식회사 | 제스처를 감지하여 기능을 제어하는 휴대 단말 및 방법 |
-
2017
- 2017-01-23 TW TW106102483A patent/TWI724096B/zh not_active IP Right Cessation
Also Published As
Publication number | Publication date |
---|---|
TWI724096B (zh) | 2021-04-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8869062B1 (en) | Gesture-based screen-magnified touchscreen navigation | |
EP2641157B1 (en) | Method and apparatus for displaying user interface capable of intuitively editing and browsing folder | |
US20150067582A1 (en) | Content navigation structure and transition mechanism | |
US20150143284A1 (en) | Navigable Layering Of Viewable Areas For Hierarchical Content | |
US20130169579A1 (en) | User interactions | |
KR102393295B1 (ko) | 컨텐트를 스타일링하는 장치 및 방법 | |
CN110716687B (zh) | 在便携设备上显示画面的方法和装置 | |
JP5254399B2 (ja) | 表示装置、ユーザインタフェース方法及びプログラム | |
US8872813B2 (en) | Parallax image authoring and viewing in digital media | |
US20140223341A1 (en) | Method and electronic device for controlling dynamic map-type graphic interface | |
US8745525B1 (en) | Presenting graphical windows on a device | |
US10019425B2 (en) | Enhancement to text selection controls | |
WO2017097142A1 (zh) | 界面操作的处理方法、装置和智能终端 | |
KR20140102386A (ko) | 디스플레이장치 및 그 제어방법 | |
EP2998833B1 (en) | Electronic device and method of controlling display of screen thereof | |
CN107015726A (zh) | 一种动态信息展示方法及装置 | |
TWI724096B (zh) | 介面操作的處理方法、裝置和智慧終端 | |
WO2018068364A1 (zh) | 用于页面显示的方法、装置、图形用户界面及移动终端 | |
JP6945345B2 (ja) | 表示装置、表示方法及びプログラム | |
CN103616989B (zh) | 一种自动调整光标位置的方法、装置及移动终端 | |
US20140223340A1 (en) | Method and electronic device for providing dynamic map-type graphic interface | |
US20180067632A1 (en) | User terminal apparatus and control method thereof | |
CN103997634B (zh) | 用户终端及其显示图像的方法 | |
US11726644B2 (en) | Providing visual feedback during touch-based operations on user interface elements | |
JP2006113715A (ja) | タッチパネルgui装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
MM4A | Annulment or lapse of patent due to non-payment of fees |