觸控界面中的滑動(dòng)控制方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明設(shè)及計(jì)算機(jī)應(yīng)用技術(shù)領(lǐng)域，特別設(shè)及一種觸控界面中的滑動(dòng)控制方法和裝 置。
【背景技術(shù)】
[0002] 各種終端設(shè)備的觸摸屏幕中，觸控界面常常加載了各種固定元素和可滑動(dòng)元素， W實(shí)現(xiàn)觸控界面中各種內(nèi)容的表達(dá)，并根據(jù)觸控界面中表達(dá)內(nèi)容向可滑動(dòng)元素施加各種操 控操作。
[0003] 然而，在對滑動(dòng)元素施加各種操控操作的過程中，該操控操作可W是滑動(dòng)操作，W 觸發(fā)可滑動(dòng)元素的滑動(dòng)，并顯示在觸控界面中。
[0004] 觸控界面中若可滑動(dòng)元素滑動(dòng)至邊界時(shí)，將不無法再繼續(xù)滑動(dòng)，而直接停留在觸 控界面的邊界上，不再對觸發(fā)的滑動(dòng)操作進(jìn)行響應(yīng)，因此，存在著操控和顯示不相適應(yīng)的局 限性。

【發(fā)明內(nèi)容】

[0005] 基于此，有必要提供一種能使得觸控界面中操控和顯示相適應(yīng)的觸控界面中的滑 動(dòng)控制方法。
[0006] 另外，還有必要提供一種能使得觸控界面中操控和顯示相適應(yīng)的觸控界面中的滑 動(dòng)控制裝置。
[0007] 為解決上述技術(shù)問題，將采用如下技術(shù)方案： 一種觸控界面中的滑動(dòng)控制方法，包括： 偵聽得到觸控界面中對任一可滑動(dòng)元素觸發(fā)的滑動(dòng)操作，所述滑動(dòng)操作的滑動(dòng)終點(diǎn)位 于所述觸控界面邊界； 獲取所述滑動(dòng)操作對應(yīng)的滑動(dòng)軌跡； 根據(jù)所述滑動(dòng)軌跡對所述觸控界面中所述可滑動(dòng)元素觸發(fā)的滑動(dòng)施加阻力，并更新所 述可滑動(dòng)元素在所述觸控界面中的滑動(dòng)。
[0008] 在其中一個(gè)實(shí)施例中，所述根據(jù)所述滑動(dòng)軌跡對所述觸控界面中所述可滑動(dòng)元素 觸發(fā)的滑動(dòng)施加阻力，并更新所述可滑動(dòng)元素在所述觸控界面中的滑動(dòng)的步驟包括： 根據(jù)所述滑動(dòng)軌跡運(yùn)算得到對應(yīng)的滑動(dòng)距離； 按照預(yù)設(shè)的阻力系數(shù)對所述滑動(dòng)距離進(jìn)行阻力運(yùn)算，W得到對所述觸控界面中施加了 阻力的滑動(dòng)所對應(yīng)的距離值； 按照所述距離值更新所述滑動(dòng)操作對應(yīng)的可滑動(dòng)元素在所述觸控界面的滑動(dòng)。
[0009] 在其中一個(gè)實(shí)施例中，所述根據(jù)所述滑動(dòng)軌跡對所述觸控界面中所述可滑動(dòng)元素 觸發(fā)的滑動(dòng)施加阻力，并更新所述可滑動(dòng)元素在所述觸控界面中的滑動(dòng)的步驟之前，所述 方法還包括： 根據(jù)所述滑動(dòng)軌跡判斷所述滑動(dòng)操作對應(yīng)的滑動(dòng)終點(diǎn)是否位于觸控界面邊界，若為 是，則進(jìn)入所述根據(jù)所述滑動(dòng)軌跡對所述觸控界面中所述可滑動(dòng)元素觸發(fā)的滑動(dòng)施加阻 力，并更新所述可滑動(dòng)元素在所述觸控界面中的滑動(dòng)的步驟。
[0010] 在其中一個(gè)實(shí)施例中，所述方法還包括： 若根據(jù)所述滑動(dòng)軌跡判斷得到所述滑動(dòng)操作對應(yīng)的滑動(dòng)終點(diǎn)位于觸控界面邊界，則按 照所述滑動(dòng)軌跡在所述觸控界面更新所述滑動(dòng)操作對應(yīng)的可滑動(dòng)元素。
[0011] 在其中一個(gè)實(shí)施例中，所述偵聽得到觸控界面中對任一可滑動(dòng)元素觸發(fā)的滑動(dòng)操 作的步驟之前，所述方法還包括： 顯示觸控界面，并將可滑動(dòng)元素加載于所述觸控界面中 一種觸控界面中的滑動(dòng)控制裝置，包括： 偵聽模塊，用于偵聽得到觸控界面中對任一可滑動(dòng)元素觸發(fā)的滑動(dòng)操作，所述滑動(dòng)操 作的滑動(dòng)終點(diǎn)位于所述觸控界面邊界； 軌跡獲取模塊，用于獲取所述滑動(dòng)操作對應(yīng)的滑動(dòng)軌跡； 阻力施加模塊，用于根據(jù)所述滑動(dòng)軌跡對所述觸控界面中所述可滑動(dòng)元素觸發(fā)的滑動(dòng) 施加阻力，并更新所述可滑動(dòng)元素在所述觸控界面中的滑動(dòng)。
[0012] 在其中一個(gè)實(shí)施例中，所述阻力施加模塊包括： 滑動(dòng)運(yùn)算單元，用于根據(jù)所述滑動(dòng)軌跡運(yùn)算得到對應(yīng)的滑動(dòng)距離； 阻力運(yùn)算單元，用于按照預(yù)設(shè)的阻力系數(shù)對所述滑動(dòng)距離進(jìn)行阻力運(yùn)算，W得到對所 述觸控界面中施加了阻力的滑動(dòng)所對應(yīng)的距離值； 滑動(dòng)更新單元，用于按照所述距離值更新所述滑動(dòng)操作對應(yīng)的可滑動(dòng)元素在所述觸控 界面的滑動(dòng)。
[0013] 在其中一個(gè)實(shí)施例中，所述裝置還包括： 邊界判斷模塊，用于根據(jù)所述滑動(dòng)軌跡判斷所述滑動(dòng)操作對應(yīng)的滑動(dòng)終點(diǎn)是否位于觸 控界面邊界，若為是，則通知所述阻力施加模塊。
[0014] 在其中一個(gè)實(shí)施例中，所述裝置還包括： 滑動(dòng)模塊，用于若根據(jù)所述滑動(dòng)軌跡判斷得到所述滑動(dòng)操作對應(yīng)的滑動(dòng)終點(diǎn)位于觸控 界面邊界時(shí)，按照所述滑動(dòng)軌跡在所述觸控界面更新所述滑動(dòng)操作對應(yīng)的可滑動(dòng)元素。
[0015] 在其中一個(gè)實(shí)施例中，所述裝置還包括： 顯示加載模塊，用于顯示觸摸界面，并將可滑動(dòng)元素加載于所述觸控界面。
[0016] 由上述技術(shù)方案可知，觸摸界面中加載了至少一個(gè)可滑動(dòng)元素，在偵聽得到針對 任一可滑動(dòng)元素觸發(fā)的滑動(dòng)操作時(shí)，對于滑動(dòng)終點(diǎn)位于觸控邊界的滑動(dòng)操作而言，將獲取 滑動(dòng)操作所對應(yīng)的滑動(dòng)軌跡，根據(jù)該滑動(dòng)軌跡對觸控界面中可滑動(dòng)元素觸發(fā)的滑動(dòng)施加阻 力，W將施加了阻力的可滑動(dòng)元素的滑動(dòng)更新在觸控界面中，使得觸控界面中操控和顯示 相適應(yīng)。
【附圖說明】
[0017] 圖1是一個(gè)實(shí)施例中觸控界面中的滑動(dòng)控制方法的流程圖； 圖2是圖1中根據(jù)滑動(dòng)軌跡對觸控界面中可滑動(dòng)元素觸發(fā)的滑動(dòng)施加阻力，并更新可 滑動(dòng)元素在觸控界面中的滑動(dòng)的方法流程圖； 圖3是另一個(gè)實(shí)施例中觸控界面中的滑動(dòng)控制方法的流程圖； 圖4是一個(gè)實(shí)施例中觸控界面中的滑動(dòng)控制裝置的結(jié)構(gòu)示意框圖； 圖5為圖4中阻力施加模塊的結(jié)構(gòu)示意框圖； 圖6是另一個(gè)實(shí)施例中觸控界面中的滑動(dòng)控制裝置的結(jié)構(gòu)示意框圖。
【具體實(shí)施方式】
[001引體現(xiàn)本發(fā)明特征與優(yōu)點(diǎn)的典型實(shí)施方式將在W下的說明中詳細(xì)敘述。應(yīng)理解的是 本發(fā)明能夠在不同的實(shí)施方式上具有各種的變化，其皆不脫離本發(fā)明的范圍，且其中的說 明及圖示在本質(zhì)上是當(dāng)作說明之用，而非用W限制本發(fā)明。
[0019] 如前所述，對于觸控界面中顯示的各種元素，即固定元素和可滑動(dòng)元素，其位置W 及可進(jìn)行的滑動(dòng)是根據(jù)界面內(nèi)容和布局分別進(jìn)行設(shè)置的，當(dāng)可滑動(dòng)元素位于觸控界面邊界 時(shí)，將無法對該可滑動(dòng)元素所觸發(fā)的滑動(dòng)操作進(jìn)行響應(yīng)，存在著當(dāng)前滑動(dòng)操作的觸發(fā)和對 該滑動(dòng)操作的響應(yīng)不相匹配的問題。
[0020] 因此，基于W上問題，特提出了一種觸控界面中的滑動(dòng)控制方法。該方法依賴于計(jì) 算機(jī)程序，該計(jì)算機(jī)程序?qū)⑦\(yùn)行在計(jì)算機(jī)系統(tǒng)上，該計(jì)算機(jī)系統(tǒng)可運(yùn)行于智能手機(jī)、平板電 腦、個(gè)人電腦、筆記本電腦、兒童平板、家教機(jī)等終端設(shè)備中。
[0021] 在一個(gè)實(shí)施例中，具體的，該方法如圖1所示，包括： 步驟110,偵聽得到觸控界面中對任一可滑動(dòng)元素觸發(fā)的滑動(dòng)操作，該滑動(dòng)操作的滑動(dòng) 終點(diǎn)位于觸控界面邊界。
[0022] 當(dāng)前顯示的觸控界面包含了至少一個(gè)可滑動(dòng)元素，例如，該可滑動(dòng)元素可W用于 實(shí)現(xiàn)兩個(gè)觸控界面之間的跳轉(zhuǎn)，也可用于變換當(dāng)前顯示的觸控界面的布局，還可用于實(shí)現(xiàn) 其它的一些娛樂功用等。
[0023] 偵聽得當(dāng)前顯示了觸控界面中某一可滑動(dòng)元素對應(yīng)于觸摸屏幕的位置中觸發(fā)了 按下并移動(dòng)受加點(diǎn)的操作，該操作即為對該可滑動(dòng)元素觸發(fā)的滑動(dòng)操作，待其滑動(dòng)終點(diǎn)位 于觸控界面邊界時(shí)在受加點(diǎn)的移動(dòng)方向上，該可滑動(dòng)元素將無滑動(dòng)空間。
[0024] 步驟130,獲取滑動(dòng)操作對應(yīng)的滑動(dòng)軌跡。
[0025] 該滑動(dòng)軌跡是由在可滑動(dòng)元素所對應(yīng)的觸摸屏幕的位置上按下所得到的起始受 力點(diǎn)和移動(dòng)的受力點(diǎn)形成的。
[0026] 步驟150,根據(jù)滑動(dòng)軌跡對觸控界面中可滑動(dòng)元素觸發(fā)的滑動(dòng)施加阻力，并更新可 滑動(dòng)元素在觸控界面中的滑動(dòng)。
[0027] 當(dāng)前可滑動(dòng)元素所進(jìn)行的滑動(dòng)中，其滑動(dòng)終點(diǎn)位于觸控界面的邊界上；按照該獲 取得到的滑動(dòng)軌跡在觸控界面中進(jìn)行的顯示將是可滑動(dòng)元素在觸控界面中未處于邊界的 兩點(diǎn)之間的滑動(dòng)。觸控界面的邊界對于可滑動(dòng)元素而言，是可滑動(dòng)元素進(jìn)行滑動(dòng)的范圍界 線，對位于邊界的可滑動(dòng)元素所進(jìn)行的向外滑動(dòng)進(jìn)行阻攔，因此，對該可滑動(dòng)元素觸發(fā)的滑 動(dòng)施加阻力W使得臨近觸控界面邊界的可滑動(dòng)元素觸發(fā)的滑動(dòng)無法順暢進(jìn)行，延遲于該滑 動(dòng)軌跡，既響應(yīng)了觸發(fā)的滑動(dòng)操作又使得所進(jìn)行的響應(yīng)是與其所臨近的觸控界面邊界相適 應(yīng)的。
[0028] 如上所述的觸控界面中的滑動(dòng)控制過程中，觸控界面的顯示W(wǎng)及觸控界面中各元 素的顯示均是W帖同為單位進(jìn)行刷新的，因此，如上所述的觸控界面中滑動(dòng)控制的執(zhí)行也 將是W帖為單位的。
[0029] 具體的，在一帖中將偵聽得到任一可滑動(dòng)元素觸發(fā)的滑動(dòng)操作，若該滑動(dòng)操作的 終點(diǎn)為觸控界面邊界，將根據(jù)該滑動(dòng)操作的滑動(dòng)軌跡對該可滑動(dòng)元素的滑動(dòng)施加阻力，W 為當(dāng)前帖更新了施加了阻力的可滑動(dòng)元素的滑動(dòng)，使得用戶滑動(dòng)該可滑動(dòng)元素到邊界時(shí)， 可繼續(xù)滑動(dòng)但也感覺到存在著一定的阻力，通過該一方式進(jìn)行響應(yīng)并反饋當(dāng)前可滑動(dòng)元素 所進(jìn)行的滑動(dòng)已經(jīng)到達(dá)觸控界面的邊界，從而保證了觸控界面中顯示的流暢性。
[0030] 進(jìn)一步的，在本實(shí)施例中，如圖2所示，該步驟150包括； 步驟151，根據(jù)滑動(dòng)軌跡運(yùn)算得到對應(yīng)的滑動(dòng)距離。
[0031] 觸控屏幕中滑動(dòng)操作所對應(yīng)的滑動(dòng)起點(diǎn)、滑動(dòng)終點(diǎn)W及介于滑動(dòng)起始點(diǎn)和滑動(dòng)終 點(diǎn)之間的滑動(dòng)軌跡將是W坐標(biāo)的形式進(jìn)行位置標(biāo)識的。也就是說，將預(yù)先為觸控屏幕設(shè)置 坐標(biāo)系，根據(jù)滑動(dòng)起始點(diǎn)對應(yīng)的坐標(biāo)（Xjg;胃，yjg;胃）和滑動(dòng)終點(diǎn)對應(yīng)的坐標(biāo)進(jìn)行 運(yùn)行滑動(dòng)角度的運(yùn)算，進(jìn)而根據(jù)計(jì)算得到的滑動(dòng)角度、滑動(dòng)起始點(diǎn)對應(yīng)的坐標(biāo) 和滑動(dòng)終點(diǎn)對應(yīng)的坐標(biāo)再次進(jìn)行運(yùn)算，W得到滑動(dòng)距離，詳細(xì)公式如下所述：
步驟153,按照預(yù)設(shè)的阻力系數(shù)對滑動(dòng)距離進(jìn)行阻力運(yùn)算，W得到對觸控界面中施加了 阻力的滑動(dòng)所對應(yīng)的距離值。
[0032] 預(yù)先設(shè)置了阻力系數(shù)所對應(yīng)的數(shù)值，其中，該阻力系數(shù)將是一個(gè)小于1的數(shù)值?；?動(dòng)距離與阻力系數(shù)之間的乘積即為觸控界面中施加了阻力的可滑動(dòng)元素進(jìn)行滑動(dòng)所對應(yīng) 的距離值，即； 距離值=滑動(dòng)距離*阻力系數(shù) 步驟155,按照該距離值更新滑動(dòng)操作對應(yīng)的可滑動(dòng)元素在觸控界面的滑動(dòng)。
[0033] 在觸控界面中更新相對觸發(fā)的滑動(dòng)操作，與原始的滑動(dòng)軌跡相比較，顯示了縮短 的滑動(dòng)軌跡，進(jìn)而在視覺效果上呈現(xiàn)出可滑動(dòng)元素的滑動(dòng)受阻的效果。
[0034] 進(jìn)一步的，在本實(shí)施例中，如圖3所示，步驟150之前，該方法還包括： 步驟210,根據(jù)滑動(dòng)軌跡判斷滑動(dòng)操作對應(yīng)的滑動(dòng)終點(diǎn)是否位于觸控界面邊界，若為 是，則進(jìn)入步驟150,若為否，則進(jìn)入步驟230。
[0035] 獲取滑動(dòng)軌跡在觸控界面中的位置，W判斷其所對應(yīng)的滑動(dòng)終點(diǎn)是否位于觸控界 面邊界，若為是，則說明需要對該可滑動(dòng)元素進(jìn)行的滑動(dòng)施加阻力，W響應(yīng)位于觸控界面邊 界上可滑動(dòng)元素的滑動(dòng)，進(jìn)而提示用戶當(dāng)前所進(jìn)行的滑動(dòng)已經(jīng)到達(dá)觸控界面邊界，若為否， 則直接按照滑動(dòng)軌跡進(jìn)行可滑動(dòng)元素在觸控界面上的滑動(dòng)即可。
[0036] 步驟