本申請(qǐng)涉及終端技術(shù)領(lǐng)域，特別是涉及一種界面操作的處理方法、一種界面操作的處理裝置，以及一種智能終端。

背景技術(shù)：

用戶使用PC或移動(dòng)終端等計(jì)算機(jī)設(shè)備時(shí)，通常會(huì)采用顯示界面展示內(nèi)容給用戶，用戶也可以在該顯示界面中對(duì)內(nèi)容進(jìn)行查找、查看、操作等。

在顯示界面中對(duì)內(nèi)容進(jìn)行展示時(shí)存在各種各樣的方式，例如通過圖標(biāo)、詳細(xì)信息等方式展示，由于在展示內(nèi)容超過該顯示界面時(shí)，通過進(jìn)度表標(biāo)示展示的內(nèi)容等。

隨著移動(dòng)終端技術(shù)的發(fā)展，越來(lái)越多的用戶使用移動(dòng)終端執(zhí)行各種業(yè)務(wù)，用戶操作也由原本的鼠標(biāo)、按鍵操作，逐漸變更為手指等觸摸操作。而原有界面展示方式可能不適用于觸摸操作，例如圖標(biāo)比較密集時(shí)可能誤觸摸到其他圖標(biāo)，又如滑動(dòng)查找時(shí)手指滑動(dòng)的速度和距離也不像鼠標(biāo)滾輪一樣可控，因此觸摸操作并不便捷。

因此，目前需要本領(lǐng)域技術(shù)人員迫切解決的一個(gè)技術(shù)問題就是：提出一種界面操作的處理方法、裝置和智能終端，以解決現(xiàn)有觸摸操作不便捷的問題。

技術(shù)實(shí)現(xiàn)要素：

本申請(qǐng)實(shí)施例所要解決的技術(shù)問題是提供一種界面操作的處理方法，以解決現(xiàn)有觸摸操作不便捷的問題。

相應(yīng)的，本申請(qǐng)實(shí)施例還提供了一種界面操作的處理裝置和移動(dòng)終端，用以保證上述方法的實(shí)現(xiàn)及應(yīng)用。

為了解決上述問題，本申請(qǐng)公開了一種界面操作的處理方法，包括：在顯示界面內(nèi)接收滑動(dòng)輸入；依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像；將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示。

可選的，依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像，包括：當(dāng)依據(jù)滑動(dòng)輸入判斷當(dāng)前滾動(dòng)到所述顯示界面的邊界時(shí)，繪制所述響應(yīng)圖像。

可選的，所述響應(yīng)圖像由一條或多條曲線與所述顯示界面的邊界構(gòu)成。

可選的，所述曲線的波峰與所述滑動(dòng)輸入的觸控點(diǎn)對(duì)應(yīng)。

可選的，所述曲線與所述顯示界面的邊界的兩個(gè)交點(diǎn)間線段的長(zhǎng)度小于所述邊界的長(zhǎng)度。

可選的，在顯示界面內(nèi)接收滑動(dòng)輸入，包括：在顯示界面內(nèi)接收滑動(dòng)操作，依據(jù)所述滑動(dòng)操作生成滑動(dòng)輸入。

可選的，依據(jù)所述滑動(dòng)操作生成滑動(dòng)輸入，包括：依據(jù)所述滑動(dòng)操作在所述顯示界面中滾動(dòng)顯示界面內(nèi)容；當(dāng)滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定慣性勢(shì)能，將所述慣性勢(shì)能作為滑動(dòng)輸入。

可選的，依據(jù)所述滑動(dòng)操作確定慣性勢(shì)能，包括：獲取當(dāng)前顯示幀，依據(jù)所述當(dāng)前顯示幀中確定所述滑動(dòng)操作的方向和當(dāng)前坐標(biāo)信息；依據(jù)所述滑動(dòng)操作的方向確定慣性勢(shì)能的方向；依據(jù)所述滑動(dòng)操作對(duì)應(yīng)當(dāng)前坐標(biāo)信息確定所述慣性勢(shì)能的距離。

可選的，依據(jù)所述滑動(dòng)操作對(duì)應(yīng)當(dāng)前坐標(biāo)信息確定所述慣性勢(shì)能的距離，包括：獲取所述滑動(dòng)輸入的起始坐標(biāo)信息，其中，所述起始坐標(biāo)信息包括：顯示界面開始接收滑動(dòng)輸入對(duì)應(yīng)位置的坐標(biāo)信息；計(jì)算所述當(dāng)前坐標(biāo)信息和所述起始坐標(biāo)信息之間的距離，將所述距離作為慣性勢(shì)能的距離。

可選的，當(dāng)所述滑動(dòng)方向?yàn)樗椒较驎r(shí)，基于橫坐標(biāo)計(jì)算所述距離；當(dāng)所述滑動(dòng)方向?yàn)樨Q直方向時(shí)，基于縱坐標(biāo)計(jì)算所述距離。

可選的，還包括：當(dāng)未滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定滑動(dòng)速度，依據(jù)所述滑動(dòng)速度調(diào)整顯示界面內(nèi)容的滾動(dòng)速度。

可選的，所述滑動(dòng)輸入包括慣性勢(shì)能；依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像，包括：依據(jù)所述慣性勢(shì)能確定基準(zhǔn)點(diǎn)；依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像。

可選的，依據(jù)所述慣性勢(shì)能確定基準(zhǔn)點(diǎn)，包括：獲取與所述顯示界面相關(guān)的顯示距離；依據(jù)所述顯示距離和慣性勢(shì)能確定至少三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信 息。

可選的，獲取與所述顯示界面相關(guān)的顯示距離，包括：獲取預(yù)置的第一距離，以及依據(jù)所述顯示界面確定第二距離和第三距離，所述第一距離、第二距離和第三距離構(gòu)成所述顯示距離。

可選的，依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像，包括：依據(jù)所述至少三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信息繪制賽貝爾曲線；將所述賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

可選的，依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像，包括：采用至少兩組基準(zhǔn)點(diǎn)的坐標(biāo)信息分別繪制賽貝爾曲線，其中，每組基準(zhǔn)點(diǎn)包括三個(gè)基準(zhǔn)點(diǎn)；將至少兩條賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

可選的，還包括：在所述響應(yīng)圖像中添加至少一種顏色或至少一種圖案。

可選的，還包括：按照以下任一種填充方式填充所述響應(yīng)圖像；所述填充方式包括：由淺到深填充，由深到淺填充，冷、暖色填充。

可選的，還包括：設(shè)置所述響應(yīng)圖像的透明度。

可選的，還包括：當(dāng)撤銷所述滑動(dòng)操作時(shí)，所述慣性勢(shì)能隨顯示幀衰減；依據(jù)衰減的慣性勢(shì)能繪制響應(yīng)圖像并顯示，直到慣性勢(shì)能衰減為0，停止繪制所述響應(yīng)圖像。

本申請(qǐng)實(shí)施例還公開了一種界面操作的處理裝置，包括：輸入接收模塊，用于在顯示界面內(nèi)接收滑動(dòng)輸入；繪制模塊，用于依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像；顯示模塊，用于將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示。

可選的，所述繪制模塊，用于當(dāng)依據(jù)滑動(dòng)輸入判斷當(dāng)前滾動(dòng)到所述顯示界面的邊界時(shí)，繪制所述響應(yīng)圖像。

可選的，所述響應(yīng)圖像由一條或多條曲線與所述顯示界面的邊界構(gòu)成。

可選的，所述曲線的波峰與所述滑動(dòng)輸入的觸控點(diǎn)對(duì)應(yīng)。

可選的，所述曲線與所述顯示界面的邊界的兩個(gè)交點(diǎn)間線段的長(zhǎng)度小于所述邊界的長(zhǎng)度。

可選的，所述輸入接收模塊，用于在顯示界面內(nèi)接收滑動(dòng)操作，依據(jù)所 述滑動(dòng)操作生成滑動(dòng)輸入。

可選的，所述輸入接收模塊，包括：滾動(dòng)顯示子模塊，用于依據(jù)所述滑動(dòng)操作在所述顯示界面中滾動(dòng)顯示界面內(nèi)容；慣性勢(shì)能確定子模塊，用于當(dāng)滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定慣性勢(shì)能，將所述慣性勢(shì)能作為滑動(dòng)輸入。

可選的，所述慣性勢(shì)能確定子模塊，包括：獲取單元，用于獲取當(dāng)前顯示幀，依據(jù)所述當(dāng)前顯示幀中確定所述滑動(dòng)操作的方向和當(dāng)前坐標(biāo)信息；方向確定單元，用于依據(jù)所述滑動(dòng)操作的方向確定慣性勢(shì)能的方向；距離確定單元，用于依據(jù)所述滑動(dòng)操作對(duì)應(yīng)當(dāng)前坐標(biāo)信息確定所述慣性勢(shì)能的距離。

可選的，所述距離確定單元，用于獲取所述滑動(dòng)輸入的起始坐標(biāo)信息，其中，所述起始坐標(biāo)信息包括：顯示界面開始接收滑動(dòng)輸入對(duì)應(yīng)位置的坐標(biāo)信息；計(jì)算所述當(dāng)前坐標(biāo)信息和所述起始坐標(biāo)信息之間的距離，將所述距離作為慣性勢(shì)能的距離。

可選的，當(dāng)所述滑動(dòng)方向?yàn)樗椒较驎r(shí)，基于橫坐標(biāo)計(jì)算所述距離；當(dāng)所述滑動(dòng)方向?yàn)樨Q直方向時(shí)，基于縱坐標(biāo)計(jì)算所述距離。

可選的，所述滾動(dòng)顯示子模塊，還用于當(dāng)未滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定滑動(dòng)速度，依據(jù)所述滑動(dòng)速度調(diào)整顯示界面內(nèi)容的滾動(dòng)速度。

可選的，所述滑動(dòng)輸入包括慣性勢(shì)能；所述繪制模塊，包括：基準(zhǔn)點(diǎn)確定子模塊，用于依據(jù)所述慣性勢(shì)能確定基準(zhǔn)點(diǎn)；繪制生成子模塊，用于依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像。

可選的，所述基準(zhǔn)點(diǎn)確定子模塊，包括：距離獲取單元，用于獲取與所述顯示界面相關(guān)的顯示距離；坐標(biāo)確定單元，用于依據(jù)所述顯示距離和慣性勢(shì)能確定至少三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信息。

可選的，所述距離獲取單元，用于獲取預(yù)置的第一距離，以及依據(jù)所述顯示界面確定第二距離和第三距離，所述第一距離、第二距離和第三距離構(gòu)成所述顯示距離。

可選的，所述繪制生成子模塊，用于依據(jù)所述至少三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信 息繪制賽貝爾曲線；將所述賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

可選的，所述繪制生成子模塊，用于采用至少兩組基準(zhǔn)點(diǎn)的坐標(biāo)信息分別繪制賽貝爾曲線，其中，每組基準(zhǔn)點(diǎn)包括三個(gè)基準(zhǔn)點(diǎn)；將至少兩條賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

可選的，所述繪制模塊，還包括：顏色填充子模塊，用于在所述響應(yīng)圖像中添加至少一種顏色或至少一種圖案。

可選的，所述繪制模塊，還包括：顏色填充子模塊，用于按照以下任一種填充方式填充所述響應(yīng)圖像；所述填充方式包括：由淺到深填充，由深到淺填充，冷、暖色填充。

可選的，所述繪制模塊，還包括：透明度設(shè)置子模塊，用于設(shè)置所述響應(yīng)圖像的透明度。

可選的，所述繪制模塊，還用于當(dāng)撤銷所述滑動(dòng)操作時(shí)，所述慣性勢(shì)能隨顯示幀衰減；依據(jù)衰減的慣性勢(shì)能繪制響應(yīng)圖像并顯示，直到慣性勢(shì)能衰減為0，停止繪制所述響應(yīng)圖像。

本申請(qǐng)實(shí)施例還公開了一種智能終端，包括：所述智能終端包括：存儲(chǔ)器、顯示器、處理器和輸入單元，其中，所述輸入單元包括：觸摸屏；所述處理器用于執(zhí)行本申請(qǐng)實(shí)施例所述的方法。

與現(xiàn)有技術(shù)相比，本申請(qǐng)實(shí)施例包括以下優(yōu)點(diǎn)：

在本申請(qǐng)實(shí)施例中，在顯示界面內(nèi)接收滑動(dòng)輸入，依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像，將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示，能夠直接基于依據(jù)滑動(dòng)輸入繪制響應(yīng)圖像，無(wú)需用戶其他操作且在不干擾界面固有的滾動(dòng)交互的前提下，提示用戶當(dāng)前的滑動(dòng)狀態(tài)。

附圖說明

圖1是本申請(qǐng)的一種界面操作的處理方法實(shí)施例的步驟流程圖；

圖2是本申請(qǐng)的另一種界面操作的處理方法實(shí)施例的步驟流程圖；

圖3是本申請(qǐng)的另一種界面操作的處理方法實(shí)施例中滑動(dòng)輸入的生成步驟流程圖；

圖4A、B是本申請(qǐng)實(shí)施例中滑動(dòng)確定慣性勢(shì)能的示意圖；

圖5是本申請(qǐng)的另一種界面操作的處理方法實(shí)施例中響應(yīng)圖像的繪制步驟流程圖

圖6A、B是本申請(qǐng)實(shí)施例中基準(zhǔn)點(diǎn)確定的示意圖；

圖7A、B是本申請(qǐng)實(shí)施例中基準(zhǔn)點(diǎn)對(duì)應(yīng)各控制點(diǎn)確定的示意圖；

圖8A、B是本申請(qǐng)實(shí)施例中基于賽貝爾曲線繪制響應(yīng)圖像的示意圖；

圖9A、B是本申請(qǐng)實(shí)施例中依據(jù)觸控點(diǎn)調(diào)整波峰的示意圖；

圖10是本申請(qǐng)一種界面操作的處理裝置實(shí)施例的結(jié)構(gòu)框圖；

圖11A是本申請(qǐng)另一種界面操作的處理裝置實(shí)施例的結(jié)構(gòu)框圖；

圖11B是本申請(qǐng)另一種界面操作的處理裝置實(shí)施例中慣性勢(shì)能確定子模塊的結(jié)構(gòu)框圖；

圖11C是本申請(qǐng)另一種界面操作的處理裝置實(shí)施例中基準(zhǔn)點(diǎn)確定子模塊的結(jié)構(gòu)框圖

圖12是本申請(qǐng)一種智能終端實(shí)施例的結(jié)構(gòu)框圖。

具體實(shí)施方式

為使本申請(qǐng)的上述目的、特征和優(yōu)點(diǎn)能夠更加明顯易懂，下面結(jié)合附圖和具體實(shí)施方式對(duì)本申請(qǐng)作進(jìn)一步詳細(xì)的說明。

本申請(qǐng)實(shí)施例的核心構(gòu)思之一在于，提出一種界面操作的處理方法、裝置和智能終端，以解決現(xiàn)有觸摸操作不便捷的問題。在顯示界面內(nèi)接收滑動(dòng)輸入，依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像，將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示，能夠直接基于依據(jù)滑動(dòng)輸入繪制響應(yīng)圖像，無(wú)需用戶其他操作且在不干擾界面固有的滾動(dòng)交互的前提下，提示用戶當(dāng)前的滑動(dòng)狀態(tài)。

本申請(qǐng)實(shí)施例中，智能終端指的是具有多媒體功能的終端設(shè)備，這些設(shè)備支持音頻、視頻、數(shù)據(jù)等方面的功能。本實(shí)施例中該智能終端具有觸摸屏，包括智能移動(dòng)終端如智能手機(jī)、平板電腦能，也可以是具有觸摸屏的智能電視、個(gè)人計(jì)算機(jī)等設(shè)備。

實(shí)施例一

參照?qǐng)D1，示出了本申請(qǐng)的一種界面操作的處理方法實(shí)施例的步驟流程 圖，具體可以包括如下步驟：

步驟102，在顯示界面內(nèi)接收滑動(dòng)輸入。

當(dāng)前智能終端通常采用觸摸屏，因此用戶可以直接通過手指、觸摸筆等方式執(zhí)行觸摸操作，對(duì)智能終端進(jìn)行控制。因此在智能終端當(dāng)前的顯示界面內(nèi)，用戶可以滑動(dòng)進(jìn)行輸入控制，相應(yīng)智能終端可以接收滑動(dòng)輸入。

步驟104，依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像。

步驟106，將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示。

依據(jù)滑動(dòng)輸入可以執(zhí)行相應(yīng)的操作，本實(shí)施例中，當(dāng)基于滑動(dòng)輸入滑動(dòng)到某些狀態(tài)下時(shí)，可以繪制響應(yīng)圖像，響應(yīng)圖像是響應(yīng)滑動(dòng)輸入的繪制并顯示，用于提示用戶當(dāng)前輸入狀態(tài)，因此在繪制完響應(yīng)圖像后，可以將響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示，提示用戶當(dāng)前滑動(dòng)輸入操作狀態(tài)，如已滑動(dòng)到邊界等。

本實(shí)施例中，依據(jù)滑動(dòng)輸入時(shí)界面狀態(tài)不同可以執(zhí)行不同的響應(yīng)，例如依據(jù)滑動(dòng)輸入調(diào)整頁(yè)面內(nèi)容；也可以繪制不同的響應(yīng)圖像，例如，滑動(dòng)到邊緣時(shí)繪制響應(yīng)圖像提醒邊緣，又如滑動(dòng)到中間時(shí)繪制響應(yīng)圖像提示后續(xù)滑動(dòng)方向等。

本申請(qǐng)一個(gè)可選實(shí)施例中，依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像，包括：當(dāng)依據(jù)滑動(dòng)輸入判斷當(dāng)前滾動(dòng)到所述顯示界面的邊界時(shí)，繪制所述響應(yīng)圖像。

在當(dāng)前界面內(nèi)展示有相應(yīng)的顯示界面內(nèi)容，如網(wǎng)頁(yè)、列表等，可以基于用戶觸摸對(duì)應(yīng)的滑動(dòng)輸入移動(dòng)顯示界面內(nèi)容，以展示不同的內(nèi)容。當(dāng)移動(dòng)到顯示界面內(nèi)容所述顯示界面的邊界時(shí)，如上移到上邊界，又如左移到左邊界等，均無(wú)法繼續(xù)移動(dòng)，此時(shí)可以繪制響應(yīng)圖像提醒用戶當(dāng)前移動(dòng)到邊緣，無(wú)法繼續(xù)移動(dòng)。

因此，本實(shí)施例能夠基于依據(jù)滑動(dòng)輸入繪制響應(yīng)圖像，以提示用戶當(dāng)前的滑動(dòng)狀態(tài)。其中，可以繪制響應(yīng)圖像，在不干擾界面固有的滾動(dòng)交互的前提下，明確的提示用戶列表已經(jīng)滾動(dòng)到邊界了。

實(shí)施例二

參照?qǐng)D2，示出了本申請(qǐng)的另一種界面操作的處理方法實(shí)施例的步驟流 程圖，具體可以包括如下步驟：

步驟202，在顯示界面內(nèi)接收滑動(dòng)操作。

步驟204，依據(jù)所述滑動(dòng)操作生成滑動(dòng)輸入，其中，所述滑動(dòng)輸入包括慣性勢(shì)能。

在當(dāng)前的顯示界面中，用戶可以通過手指、觸摸筆等滑動(dòng)進(jìn)行輸入操作，相應(yīng)在智能終端的觸摸屏可以接收到在顯示界面內(nèi)的滑動(dòng)操作，依據(jù)該滑動(dòng)操作生成相應(yīng)的滑動(dòng)輸入。

其中，依據(jù)滑動(dòng)操作的不同，顯示界面中顯示內(nèi)容的不同，可以生成不同的滑動(dòng)輸入，則依據(jù)滑動(dòng)操作生成滑動(dòng)輸入如圖3所示包括如下子步驟：

子步驟302，依據(jù)所述滑動(dòng)操作在所述顯示界面中滾動(dòng)顯示界面內(nèi)容。

子步驟304，檢測(cè)是否滾動(dòng)到顯示界面的邊界。

本實(shí)施例中，當(dāng)顯示界面內(nèi)容超出顯示界面的范圍時(shí)，通常在顯示界面中僅顯示部分顯示界面內(nèi)容，且在顯示界面底部或側(cè)邊顯示有滾動(dòng)條，通過調(diào)整滾動(dòng)條的位置可以顯示不同的顯示界面內(nèi)容。其中，當(dāng)顯示界面內(nèi)容寬度超出顯示界面的寬度時(shí)，在底部配置滾動(dòng)條；當(dāng)顯示界面內(nèi)容長(zhǎng)度超出顯示界面的高度時(shí)，在側(cè)邊配置滾動(dòng)條。

可以依據(jù)滑動(dòng)操作在所述顯示界面中滾動(dòng)顯示界面內(nèi)容，即左、右、上、下調(diào)整顯示界面內(nèi)容。其中，當(dāng)滾動(dòng)到顯示界面的邊界后，無(wú)法繼續(xù)滾動(dòng)，可以給用戶相應(yīng)的提示，因此可以檢測(cè)是否滾動(dòng)到顯示界面的邊界。

若否，即未滾動(dòng)到所述顯示界面的邊界，執(zhí)行子步驟306；若是，即滾動(dòng)到所述顯示界面的邊界，執(zhí)行子步驟308。

子步驟306，依據(jù)所述滑動(dòng)操作確定滑動(dòng)速度，將滑動(dòng)速度作為滑動(dòng)輸入，調(diào)整顯示界面內(nèi)容的滾動(dòng)速度。

當(dāng)未滾動(dòng)到所述顯示界面的邊界時(shí)，可以基于滾動(dòng)顯示界面內(nèi)容進(jìn)行顯示，在顯示界面內(nèi)容進(jìn)行滾動(dòng)時(shí)，可以依據(jù)所述滑動(dòng)操作確定滑動(dòng)速度，將滑動(dòng)速度作為滑動(dòng)輸入，調(diào)整顯示界面內(nèi)容的滾動(dòng)速度。

本實(shí)施例中，假設(shè)滑動(dòng)輸入為inertia，以上下滑動(dòng)為例，在未滾動(dòng)到所述顯示界面的邊界時(shí)，設(shè)inertia為手指在屏幕上縱向劃動(dòng)的速度，單位為 dp(device independent pixels，設(shè)備獨(dú)立像素)，速度的計(jì)算方式是：當(dāng)前幀手指在屏幕上的y坐標(biāo)-前一幀手指在屏幕上的y坐標(biāo)。

其中，dp也稱為dip，一種用于移動(dòng)端設(shè)計(jì)的長(zhǎng)度單位，與傳統(tǒng)的px(pixels，像素)不同點(diǎn)在于，在同一界面中，dp不會(huì)隨設(shè)備物理尺寸變化而變化，界面呈現(xiàn)高度大小是統(tǒng)一的，更接近物理呈現(xiàn)。幀即智能終端中顯示的圖像幀，依據(jù)系統(tǒng)設(shè)置不同，每秒顯示的幀數(shù)也不同，例如60幀/秒，則依據(jù)距離和幀速即確定滑動(dòng)速度，從而相應(yīng)調(diào)整顯示界面內(nèi)容的滾動(dòng)速度。

當(dāng)滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定慣性勢(shì)能，將所述慣性勢(shì)能作為滑動(dòng)輸入，其中，慣性勢(shì)能通過如下子步驟確定。

子步驟308，獲取當(dāng)前顯示幀，從所述當(dāng)前顯示幀中獲取所述滑動(dòng)操作的方向和當(dāng)前坐標(biāo)信息。

子步驟310，依據(jù)所述滑動(dòng)操作的方向確定慣性勢(shì)能的方向。

獲取當(dāng)前顯示幀，并且獲取記錄的前一顯示幀，依據(jù)當(dāng)前顯示幀確定當(dāng)前坐標(biāo)信息，依據(jù)當(dāng)前顯示幀和前一顯示幀確定獲取所述滑動(dòng)操作的方向和。將滑動(dòng)操作的方向確定為慣性勢(shì)能的方向，還可以依據(jù)所述滑動(dòng)操作對(duì)應(yīng)當(dāng)前坐標(biāo)信息確定所述慣性勢(shì)能的距離。

子步驟312，獲取所述滑動(dòng)輸入的起始坐標(biāo)信息，其中，所述起始坐標(biāo)信息包括：顯示界面開始接收滑動(dòng)輸入對(duì)應(yīng)位置的坐標(biāo)信息。

子步驟314，計(jì)算所述當(dāng)前坐標(biāo)信息和所述起始坐標(biāo)信息之間的距離，將所述距離作為慣性勢(shì)能的距離。

在用戶開始滑動(dòng)時(shí)，相應(yīng)顯示界面開始接收滑動(dòng)輸入，記錄開始接收滑動(dòng)輸入對(duì)應(yīng)位置的坐標(biāo)信息，作為滑動(dòng)輸入的起始坐標(biāo)信息，獲取該起始坐標(biāo)信息。然后計(jì)算所述當(dāng)前坐標(biāo)信息和所述起始坐標(biāo)信息之間的距離，將所述距離作為慣性勢(shì)能的距離。

其中，當(dāng)所述滑動(dòng)方向?yàn)樗椒较驎r(shí)，基于橫坐標(biāo)計(jì)算所述距離；當(dāng)所述滑動(dòng)方向?yàn)樨Q直方向時(shí)，基于縱坐標(biāo)計(jì)算所述距離。所述滑動(dòng)方向?yàn)樗椒较蚣醋笥一瑒?dòng)時(shí)，滾動(dòng)到所述顯示界面的豎邊的邊界，可以采用當(dāng)前位置 對(duì)應(yīng)當(dāng)前坐標(biāo)信息的橫坐標(biāo)和所述起始坐標(biāo)信息的橫坐標(biāo)計(jì)算距離；滑動(dòng)方向?yàn)樨Q直方向即上下滑動(dòng)時(shí)，滾動(dòng)到所述顯示界面的橫邊的邊界，可以采用當(dāng)前位置對(duì)應(yīng)當(dāng)前坐標(biāo)信息的縱坐標(biāo)和所述起始坐標(biāo)信息的縱坐標(biāo)計(jì)算距離。

例如，在上下滑動(dòng)時(shí)如圖4A所示，顯示界面內(nèi)容如列表在頂部時(shí)，即列表已經(jīng)到上邊無(wú)法繼續(xù)向下滾動(dòng)，設(shè)inertia為手指繼續(xù)向下劃動(dòng)的距離，取值范圍為0dp～150dp。距離的計(jì)算方式是：當(dāng)前幀手指在屏幕上的y坐標(biāo)-手指開始接觸屏幕時(shí)的y坐標(biāo)。反之，列表在底部時(shí)如圖4B所示，即列表已經(jīng)到底邊無(wú)法繼續(xù)向上滾動(dòng)，設(shè)inertia為手指繼續(xù)向上劃動(dòng)的距離，取值范圍為0dp～150dp，距離為當(dāng)前幀手指在屏幕上的y坐標(biāo)-手指開始接觸屏幕時(shí)的y坐標(biāo)。

子步驟316，將慣性勢(shì)能作為滑動(dòng)輸入。

在確定出慣性勢(shì)能的方向和距離后，將慣性勢(shì)能作為滑動(dòng)輸入，依據(jù)該滑動(dòng)輸入調(diào)整顯示界面的顯示。

步驟206，依據(jù)所述慣性勢(shì)能確定基準(zhǔn)點(diǎn)，依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像。

當(dāng)依據(jù)滑動(dòng)輸入判斷當(dāng)前滾動(dòng)到所述顯示界面的邊界時(shí)，繪制所述響應(yīng)圖像，其中，可以依據(jù)慣性勢(shì)能確定基準(zhǔn)點(diǎn)，基于該基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線和顯示界面相應(yīng)的邊界生成響應(yīng)圖像。例如，確定出一個(gè)基準(zhǔn)點(diǎn)和曲線的弧度或曲率來(lái)繪制曲線，又如確定兩個(gè)或以上基準(zhǔn)點(diǎn)繪制曲線等。

其中，依據(jù)所述慣性勢(shì)能繪制響應(yīng)圖像，如圖5所示具體包括如下子步驟：

子步驟502，獲取與所述顯示界面相關(guān)的顯示距離。

以三個(gè)基準(zhǔn)點(diǎn)繪制一條曲線為例，預(yù)置確定基準(zhǔn)點(diǎn)所需的顯示距離，在確定基準(zhǔn)點(diǎn)時(shí)，獲取與所述顯示界面相關(guān)的顯示距離，包括：獲取預(yù)置的第一距離，以及依據(jù)所述顯示界面確定第二距離和第三距離，所述第一距離、第二距離和第三距離構(gòu)成所述顯示距離。

其中，第一距離可以為曲線和屏幕左右的留白距離margin，該第一距離 可以是固定值如位于1/4顯示界面的寬度，也可以是動(dòng)態(tài)值。第二距離可以為顯示界面內(nèi)容在顯示界面中的可視寬度width，如可視寬度與顯示界面的寬度相同，則width即為顯示界面的寬度，若可視寬度與顯示界面的寬度的一半，則width即為顯示界面的寬度的一半。第三距離可以為顯示界面內(nèi)容在顯示界面中的可視高度height，如可視高度與顯示界面的高度相同，則height即為顯示界面的高度，若可視高度與顯示界面的高度的一半，則height即為顯示界面的高度的一半。

子步驟504，依據(jù)所述顯示距離和慣性勢(shì)能確定至少一組基準(zhǔn)點(diǎn)的坐標(biāo)信息。

本實(shí)施例以三個(gè)基準(zhǔn)點(diǎn)繪制一條曲線為例，則可以每三個(gè)基準(zhǔn)點(diǎn)構(gòu)成一組基準(zhǔn)點(diǎn)，則當(dāng)可以依據(jù)顯示距離和慣性勢(shì)能確定至少一組基準(zhǔn)點(diǎn)的坐標(biāo)信息，即可以通過設(shè)置具有多組顯示距離確定多組基準(zhǔn)點(diǎn)，也可以通過調(diào)整第一距離來(lái)繪制多組顯示基準(zhǔn)點(diǎn)。

以一組基準(zhǔn)點(diǎn)為例，設(shè)3個(gè)基準(zhǔn)點(diǎn)分別為p0，p1，p2，設(shè)第一距離即曲線和屏幕左右的留白距離為margin，第二距離即顯示界面內(nèi)容在顯示界面中的可視寬度為width；第三距離即顯示界面內(nèi)容在顯示界面中的可視高度為height。

如圖6A所示，當(dāng)手指拖動(dòng)顯示界面內(nèi)容如列表至頂部，或手指放開列表自行滾動(dòng)至頂部時(shí)，p0的x坐標(biāo)為margin，y坐標(biāo)為0，即p0(margin，0)；p1的x坐標(biāo)為width–margin，y坐標(biāo)為0即p1(width–margin，0)；p2的x坐標(biāo)為width*0.5，y坐標(biāo)為inertia，即p2(width*0.5，inertia)。

如圖6B所述，當(dāng)手指拖動(dòng)列表至底部，或手指放開列表自行滾動(dòng)至底部時(shí)，p0的x坐標(biāo)為margin，y坐標(biāo)為height，即p0(margin，height)；p1的x坐標(biāo)為width–margin，y坐標(biāo)為height即p1(width–margin，height)；p2的x坐標(biāo)為width*0.5，y坐標(biāo)為height-inertia即p2(width*0.5，height-inertia)。

當(dāng)確定一組基準(zhǔn)點(diǎn)的坐標(biāo)信息，執(zhí)行子步驟506；當(dāng)確定至少兩組基準(zhǔn)點(diǎn)的坐標(biāo)信息，執(zhí)行子步驟510。

子步驟506，依據(jù)所述三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信息繪制賽貝爾曲線。

子步驟508，將所述賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

依據(jù)所述三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信息繪制賽貝爾曲線時(shí)，即確定各基準(zhǔn)點(diǎn)的控制點(diǎn)，采用該控制點(diǎn)繪制賽貝爾曲線。通常的圖形編程API(Application Programming Interface，應(yīng)用程序編程接口)都帶有在兩點(diǎn)間繪制貝塞爾曲線的方法，如有的語(yǔ)言中叫做cubicTo，有的語(yǔ)言中叫做cubicCurveTo，參數(shù)的數(shù)量都是6個(gè)，分別為起點(diǎn)的控制點(diǎn)x坐標(biāo)，起點(diǎn)控制點(diǎn)y坐標(biāo)，終點(diǎn)控制點(diǎn)x坐標(biāo)，終點(diǎn)控制點(diǎn)y坐標(biāo)，終點(diǎn)x坐標(biāo)，終點(diǎn)y坐標(biāo)。

如圖7A，圖7B所示，滾動(dòng)到上邊界、地邊界時(shí)，均可配置各基準(zhǔn)點(diǎn)的控制點(diǎn)，其中，p0的控制點(diǎn)設(shè)為p0R，p1的控制點(diǎn)設(shè)為p1L，由于p2需要分別和p0，p1繪制曲線，所以需要兩個(gè)控制點(diǎn)p2L，p2R。每個(gè)控制點(diǎn)距離其關(guān)鍵點(diǎn)的距離設(shè)為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)。

從而將繪制出的賽貝爾曲線和顯示界面的邊界構(gòu)成響應(yīng)圖像，則賽貝爾曲線和顯示界面的上邊界構(gòu)成如圖8A所示的響應(yīng)圖像，賽貝爾曲線和顯示界面的地邊界構(gòu)成如圖8B所示的響應(yīng)圖像。

其中，貝塞爾曲線(Bézier curve)，又稱貝茲曲線或貝濟(jì)埃曲線，是應(yīng)用于二維圖形應(yīng)用程序的數(shù)學(xué)曲線。一般的矢量圖形軟件通過它來(lái)精確畫出曲線，貝茲曲線由線段與節(jié)點(diǎn)組成，節(jié)點(diǎn)是可拖動(dòng)的支點(diǎn)，線段像可伸縮的皮筋，從而繪制出所需的曲線。

子步驟510，采用至少兩組基準(zhǔn)點(diǎn)的坐標(biāo)信息分別繪制賽貝爾曲線，其中，每組基準(zhǔn)點(diǎn)包括三個(gè)基準(zhǔn)點(diǎn)。

子步驟512，將至少兩條賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖 像。

為了增強(qiáng)視覺效果，可以采用至少兩組基準(zhǔn)點(diǎn)的坐標(biāo)信息分別繪制各組對(duì)應(yīng)賽貝爾曲線，每組基準(zhǔn)點(diǎn)對(duì)應(yīng)賽貝爾曲線繪制方式如上所述，因此不再贅述。然后將繪制的至少兩條賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

其中，通過調(diào)整第一距離來(lái)繪制多組顯示基準(zhǔn)點(diǎn)時(shí)，相應(yīng)依據(jù)第一距離的調(diào)整來(lái)調(diào)整p2的坐標(biāo)信息，則p2L，p2R也相應(yīng)移動(dòng)，保持在p2兩側(cè)，從而進(jìn)行賽貝爾曲線的繪制，其中，p0和p1的坐標(biāo)不變，則各賽貝爾曲線與顯示界面的邊界的交點(diǎn)也相同。

上述是賽貝爾曲線為例，實(shí)際還可以繪制其他曲線，如依據(jù)三個(gè)基準(zhǔn)點(diǎn)繪制正弦曲線等，即本實(shí)施例中，所述響應(yīng)圖像可以由一條或多條曲線與所述顯示界面的邊界構(gòu)成。而曲線可以依據(jù)實(shí)際繪制需求確定，本申請(qǐng)實(shí)施例對(duì)此不做限定。

本申請(qǐng)實(shí)施例中，所述曲線的波峰與所述滑動(dòng)輸入的觸控點(diǎn)對(duì)應(yīng)。以賽貝爾曲線為例，在給上下邊界繪制響應(yīng)圖像，即配置p2的橫坐標(biāo)時(shí)，給第二距離即可視寬度width配置不同的權(quán)重則相應(yīng)曲線的波峰就會(huì)變更，則該參數(shù)可以依據(jù)滑動(dòng)輸入的觸控點(diǎn)確定，如圖9A所示，觸控點(diǎn)向左則相應(yīng)曲線的波峰偏左，如圖9B所示，觸控點(diǎn)向右則相應(yīng)曲線的波峰偏右。

本申請(qǐng)實(shí)施例中，顯示距離配置有第一距離即留白距離，若第一距離為0，則曲線與所述顯示界面的邊界的兩個(gè)交點(diǎn)即為顯示界面的左上角和右上角的頂點(diǎn)，即兩個(gè)交點(diǎn)間線段的長(zhǎng)度等于該邊界的長(zhǎng)度；相應(yīng)若第一距離不為0，所述曲線與所述顯示界面的邊界的兩個(gè)交點(diǎn)間線段的長(zhǎng)度小于該邊界的長(zhǎng)度。

子步驟514，在所述響應(yīng)圖像中填充顏色或圖案。

子步驟516，設(shè)置所述響應(yīng)圖像的透明度。

采用曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像后，可以在響應(yīng)圖像中填充顏色或圖案，從而突出該響應(yīng)圖像；還可以設(shè)置響應(yīng)圖像的透明度，以使響應(yīng)圖像的顯示不影響當(dāng)前的界面內(nèi)容。

在填充響應(yīng)圖像時(shí)，可以在所述響應(yīng)圖像中添加至少一種顏色或至少一種圖案，也可以按照以下任一種填充方式填充所述響應(yīng)圖像，該填充方式包括：由淺到深填充，由深到淺填充，冷、暖色填充。當(dāng)由多條曲線和邊界構(gòu)成響應(yīng)圖像時(shí)，不同曲線間可以填充不同顏色進(jìn)行區(qū)分，如由淺到深填充，由深到淺填充，或者填充多種冷色，多種暖色或者通過冷、暖色進(jìn)行過渡。

步驟208，將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示。

步驟210，當(dāng)撤銷所述滑動(dòng)操作時(shí)，所述慣性勢(shì)能隨顯示幀衰減。

步驟212，依據(jù)衰減的慣性勢(shì)能繪制響應(yīng)圖像并顯示，直到慣性勢(shì)能衰減為0，停止繪制所述響應(yīng)圖像。

在繪制完響應(yīng)圖像并填充顏色后，可以在顯示界面中顯示該響應(yīng)圖像。為了給用戶帶來(lái)更好的體驗(yàn)，同時(shí)符合慣性勢(shì)能的力學(xué)規(guī)律，在用戶手指或觸摸筆離開屏幕，撤銷所述滑動(dòng)操作時(shí)，可以配置慣性勢(shì)能inertia為隨顯示幀衰減，如每幀自衰減配置為inertia*＝0.95，則每個(gè)顯示幀均依照衰減的慣性勢(shì)能繪制響應(yīng)圖像并顯示，直到慣性勢(shì)能衰減為0，停止繪制所述響應(yīng)圖像。

在配置有慣性勢(shì)能inertia后，當(dāng)滑動(dòng)到顯示界面的邊界時(shí)，可以根據(jù)inertia繪制曲線生成響應(yīng)圖像。其中，手指按在屏幕上即保持該滑動(dòng)操作時(shí)，確定每個(gè)顯示幀均的inertia，繪制并顯示響應(yīng)圖像；手指離開屏幕即撤銷滑動(dòng)操作后，由于inertia每幀自衰減，在inertia不接近0時(shí)，每幀都進(jìn)行繪制響應(yīng)圖像，在inertia非常接近0時(shí)，比如inertia<0.1時(shí)，設(shè)inertia為0，且停止繪制響應(yīng)圖像。

上述實(shí)施例中，主要以縱向滑動(dòng)即上線滑動(dòng)繪制響應(yīng)圖像為例進(jìn)行論述，實(shí)際上在橫向滑動(dòng)即左右滑動(dòng)時(shí)，各組基準(zhǔn)點(diǎn)的確定，相應(yīng)曲線的繪制與此類似，從而可以繪制出與顯示界面的左右邊界構(gòu)成響應(yīng)圖像的曲線，因此不再贅述。

在繪制貝塞爾曲線時(shí)，曲線的曲度可以通過控制第一距離margin，以及控制點(diǎn)到基準(zhǔn)點(diǎn)的距離細(xì)微控制，從而繪制出多樣的曲線。此外，曲線的顏色可以是多種多樣的，可以是單一純色，還可以是漸變色，還可以是某種位 圖材質(zhì)，從而繪制顯示豐富的響應(yīng)圖像，給用戶更好的提示和更多樣的交互體驗(yàn)。

本實(shí)施例中，上述步驟可以通用于多數(shù)針對(duì)CPU編程的計(jì)算機(jī)語(yǔ)言，還可以移植到針對(duì)GPU編程的計(jì)算機(jī)語(yǔ)言。

需要說明的是，對(duì)于方法實(shí)施例，為了簡(jiǎn)單描述，故將其都表述為一系列的動(dòng)作組合，但是本領(lǐng)域技術(shù)人員應(yīng)該知悉，本申請(qǐng)實(shí)施例并不受所描述的動(dòng)作順序的限制，因?yàn)橐罁?jù)本申請(qǐng)實(shí)施例，某些步驟可以采用其他順序或者同時(shí)進(jìn)行。其次，本領(lǐng)域技術(shù)人員也應(yīng)該知悉，說明書中所描述的實(shí)施例均屬于優(yōu)選實(shí)施例，所涉及的動(dòng)作并不一定是本申請(qǐng)實(shí)施例所必須的。

實(shí)施例三

在上述實(shí)施例的基礎(chǔ)上，本實(shí)施例還提供了一種界面操作的處理裝置。

參照?qǐng)D10，示出了本申請(qǐng)一種界面操作的處理裝置實(shí)施例的結(jié)構(gòu)框圖，具體可以包括如下模塊：

輸入接收模塊1002，用于在顯示界面內(nèi)接收滑動(dòng)輸入。

繪制模塊1004，用于依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像。

顯示模塊1006，用于將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示。

綜上，在顯示界面內(nèi)接收滑動(dòng)輸入，依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像，將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示，能夠直接基于依據(jù)滑動(dòng)輸入繪制響應(yīng)圖像，無(wú)需用戶其他操作且在不干擾界面固有的滾動(dòng)交互的前提下，提示用戶當(dāng)前的滑動(dòng)狀態(tài)。

參照?qǐng)D11A，示出了本申請(qǐng)另一種界面操作的處理裝置實(shí)施例的結(jié)構(gòu)框圖，具體可以包括如下模塊：

輸入接收模塊1102，用于在顯示界面內(nèi)接收滑動(dòng)輸入。

繪制模塊1104，用于依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像。

顯示模塊1106，用于將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示。

其中，所述繪制模塊1104，用于當(dāng)依據(jù)滑動(dòng)輸入判斷當(dāng)前滾動(dòng)到所述顯示界面的邊界時(shí)，繪制所述響應(yīng)圖像。

所述響應(yīng)圖像由一條或多條曲線與所述顯示界面的邊界構(gòu)成。

所述曲線的波峰與所述滑動(dòng)輸入的觸控點(diǎn)對(duì)應(yīng)。

所述曲線與所述顯示界面的邊界的兩個(gè)交點(diǎn)間線段的長(zhǎng)度小于所述邊界的長(zhǎng)度。

所述輸入接收模塊1102，用于在顯示界面內(nèi)接收滑動(dòng)操作，依據(jù)所述滑動(dòng)操作生成滑動(dòng)輸入。

本申請(qǐng)一個(gè)可選實(shí)施例中，所述輸入接收模塊1102，包括：

滾動(dòng)顯示子模塊11022，用于依據(jù)所述滑動(dòng)操作在所述顯示界面中滾動(dòng)顯示界面內(nèi)容。

慣性勢(shì)能確定子模塊11024，用于當(dāng)滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定慣性勢(shì)能，將所述慣性勢(shì)能作為滑動(dòng)輸入。

參照?qǐng)D11B，示出了本申請(qǐng)另一種界面操作的處理裝置實(shí)施例中慣性勢(shì)能確定子模塊的結(jié)構(gòu)框圖。

所述慣性勢(shì)能確定子模塊11024，包括：

獲取單元110242，用于獲取當(dāng)前顯示幀，依據(jù)所述當(dāng)前顯示幀中確定所述滑動(dòng)操作的方向和當(dāng)前坐標(biāo)信息；

方向確定單元110244，用于依據(jù)所述滑動(dòng)操作的方向確定慣性勢(shì)能的方向；

距離確定單元110246，用于依據(jù)所述滑動(dòng)操作對(duì)應(yīng)當(dāng)前坐標(biāo)信息確定所述慣性勢(shì)能的距離。

所述距離確定單元110246，用于獲取所述滑動(dòng)輸入的起始坐標(biāo)信息，其中，所述起始坐標(biāo)信息包括：顯示界面開始接收滑動(dòng)輸入對(duì)應(yīng)位置的坐標(biāo)信息；計(jì)算所述當(dāng)前坐標(biāo)信息和所述起始坐標(biāo)信息之間的距離，將所述距離作為慣性勢(shì)能的距離。

當(dāng)所述滑動(dòng)方向?yàn)樗椒较驎r(shí)，基于橫坐標(biāo)計(jì)算所述距離；當(dāng)所述滑動(dòng)方向?yàn)樨Q直方向時(shí)，基于縱坐標(biāo)計(jì)算所述距離。

所述滾動(dòng)顯示子模塊11022，還用于當(dāng)未滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定滑動(dòng)速度，依據(jù)所述滑動(dòng)速度調(diào)整顯示界面內(nèi)容的滾動(dòng)速度。

所述滑動(dòng)輸入包括慣性勢(shì)能；所述繪制模塊1104，包括：

基準(zhǔn)點(diǎn)確定子模塊11042，用于依據(jù)所述慣性勢(shì)能確定基準(zhǔn)點(diǎn)。

繪制生成子模塊11044，用于依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像。

參照?qǐng)D11C，示出了本申請(qǐng)另一種界面操作的處理裝置實(shí)施例中基準(zhǔn)點(diǎn)確定子模塊的結(jié)構(gòu)框圖。

所述基準(zhǔn)點(diǎn)確定子模塊11042，包括：

距離獲取單元110422，用于獲取與所述顯示界面相關(guān)的顯示距離；

坐標(biāo)確定單元110424，用于依據(jù)所述顯示距離和慣性勢(shì)能確定至少三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信息。

距離獲取單元110422，用于獲取預(yù)置的第一距離，以及依據(jù)所述顯示界面確定第二距離和第三距離，所述第一距離、第二距離和第三距離構(gòu)成所述顯示距離。

所述繪制生成子模塊11044，用于依據(jù)所述至少三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信息繪制賽貝爾曲線；將所述賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

所述繪制生成子模塊11044，用于采用至少兩組基準(zhǔn)點(diǎn)的坐標(biāo)信息分別繪制賽貝爾曲線，其中，每組基準(zhǔn)點(diǎn)包括三個(gè)基準(zhǔn)點(diǎn)；將至少兩條賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

所述繪制模塊，還包括：顏色填充子模塊11046，用于在所述響應(yīng)圖像中添加至少一種顏色或至少一種圖案。

所述繪制模塊，還包括：顏色填充子模塊11046，用于按照以下任一種填充方式填充所述響應(yīng)圖像；所述填充方式包括：由淺到深填充，由深到淺填充，冷、暖色填充。

所述繪制模塊，還包括：透明度設(shè)置子模塊11048，用于設(shè)置所述響應(yīng)圖像的透明度。

所述繪制模塊1104，還用于當(dāng)撤銷所述滑動(dòng)操作時(shí)，所述慣性勢(shì)能隨顯示幀衰減；依據(jù)衰減的慣性勢(shì)能繪制響應(yīng)圖像并顯示，直到慣性勢(shì)能衰減為0，停止繪制所述響應(yīng)圖像。

在配置有慣性勢(shì)能inertia后，當(dāng)滑動(dòng)到顯示界面的邊界時(shí)，可以根據(jù)inertia繪制曲線生成響應(yīng)圖像。其中，手指按在屏幕上即保持該滑動(dòng)操作時(shí)，確定每個(gè)顯示幀均的inertia，繪制并顯示響應(yīng)圖像；手指離開屏幕即撤銷滑動(dòng)操作后，由于inertia每幀自衰減，在inertia不接近0時(shí)，每幀都進(jìn)行繪制響應(yīng)圖像，在inertia非常接近0時(shí)，比如inertia<0.1時(shí)，設(shè)inertia為0，且停止繪制響應(yīng)圖像。

上述實(shí)施例中，主要以縱向滑動(dòng)即上線滑動(dòng)繪制響應(yīng)圖像為例進(jìn)行論述，實(shí)際上在橫向滑動(dòng)即左右滑動(dòng)時(shí)，各組基準(zhǔn)點(diǎn)的確定，相應(yīng)曲線的繪制與此類似，從而可以繪制出與顯示界面的左右邊界構(gòu)成響應(yīng)圖像的曲線，因此不再贅述。

在繪制貝塞爾曲線時(shí)，曲線的曲度可以通過控制第一距離margin，以及控制點(diǎn)到基準(zhǔn)點(diǎn)的距離細(xì)微控制，從而繪制出多樣的曲線。此外，曲線的顏色可以是多種多樣的，可以是單一純色，還可以是漸變色，還可以是某種位圖材質(zhì)，從而繪制顯示豐富的響應(yīng)圖像，給用戶更好的提示和更多樣的交互體驗(yàn)。

本實(shí)施例中，上述步驟可以通用于多數(shù)針對(duì)CPU編程的計(jì)算機(jī)語(yǔ)言，還可以移植到針對(duì)GPU編程的計(jì)算機(jī)語(yǔ)言。

實(shí)施例四

在上述實(shí)施例的基礎(chǔ)上，本實(shí)施例還公開了一種智能終端。

參照?qǐng)D12，示出了本申請(qǐng)一種智能終端實(shí)施例的結(jié)構(gòu)框圖，具體可以包括如下模塊：

該智能終端1200包括：存儲(chǔ)器1210、顯示器1220、處理器1230和輸入單元1240。

其中，該輸入單元1240可用于接收用戶輸入的數(shù)字或字符信息，以及控制信號(hào)。具體地，本發(fā)明實(shí)施例中，該輸入單元1240可以包括觸摸屏1241，可收集用戶在其上或附近的觸摸操作(比如用戶使用手指、觸筆等任何適合的物體或附件在觸摸屏1241上的操作)，并根據(jù)預(yù)先設(shè)定的程式驅(qū)動(dòng)相應(yīng)的連接裝置。當(dāng)然，除了觸摸屏1241，輸入單元1240還可以包括其他輸入設(shè) 備，如物理鍵盤、功能鍵(比如音量控制按鍵、開關(guān)按鍵等)、鼠標(biāo)等。

顯示器1220包括顯示面板，可選的，可以采用液晶顯示器(Liquid Crystal Display，LCD)或有機(jī)發(fā)光二極管(Organic Light-Emitting Diode，OLED)等形式來(lái)配置顯示面板。其中，觸摸屏可以覆蓋顯示面板，形成觸摸顯示屏，當(dāng)該觸摸顯示屏檢測(cè)到在其上或附近的觸摸操作后，傳送給處理器1230以執(zhí)行相應(yīng)的處理。

在本發(fā)明實(shí)施例中，通過調(diào)用存儲(chǔ)該存儲(chǔ)器1210內(nèi)的軟件程序，和/或，模塊，和/或，數(shù)據(jù)，處理器1230用于在顯示界面內(nèi)接收滑動(dòng)輸入；依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像；將所述響應(yīng)圖像添加到所述顯示界面中進(jìn)行顯示。

可選的，依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像，包括：當(dāng)依據(jù)滑動(dòng)輸入判斷當(dāng)前滾動(dòng)到所述顯示界面的邊界時(shí)，繪制所述響應(yīng)圖像。

可選的，所述響應(yīng)圖像由一條或多條曲線與所述顯示界面的邊界構(gòu)成。

可選的，所述曲線的波峰與所述滑動(dòng)輸入的觸控點(diǎn)對(duì)應(yīng)。

可選的，所述曲線與所述顯示界面的邊界的兩個(gè)交點(diǎn)間線段的長(zhǎng)度小于所述邊界的長(zhǎng)度。

可選的，在顯示界面內(nèi)接收滑動(dòng)輸入，包括：在顯示界面內(nèi)接收滑動(dòng)操作，依據(jù)所述滑動(dòng)操作生成滑動(dòng)輸入。

可選的，依據(jù)所述滑動(dòng)操作生成滑動(dòng)輸入，包括：依據(jù)所述滑動(dòng)操作在所述顯示界面中滾動(dòng)顯示界面內(nèi)容；當(dāng)滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定慣性勢(shì)能，將所述慣性勢(shì)能作為滑動(dòng)輸入。

可選的，依據(jù)所述滑動(dòng)操作確定慣性勢(shì)能，包括：獲取當(dāng)前顯示幀，依據(jù)所述當(dāng)前顯示幀中確定所述滑動(dòng)操作的方向和當(dāng)前坐標(biāo)信息；依據(jù)所述滑動(dòng)操作的方向確定慣性勢(shì)能的方向；依據(jù)所述滑動(dòng)操作對(duì)應(yīng)當(dāng)前坐標(biāo)信息確定所述慣性勢(shì)能的距離。

可選的，依據(jù)所述滑動(dòng)操作對(duì)應(yīng)當(dāng)前坐標(biāo)信息確定所述慣性勢(shì)能的距離，包括：獲取所述滑動(dòng)輸入的起始坐標(biāo)信息，其中，所述起始坐標(biāo)信息包括：顯示界面開始接收滑動(dòng)輸入對(duì)應(yīng)位置的坐標(biāo)信息；計(jì)算所述當(dāng)前坐標(biāo)信 息和所述起始坐標(biāo)信息之間的距離，將所述距離作為慣性勢(shì)能的距離。

可選的，當(dāng)所述滑動(dòng)方向?yàn)樗椒较驎r(shí)，基于橫坐標(biāo)計(jì)算所述距離；當(dāng)所述滑動(dòng)方向?yàn)樨Q直方向時(shí)，基于縱坐標(biāo)計(jì)算所述距離。

可選的，還包括：當(dāng)未滾動(dòng)到所述顯示界面的邊界時(shí)，依據(jù)所述滑動(dòng)操作確定滑動(dòng)速度，依據(jù)所述滑動(dòng)速度調(diào)整顯示界面內(nèi)容的滾動(dòng)速度。

可選的，所述滑動(dòng)輸入包括慣性勢(shì)能；依據(jù)所述滑動(dòng)輸入繪制響應(yīng)圖像，包括：依據(jù)所述慣性勢(shì)能確定基準(zhǔn)點(diǎn)；依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像。

可選的，依據(jù)所述慣性勢(shì)能確定基準(zhǔn)點(diǎn)，包括：獲取與所述顯示界面相關(guān)的顯示距離；依據(jù)所述顯示距離和慣性勢(shì)能確定至少三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信息。

可選的，獲取與所述顯示界面相關(guān)的顯示距離，包括：獲取預(yù)置的第一距離，以及依據(jù)所述顯示界面確定第二距離和第三距離，所述第一距離、第二距離和第三距離構(gòu)成所述顯示距離。

可選的，依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像，包括：依據(jù)所述至少三個(gè)基準(zhǔn)點(diǎn)的坐標(biāo)信息繪制賽貝爾曲線；將所述賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

可選的，依據(jù)所述基準(zhǔn)點(diǎn)繪制曲線，采用所述曲線生成響應(yīng)圖像，包括：采用至少兩組基準(zhǔn)點(diǎn)的坐標(biāo)信息分別繪制賽貝爾曲線，其中，每組基準(zhǔn)點(diǎn)包括三個(gè)基準(zhǔn)點(diǎn)；將至少兩條賽貝爾曲線和所述顯示界面的邊界構(gòu)成響應(yīng)圖像。

可選的，還包括：在所述響應(yīng)圖像中添加至少一種顏色或至少一種圖案。

可選的，還包括：按照以下任一種填充方式填充所述響應(yīng)圖像；所述填充方式包括：由淺到深填充，由深到淺填充，冷、暖色填充。

可選的，還包括：設(shè)置所述響應(yīng)圖像的透明度。

可選的，還包括：當(dāng)撤銷所述滑動(dòng)操作時(shí)，所述慣性勢(shì)能隨顯示幀衰減；依據(jù)衰減的慣性勢(shì)能繪制響應(yīng)圖像并顯示，直到慣性勢(shì)能衰減為0，停止繪制所述響應(yīng)圖像。

對(duì)于裝置實(shí)施例而言，由于其與方法實(shí)施例基本相似，所以描述的比較簡(jiǎn)單，相關(guān)之處參見方法實(shí)施例的部分說明即可。

本說明書中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，每個(gè)實(shí)施例重點(diǎn)說明的都是與其他實(shí)施例的不同之處，各個(gè)實(shí)施例之間相同相似的部分互相參見即可。

本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本申請(qǐng)實(shí)施例的實(shí)施例可提供為方法、裝置、或計(jì)算機(jī)程序產(chǎn)品。因此，本申請(qǐng)實(shí)施例可采用完全硬件實(shí)施例、完全軟件實(shí)施例、或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且，本申請(qǐng)實(shí)施例可采用在一個(gè)或多個(gè)其中包含有計(jì)算機(jī)可用程序代碼的計(jì)算機(jī)可用存儲(chǔ)介質(zhì)(包括但不限于磁盤存儲(chǔ)器、CD-ROM、光學(xué)存儲(chǔ)器等)上實(shí)施的計(jì)算機(jī)程序產(chǎn)品的形式。

在一個(gè)典型的配置中，所述計(jì)算機(jī)設(shè)備包括一個(gè)或多個(gè)處理器(CPU)、輸入/輸出接口、網(wǎng)絡(luò)接口和內(nèi)存。內(nèi)存可能包括計(jì)算機(jī)可讀介質(zhì)中的非永久性存儲(chǔ)器，隨機(jī)存取存儲(chǔ)器(RAM)和/或非易失性內(nèi)存等形式，如只讀存儲(chǔ)器(ROM)或閃存(flash RAM)。內(nèi)存是計(jì)算機(jī)可讀介質(zhì)的示例。計(jì)算機(jī)可讀介質(zhì)包括永久性和非永久性、可移動(dòng)和非可移動(dòng)媒體可以由任何方法或技術(shù)來(lái)實(shí)現(xiàn)信息存儲(chǔ)。信息可以是計(jì)算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序的模塊或其他數(shù)據(jù)。計(jì)算機(jī)的存儲(chǔ)介質(zhì)的例子包括，但不限于相變內(nèi)存(PRAM)、靜態(tài)隨機(jī)存取存儲(chǔ)器(SRAM)、動(dòng)態(tài)隨機(jī)存取存儲(chǔ)器(DRAM)、其他類型的隨機(jī)存取存儲(chǔ)器(RAM)、只讀存儲(chǔ)器(ROM)、電可擦除可編程只讀存儲(chǔ)器(EEPROM)、快閃記憶體或其他內(nèi)存技術(shù)、只讀光盤只讀存儲(chǔ)器(CD-ROM)、數(shù)字多功能光盤(DVD)或其他光學(xué)存儲(chǔ)、磁盒式磁帶，磁帶磁磁盤存儲(chǔ)或其他磁性存儲(chǔ)設(shè)備或任何其他非傳輸介質(zhì)，可用于存儲(chǔ)可以被計(jì)算設(shè)備訪問的信息。按照本文中的界定，計(jì)算機(jī)可讀介質(zhì)不包括非持續(xù)性的電腦可讀媒體(transitory media)，如調(diào)制的數(shù)據(jù)信號(hào)和載波。

本申請(qǐng)實(shí)施例是參照根據(jù)本申請(qǐng)實(shí)施例的方法、終端設(shè)備(系統(tǒng))、和計(jì)算機(jī)程序產(chǎn)品的流程圖和/或方框圖來(lái)描述的。應(yīng)理解可由計(jì)算機(jī)程序指令 實(shí)現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合?？商峁┻@些計(jì)算機(jī)程序指令到通用計(jì)算機(jī)、專用計(jì)算機(jī)、嵌入式處理機(jī)或其他可編程數(shù)據(jù)處理終端設(shè)備的處理器以產(chǎn)生一個(gè)機(jī)器，使得通過計(jì)算機(jī)或其他可編程數(shù)據(jù)處理終端設(shè)備的處理器執(zhí)行的指令產(chǎn)生用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的裝置。

這些計(jì)算機(jī)程序指令也可存儲(chǔ)在能引導(dǎo)計(jì)算機(jī)或其他可編程數(shù)據(jù)處理終端設(shè)備以特定方式工作的計(jì)算機(jī)可讀存儲(chǔ)器中，使得存儲(chǔ)在該計(jì)算機(jī)可讀存儲(chǔ)器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能。

這些計(jì)算機(jī)程序指令也可裝載到計(jì)算機(jī)或其他可編程數(shù)據(jù)處理終端設(shè)備上，使得在計(jì)算機(jī)或其他可編程終端設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計(jì)算機(jī)實(shí)現(xiàn)的處理，從而在計(jì)算機(jī)或其他可編程終端設(shè)備上執(zhí)行的指令提供用于實(shí)現(xiàn)在流程圖一個(gè)流程或多個(gè)流程和/或方框圖一個(gè)方框或多個(gè)方框中指定的功能的步驟。

盡管已描述了本申請(qǐng)實(shí)施例的優(yōu)選實(shí)施例，但本領(lǐng)域內(nèi)的技術(shù)人員一旦得知了基本創(chuàng)造性概念，則可對(duì)這些實(shí)施例做出另外的變更和修改。所以，所附權(quán)利要求意欲解釋為包括優(yōu)選實(shí)施例以及落入本申請(qǐng)實(shí)施例范圍的所有變更和修改。

最后，還需要說明的是，在本文中，諸如第一和第二等之類的關(guān)系術(shù)語(yǔ)僅僅用來(lái)將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開來(lái)，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語(yǔ)“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、物品或者終端設(shè)備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者終端設(shè)備所固有的要素。在沒有更多限制的情況下，由語(yǔ)句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的過程、方法、物品或者終端設(shè)備中還存在另外的相同要素。

以上對(duì)本申請(qǐng)所提供的一種界面操作的處理方法、一種界面操作的處理裝置，以及一種智能終端，進(jìn)行了詳細(xì)介紹，本文中應(yīng)用了具體個(gè)例對(duì)本申請(qǐng)的原理及實(shí)施方式進(jìn)行了闡述，以上實(shí)施例的說明只是用于幫助理解本申請(qǐng)的方法及其核心思想；同時(shí)，對(duì)于本領(lǐng)域的一般技術(shù)人員，依據(jù)本申請(qǐng)的思想，在具體實(shí)施方式及應(yīng)用范圍上均會(huì)有改變之處，綜上所述，本說明書內(nèi)容不應(yīng)理解為對(duì)本申請(qǐng)的限制。