圖8A是根據(jù)另一示例性實(shí)施例示出的一種觸控顯示屏上的文檔顯示方法的流程圖,本實(shí)施例以該文檔顯示方法應(yīng)用于包括觸控顯示屏的終端中來舉例說明。該文檔顯示方法可以包括如下幾個(gè)步驟。
[0218]在步驟801中,響應(yīng)于打開電子文檔的第一信號(hào),在觸控顯示屏上顯示電子文檔的邊緣區(qū)域,該邊緣區(qū)域包括有電子文檔的邊緣和若干個(gè)顯示元素。
[0219]終端在顯示某一用戶界面時(shí),可以接收用戶觸發(fā)的用于打開電子文檔的第一信號(hào),該第一信號(hào)可以是點(diǎn)擊與電子文檔對(duì)應(yīng)的快捷方式或圖標(biāo)的信號(hào)。
[0220]然后,終端響應(yīng)于第一信號(hào),在觸控顯示屏上顯示電子文檔的邊緣區(qū)域,該邊緣區(qū)域包括有電子文檔的邊緣和若干個(gè)顯示元素。該邊緣通常包括電子文檔的上邊緣、左邊緣或者兩者的結(jié)合。
[0221]作為一個(gè)示例,請參考圖SB,終端首先顯示快捷方式界面82,該快捷方式界面82包括有按照4行3列排布的12個(gè)應(yīng)用程序的圖標(biāo),當(dāng)用戶的手指點(diǎn)擊通訊錄應(yīng)用的圖標(biāo)84時(shí),觸發(fā)第一信號(hào)。終端響應(yīng)于第一信號(hào),在觸控顯示屏83上將快捷方式界面82取消顯示,然后顯示電子文檔,該電子文檔即為通訊錄應(yīng)用的交互界面86 ο該交互界面86包括左邊緣87、上邊緣88和右邊緣89。但是由于交互界面86的長度大于觸控顯示屏83的高度,所以未顯示出下邊緣。
[0222]在步驟802中,檢測作用于觸控顯示屏上的對(duì)象的運(yùn)動(dòng)。
[0223]該運(yùn)動(dòng)可以是遠(yuǎn)離邊緣區(qū)域中的一個(gè)邊緣的運(yùn)動(dòng)。
[0224]在步驟803中,響應(yīng)于該運(yùn)動(dòng),將若干個(gè)顯示元素向遠(yuǎn)離該邊緣的方向進(jìn)行拉伸顯不O
[0225]本步驟可以采用步驟203、步驟303、步驟403和步驟503中的任意一種實(shí)現(xiàn)。
[0226]第二種實(shí)現(xiàn)方式:
[0227]圖9A是根據(jù)另一示例性實(shí)施例示出的一種觸控顯示屏上的文檔顯示方法的流程圖,本實(shí)施例以該文檔顯示方法應(yīng)用于包括觸控顯示屏的終端中來舉例說明。該文檔顯示方法可以包括如下幾個(gè)步驟。
[0228]在步驟901中,響應(yīng)于切換至電子文檔的第二信號(hào),在觸控顯示屏上顯示電子文檔的邊緣區(qū)域。
[0229]終端在顯示有電子文檔A時(shí),可以接收用戶觸發(fā)的用于切換至電子文檔B的第二信號(hào),該第二信號(hào)可以是點(diǎn)擊與電子文檔B對(duì)應(yīng)的快捷方式或圖標(biāo)的信號(hào)。
[0230]然后,終端響應(yīng)于第二信號(hào),在觸控顯示屏上顯示電子文檔B的邊緣區(qū)域,該邊緣區(qū)域包括有電子文檔B的邊緣和若干個(gè)顯示元素。該邊緣通常包括電子文檔的上邊緣、左邊緣或者兩者的結(jié)合。
[0231]作為一個(gè)示例,請參考圖9B,假設(shè)電子文檔A是聯(lián)系人界面,電子文檔B是通話記錄界面,終端首先顯示通信錄應(yīng)用中的聯(lián)系人界面92,當(dāng)用戶的手指點(diǎn)擊位于聯(lián)系人界面92上方的與通話記錄界面94對(duì)應(yīng)的控件96時(shí),觸發(fā)第二信號(hào)。終端響應(yīng)于第二信號(hào),在觸控顯示屏93上將聯(lián)系人界面92切換顯示為通話記錄界面94,該通話記錄界面94包括左邊緣97、上邊緣98和右邊緣99。但是由于通話記錄界面94的長度大于觸控顯示屏93的高度,所以未顯示出下邊緣。
[0232]在步驟902中,檢測作用于觸控顯示屏上的對(duì)象的運(yùn)動(dòng)。
[0233]該運(yùn)動(dòng)可以是遠(yuǎn)離邊緣區(qū)域中的一個(gè)邊緣的運(yùn)動(dòng)。
[0234]在步驟903中,響應(yīng)于該對(duì)象的運(yùn)動(dòng),將若干個(gè)顯示元素向遠(yuǎn)離該邊緣的方向進(jìn)行拉伸顯示。
[0235]本步驟可以采用步驟203、步驟303、步驟403和步驟503中的任意一種實(shí)現(xiàn)。
[0236]第三種實(shí)現(xiàn)方式:
[0237]圖1OA是根據(jù)另一示例性實(shí)施例示出的一種觸控顯示屏上的文檔顯示方法的流程圖,本實(shí)施例以該文檔顯示方法應(yīng)用于包括觸控顯示屏的終端中來舉例說明。該文檔顯示方法可以包括如下幾個(gè)步驟。
[0238]在步驟1001中,在觸控顯示屏上顯示電子文檔的部分區(qū)域。
[0239]終端在顯示有電子文檔時(shí),可以顯示電子文檔的部分區(qū)域,該部分區(qū)域包括有電子文檔的部分顯示元素。
[0240]作為一個(gè)示例,請參考圖10B,假設(shè)電子文檔是通話記錄界面102,在觸控顯示屏103上顯示有該通話記錄界面102的部分區(qū)域。該部分區(qū)域包括第2個(gè)至第8個(gè)通話記錄行。
[0241]在步驟1002中,檢測作用于觸控顯示屏上的對(duì)象的運(yùn)動(dòng)。
[0242]該對(duì)象是用戶的手指、觸控筆或其它可以被觸控顯示屏所檢測到的控制物體。
[0243]當(dāng)該對(duì)象運(yùn)動(dòng)時(shí),終端通過觸控顯示屏檢測出該對(duì)象的運(yùn)動(dòng)。該運(yùn)動(dòng)可以是平移運(yùn)動(dòng)。比如,該運(yùn)動(dòng)可以是遠(yuǎn)離邊緣區(qū)域中的一個(gè)邊緣的運(yùn)動(dòng)。
[0244]在步驟1003中,響應(yīng)于對(duì)象的運(yùn)動(dòng),將電子文檔的部分區(qū)域平移顯示為邊緣區(qū)域。
[0245]終端響應(yīng)于對(duì)象的運(yùn)動(dòng),將電子文檔進(jìn)行平移顯示。
[0246]作為一種示例,請參考圖10C,以對(duì)象是用戶的手指為例,當(dāng)手指在觸控顯示屏103上向上運(yùn)動(dòng)時(shí),終端通過觸控顯示屏103檢測出手指的運(yùn)動(dòng)。響應(yīng)于該運(yùn)動(dòng),終端將電子文檔的部分區(qū)域向上平移顯示為邊緣區(qū)域104,該邊緣區(qū)域104包括有第3個(gè)至第9個(gè)通話記錄行以及通話記錄界面的下邊緣106。
[0247]在步驟1004中,檢測作用于觸控顯示屏上的對(duì)象的運(yùn)動(dòng)。
[0248]終端繼續(xù)檢測對(duì)象的運(yùn)動(dòng),該運(yùn)動(dòng)可以是與步驟1002中的運(yùn)動(dòng)相連貫的同一次運(yùn)動(dòng),也可以是與步驟1002中的運(yùn)動(dòng)不相連貫的兩次運(yùn)動(dòng)。
[0249]該運(yùn)動(dòng)可以是遠(yuǎn)離邊緣區(qū)域104中的下邊緣106的運(yùn)動(dòng)。
[0250]在步驟1005中,響應(yīng)于對(duì)象的運(yùn)動(dòng),將若干個(gè)顯示元素向遠(yuǎn)離該邊緣的方向進(jìn)行拉伸顯示。
[0251]終端響應(yīng)于對(duì)象的運(yùn)動(dòng),將若干個(gè)顯示元素向遠(yuǎn)離下邊緣96的方向進(jìn)行拉伸顯不O
[0252]本步驟可以采用步驟103、步驟303、步驟403和步驟503中的任意一種實(shí)現(xiàn)。
[0253]作為一種示例,請參考圖10D,在顯示邊緣區(qū)域104后,若手指仍然在觸控顯示屏103上向上運(yùn)動(dòng),終端響應(yīng)于該手指的運(yùn)動(dòng),將邊緣區(qū)域104中的第3個(gè)至第9個(gè)通話記錄行向遠(yuǎn)離下邊緣106的方向進(jìn)行拉伸顯示。
[0254]需要說明的是,上述各個(gè)方法實(shí)施例所提及的文檔顯示方法可以在不同操作系統(tǒng)上實(shí)現(xiàn),并且在不同操作系統(tǒng)上的底層實(shí)現(xiàn)方式可以各不相同。
[0255]比如,若以安卓(Android)操作系統(tǒng)實(shí)現(xiàn)圖2C所示出的拉伸效果,也即將全部顯示元素以相同的拉伸比例進(jìn)行拉伸顯示的效果,可以包括如圖1lA所示出的步驟:
[0256]在步驟1101中,根據(jù)對(duì)象的運(yùn)動(dòng)距離更新彈性勢能值inertia ;
[0257]該彈性勢能值inertia用于表示顯示元素被拉伸顯示時(shí)的彈性度。該彈性勢能值inertia初始值可以為0,
[0258]當(dāng)電子文檔在拉伸顯示時(shí),該彈性勢能值inertia與對(duì)象在觸控顯示屏上的運(yùn)動(dòng)距離呈正相關(guān)關(guān)系,也即,對(duì)象在觸控顯示屏上的運(yùn)動(dòng)距離的值越大,該彈性勢能值inertia也越大。
[0259]終端每隔預(yù)定時(shí)間間隔,根據(jù)對(duì)象的運(yùn)動(dòng)距離更新彈性勢能值inertia。該預(yù)定時(shí)間間隔可以小于等于兩幀顯示畫面之間的顯示間隔。
[0260]在步驟1102中,對(duì)于第η幀顯示畫面,終端根據(jù)當(dāng)前的彈性勢能值inertia計(jì)算拉伸比例;
[0261]由于顯示畫面是一幀幀顯示的,對(duì)于第η幀顯示畫面,終端根據(jù)當(dāng)前的彈性勢能值inertia計(jì)算拉伸比例。該拉伸比例在相鄰幀之間的增長速度與彈性勢能值inertia呈負(fù)相關(guān)關(guān)系,也即彈性勢能值inertia越大,拉伸比例在相鄰幀之間的增長速度越?。粡椥詣菽苤礽nertia越小,拉伸比例在相鄰幀之間的增長速度越大。
[0262]在步驟1103中,終端將第I幀顯示畫面按照計(jì)算得到的拉伸比例進(jìn)行拉伸后,得到第η幀顯示畫面。
[0263]終端可以將需要拉伸顯示的顯示元素放置在一個(gè)容器中,比如,將整個(gè)電子文檔的所有顯示元素都放置在一個(gè)容器中。然后,終端將第I幀顯示畫面按照計(jì)算得到的拉伸比例進(jìn)行拉伸后,得到第η幀顯示畫面,η彡2。
[0264]作為一種示例,請參考圖11Β,第I幀顯示畫面中,12個(gè)縮略圖未進(jìn)行拉伸,但此時(shí)平移顯示已經(jīng)抵達(dá)電子文檔的邊緣區(qū)域,假設(shè)手指在觸控顯示屏23上的運(yùn)動(dòng)距離為a厘米,此時(shí)的彈性勢能值為Al,則終端根據(jù)彈性勢能值A(chǔ)l計(jì)算得到第2幀顯示畫面的拉伸比例為縱向拉伸104%。則終端將12個(gè)縮略圖所在的容器沿縱向整體拉伸104%,得到第2幀顯示畫面。第2幀顯示畫面相對(duì)于第I幀顯示畫面的拉伸比例的增長速度為:(104% -100% )/t = 4% /to t為相鄰兩巾貞之間的顯不時(shí)間差。
[0265]然后,對(duì)于第3幀顯示畫面,假設(shè)手指在觸控顯示屏23上的運(yùn)動(dòng)距離已經(jīng)為a+0.2厘米,此時(shí)的彈性勢能值為A2,由于A2 > Al,則終端根據(jù)彈性勢能值A(chǔ)2計(jì)算得到第3幀顯示畫面的拉伸比例為縱向拉伸107%。則終端將第I幀顯示畫面中的12個(gè)縮略圖所在的容器沿縱向整體拉伸107%,得到第3幀顯示畫面。顯然,由于手指的運(yùn)動(dòng)距離的增加,彈性勢能值在增加,第3幀顯示畫面相對(duì)于第2幀顯示畫面的拉伸比例的增長速度為:(107% -104% )/t = 3% /t,拉伸比例的增長速度在變小。
[0266]但是對(duì)于同一幀顯示畫面,各個(gè)縮略圖的拉伸比例相同。
[0267]另外,本公開實(shí)施例還存在如下一種實(shí)施例:
[0268]圖12A是根據(jù)另一示例性實(shí)施例示出的一種觸控顯示屏上的文檔顯示方法的流程圖,本實(shí)施例以該文檔顯示方法應(yīng)用于包括觸控顯示屏的終端中來舉例說明。該文檔顯示方法可以包括如下幾個(gè)步驟。
[0269]在步驟1201中,在觸控顯示屏上顯示電子文檔的第一區(qū)域。
[0270]終端在顯示有電子文檔時(shí),可以顯示電子文檔的第一區(qū)域,該第一區(qū)域包括有電子文檔的部分顯示元素。
[0271]在步驟1202中,檢測作用于觸控顯示屏上的對(duì)象的運(yùn)動(dòng)。
[0272]當(dāng)該對(duì)象運(yùn)動(dòng)時(shí),終端通過觸控顯示屏檢測出該對(duì)象的運(yùn)動(dòng)。該運(yùn)動(dòng)可以是平移運(yùn)動(dòng)。比如,該運(yùn)動(dòng)可以是遠(yuǎn)離邊緣區(qū)域中的一個(gè)邊緣的運(yùn)動(dòng)。
[0273]在步驟1203中,響應(yīng)于對(duì)象的運(yùn)動(dòng),將電子文檔的第一區(qū)域進(jìn)行平移顯示為第二區(qū)域。
[0274]終端響應(yīng)于對(duì)象的運(yùn)動(dòng),將電子文檔進(jìn)行平移顯示。該平移顯示的平移速率可以與對(duì)象的運(yùn)動(dòng)速率相同。
[0275]作為一種示例,請參考圖12B,假設(shè)電子文檔是通話記錄界面122,在觸控顯示屏123上顯示有該通話記錄界面122的第一區(qū)域。該第一區(qū)域包括第I個(gè)至第7個(gè)通話記錄行。
[0276]以對(duì)象是用戶的手指為例,當(dāng)手指在觸控顯示屏123上向上運(yùn)動(dòng)時(shí),終端通過觸控顯示屏123檢測出手指的運(yùn)動(dòng)。響應(yīng)于該手指的運(yùn)動(dòng),終端將電子文檔的第一區(qū)域向上平移顯示為第二區(qū)域124,該第二區(qū)域124包括有第2個(gè)至第8個(gè)通話記錄行。
[0277]若該方法在安卓操作系統(tǒng)中實(shí)現(xiàn),在平移顯示過程中,雖然不進(jìn)行拉伸顯示,但終端可以設(shè)置彈性勢能值inertia與對(duì)象的移動(dòng)速度呈正相關(guān)關(guān)系。比如,將彈性勢能值inertia設(shè)置為相鄰兩幀顯示畫面之間,后一幀顯示畫面對(duì)應(yīng)的對(duì)象位置減去前一幀顯示畫面對(duì)應(yīng)的對(duì)象位置。對(duì)象位置是指觸控顯示屏上檢測到對(duì)象的位置。
[0278]在步驟1204中,在觸控顯示屏上不再檢測到對(duì)象時(shí),將電子文檔的第二區(qū)域繼續(xù)進(jìn)行平移顯示。
[0279]在平移顯不過程中,平移速率與對(duì)象的運(yùn)動(dòng)速率有關(guān)。
[0280]在觸控顯示屏上不再檢測到對(duì)象時(shí),終端以不斷衰減的平移速率將電子文檔的第二區(qū)域繼續(xù)進(jìn)行平移顯示。平移速率會(huì)以預(yù)設(shè)的衰減方式逐步衰減至預(yù)設(shè)閾值,該預(yù)設(shè)閾值可以為O。預(yù)設(shè)的衰減方式可以是勻減速衰減方式。
[0281]以不斷衰減的平移速率將電子文檔的第二區(qū)域繼續(xù)進(jìn)行平移顯示的過程,會(huì)向用戶呈現(xiàn)出一種“慣性”滑動(dòng)的效果。
[0282]作為一種示例,繼續(xù)參考圖12B,在觸控顯示屏123上檢測不出手指時(shí),終端以不斷衰減的平移速率將第二區(qū)域124繼續(xù)進(jìn)行平移顯示。
[0283]若該方法在安卓操作系統(tǒng)中實(shí)現(xiàn),在終端通過觸控顯示屏不再檢測到對(duì)象時(shí),終端可以將保存的彈性勢能值按照預(yù)設(shè)的衰減速率方式也不斷進(jìn)行衰減。
[0284]在步驟1205中,若平移顯示抵達(dá)電子文檔的邊緣區(qū)域,則將邊緣區(qū)域中的若干個(gè)顯示元素向遠(yuǎn)離電子文檔的邊緣的方向進(jìn)行拉伸顯示,邊緣區(qū)域包括有該邊緣和若干個(gè)顯
[0285]若以不斷衰減的平移速率將第二區(qū)域124繼續(xù)進(jìn)行平移顯示時(shí),抵達(dá)到電子文檔的邊緣區(qū)域,且此時(shí)平移速率還未衰減為0,則終端在第一預(yù)設(shè)時(shí)長內(nèi)將邊緣區(qū)域中的若干個(gè)顯示元素向遠(yuǎn)離電子文檔的邊緣的方向進(jìn)行拉伸顯示。
[0286]作為一種示例,繼續(xù)參考圖12B,終端