專利名稱：在觸控屏幕上放大影像的方法及電子裝置的制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種影像顯示方法，特別是涉及一種在觸控屏幕上放大影像的方法。
背景技術(shù)：
近年來，多點(diǎn)觸控屏幕日漸普及。就目前市面上的多點(diǎn)觸控屏幕的設(shè)備而言，瀏覽影像(包括圖片、網(wǎng)頁、導(dǎo)航界面、影片等)的方式多為使用者以雙指按住屏幕某兩處，然后雙指向外移動(dòng)代表要放大影像，雙指向內(nèi)移動(dòng)要縮小影像。此種方式雖然方便，但是仍然不夠快速，不夠直覺。使用者明明已經(jīng)知道要看影像內(nèi)哪個(gè)范圍的東西，仍然要雙手按住然后雙指向外移動(dòng)。因此，本發(fā)明為解決上述問題，提出一種多點(diǎn)觸控影像快速放大的方法。

發(fā)明內(nèi)容
本發(fā)明提供一種在觸控屏幕上放大影像的方法，其包括接收在一觸控屏幕上至少2個(gè)碰觸點(diǎn)的位置信息；以該至少2個(gè)碰觸點(diǎn)的位置信息決定一矩形范圍；依據(jù)該觸控屏幕的顯示區(qū)域的長度與寬度以及該矩形范圍的長度與寬度，決定將該矩形范圍所包含的一影像于該顯示區(qū)域上放大而不變形的最大放大倍率；依據(jù)該最大放大倍率將該矩形范圍中的該影像放大，并將該矩形范圍中的該影像顯示于該顯示區(qū)域的中央。本發(fā)明另還提供一種電子裝置，其包括一觸控屏幕及一處理器。其中該觸控屏幕包括一顯示區(qū)域。該處理器，接收在該觸控屏幕的該顯示區(qū)域上至少2個(gè)碰觸點(diǎn)的位置信息，以該至少2個(gè)碰觸點(diǎn)的位置信息決定一矩形范圍，依據(jù)該觸控屏幕的該顯示區(qū)域的長度與寬度以及該矩形范圍的長度與寬度，決定將該矩形范圍所包含的一影像于該顯示區(qū)域上放大而不變形的最大放大倍率，依據(jù)該最大放大倍率將該矩形范圍放大，并控制該觸控屏幕，使得將該矩形范圍中的該影像顯示于該顯示區(qū)域的中央。


圖I顯示依據(jù)本發(fā)明實(shí)施例的電子裝置的方塊示意圖。圖2顯示依據(jù)本發(fā)明實(shí)施例的在觸控屏幕上放大影像的方法的流程圖。圖3A 3D顯示用雙指按壓造成2個(gè)碰觸點(diǎn)以放大影像的例。圖4A 4D顯示用三指按壓造成3個(gè)碰觸點(diǎn)以放大影像的例。圖5顯示依據(jù)本發(fā)明實(shí)施例的以3個(gè)碰觸點(diǎn)決定矩形范圍的方法的一例。圖6A 6C顯示依據(jù)本發(fā)明實(shí)施例的以3個(gè)碰觸點(diǎn)決定矩形范圍的方法的另一例。圖7顯示依據(jù)本發(fā)明實(shí)施例的在觸控屏幕上放大影像的方法與傳統(tǒng)的放大影像方法相容應(yīng)用的說明圖。附圖符號(hào)說明電子裝置10
中央處理器11觸控面板13觸控屏幕30矩形范圍35矩形范圍35’
具體實(shí)施例方式為使本發(fā)明的上述和其他目的、特征、和優(yōu)點(diǎn)能更明顯易懂，下文特舉出較佳實(shí)施例，并結(jié)合附圖詳細(xì)說明如下。本發(fā)明說明書提供不同的實(shí)施例來說明本發(fā)明不同實(shí)施方式的技術(shù)特征。其中，實(shí)施例中的各元件的配置為說明之用，并非用以限制本發(fā)明。且實(shí)施例中附圖標(biāo)號(hào)的部分重復(fù)，是為了簡化說明，并非意指不同實(shí)施例之間的關(guān)聯(lián)性。
圖I顯示依據(jù)本發(fā)明實(shí)施例的電子裝置的方塊示意圖。電子裝置10可以為筆記型計(jì)算機(jī)、移動(dòng)電話、個(gè)人數(shù)字助理，或任何配置有觸控面板的電子裝置。電子裝置10包括中央處理器11、觸控面板13。觸控面板13包含具有觸控功能的一顯示面，使用者可藉由觸控面板13輸入指令及信息。中央處理器11依據(jù)由觸控面板13輸入的指令及信息，控制觸控面板13及整個(gè)電子裝置10的運(yùn)作。觸控面板13的該顯示面可顯示各種影像物件，當(dāng)使用者欲將該影像物件的一部份局部放大時(shí)，僅需以雙指或三指框點(diǎn)出其所欲放大的部分，中央處理器11即可自動(dòng)運(yùn)算出適當(dāng)?shù)姆糯蟊堵?，并控制觸控面板13，使得于該顯示面上放大顯示該使用者所欲放大的部分影像。詳細(xì)方法步驟如后所述。圖2顯示依據(jù)本發(fā)明實(shí)施例的在觸控屏幕上放大影像的方法的流程圖。在步驟S20中，于一觸控屏幕的顯示面上顯示影像。參見圖3A，觸控屏幕30上顯示「acer J影像。步驟S21中，接收在該觸控屏幕上至少2個(gè)碰觸點(diǎn)的位置信息。步驟S23中，以該至少2個(gè)碰觸點(diǎn)的位置信息決定該觸控屏幕上的一矩形范圍，并于該顯示區(qū)域顯示該矩形范圍的一邊框。依據(jù)碰觸點(diǎn)的數(shù)量，可以采用不同的方式來決定該矩形范圍。例如，若碰觸點(diǎn)有2個(gè)，則以該2個(gè)碰觸點(diǎn)之間的最短連線作為矩形的一對(duì)角線，決定出該矩形范圍。該矩形范圍中的影像，即作為放大顯示的對(duì)象。例如，參見圖3B，觸控屏幕30中，顯示由該2個(gè)碰觸點(diǎn)位置所決定的該矩形范圍的邊框35。在此是以雙指按下造成的2個(gè)碰觸點(diǎn)為例，碰觸點(diǎn)的數(shù)量并不限于2。至于碰觸點(diǎn)有3個(gè)以上的狀況，后文中將舉例說明。步驟S25中，依據(jù)該觸控屏幕的顯示區(qū)域的長度與寬度以及該矩形范圍的長度與寬度，決定將該矩形范圍所包含的一影像于該顯示區(qū)域上放大而不變形的最大放大倍率。例如，該觸控屏幕的顯示區(qū)域在垂直方向的長度為該矩形范圍在垂直方向的長度的10倍，而該觸控屏幕的顯示區(qū)域在水平方向的寬度為該矩形范圍在水平方向的寬度的5倍，則為了使得該矩形范圍中的該影像在被放大之后不仍能保持原有的長寬比(不變形)，則該矩形范圍于該顯示區(qū)域上放大而不變形的最大放大倍率為放大5倍。在步驟S27中，依據(jù)該最大放大倍率將該矩形范圍中的該影像放大。在上例中，即為將該矩形范圍中的該影像放大5倍。
在步驟S29中，將放大后的該矩形范圍中的該影像顯示于該顯示區(qū)域的中央。參見圖3C，觸控屏幕30上立刻顯示放大后的該矩形范圍35’中的該影像。使用者手指放開后，觸控屏幕上的影像如圖3D所示，其所欲放大的部分影像已經(jīng)被放大并置中顯示，而在該矩形范圍35之外的周邊影像，亦以同樣放大倍率顯示于該觸控屏幕上。相較于傳統(tǒng)的方法，本發(fā)明至少有下列優(yōu)點(diǎn)(I)快速使用者雙指按下去的瞬間，電子裝置的運(yùn)算器可以立即計(jì)算出選取范圍的矩型范圍大小以及將此矩形范圍放大到屏幕上最大且不變形的影像大小；(2)直覺使用者僅需將雙指按在想要觀看的局部影像的兩個(gè)角落，即表示就是欲將該局部影像放大，不用再以雙指向外移動(dòng)來達(dá)成目的；(3)欲觀看的局部影像顯示在屏幕正中央(顯示面幾何中心)，而不會(huì)歪到旁邊去。上述方法中的碰觸點(diǎn)的數(shù)量并不限于2，茲舉例說明在3個(gè)碰觸點(diǎn)的狀況中，決定該矩形范圍的方法，請(qǐng)參見圖4A 圖4D。
在圖4A中，觸控屏幕40上顯示「acer」影像。當(dāng)接收到該觸控屏幕上3個(gè)碰觸點(diǎn)的位置信息時(shí)，依據(jù)該位置信息，決定與該3個(gè)碰觸點(diǎn)的內(nèi)緣相接觸的該矩形范圍，如圖4B所示。在3個(gè)碰觸點(diǎn)的狀況,依據(jù)3個(gè)碰觸點(diǎn)的位置配置,有可能會(huì)有I個(gè)碰觸點(diǎn)與另2個(gè)碰觸點(diǎn)的連線接觸，或者任一個(gè)碰觸點(diǎn)都不和另外2個(gè)碰觸點(diǎn)的連線接觸。若該3個(gè)碰觸點(diǎn)中任I個(gè)碰觸點(diǎn)未與另2個(gè)碰觸點(diǎn)的連線接觸(如圖4B所示)，則從該3個(gè)碰觸點(diǎn)中選取一個(gè)碰觸點(diǎn)，并以被選取的該碰觸點(diǎn)作為該矩形范圍的一頂點(diǎn)，再以該3個(gè)碰觸點(diǎn)中未被選取的2個(gè)該碰觸點(diǎn)定義該矩形范圍的一水平邊與一垂直邊，繼之再依據(jù)該頂點(diǎn)、該水平邊、及該垂直邊，決定該矩形范圍。上述被選取的該碰觸點(diǎn)為以被選取的該碰觸點(diǎn)為原點(diǎn)畫出4個(gè)象限，則未被選取的該2個(gè)碰觸點(diǎn)均位于該4個(gè)象限中的同一象限中。參見圖5，以碰觸點(diǎn)I為原點(diǎn)畫出4個(gè)象限，則碰觸點(diǎn)2及碰觸點(diǎn)3均位于同一象限(第I象限)；以碰觸點(diǎn)2為原點(diǎn)畫出4個(gè)象限，則碰觸點(diǎn)I位于第3象限，碰觸點(diǎn)3位于第4象限；以碰觸點(diǎn)3為原點(diǎn)畫出4個(gè)象限，則碰觸點(diǎn)2位于第2象限，碰觸點(diǎn)I位于第3象限。因此，選取碰觸點(diǎn)I作為矩形范圍的頂點(diǎn)，以和碰觸點(diǎn)2內(nèi)緣相切的水平線為該矩形范圍的水平邊，并以和碰觸點(diǎn)3的內(nèi)緣相切的垂直線為該矩形范圍的垂直邊。在3個(gè)碰觸點(diǎn)的狀況,若不是如圖4B所示的「3個(gè)碰觸點(diǎn)中任I個(gè)碰觸點(diǎn)未與另2個(gè)碰觸點(diǎn)的連線接觸」，而是有I個(gè)碰觸點(diǎn)與另2個(gè)碰觸點(diǎn)的連線接觸的狀況，則不是以圖5所示的方式?jīng)Q定矩形范圍，而是以圖6A-圖6C所示的方式?jīng)Q定矩形范圍。參見圖6A，如果觸控屏幕感應(yīng)到有3個(gè)碰觸點(diǎn)，且某一點(diǎn)(在此例為碰觸點(diǎn)2)碰觸到另外2個(gè)碰觸點(diǎn)(在此例中為碰觸點(diǎn)I與碰觸點(diǎn)3)邊緣連線的面積內(nèi)，代表碰觸點(diǎn)2不會(huì)影響到繪出矩型的大小，碰觸點(diǎn)2在此影像放大過程中，用以輔助決定放大影像的幾何中心。在此情況下，則以上述接觸到另2個(gè)碰觸點(diǎn)的連線的該碰觸點(diǎn)2為中心點(diǎn)，以上述另2個(gè)碰觸點(diǎn)(碰觸點(diǎn)I及3)中，與該中心點(diǎn)(碰觸點(diǎn)2)距離較遠(yuǎn)者為該矩形范圍的一頂點(diǎn)。在此例中為碰觸點(diǎn)I距離碰觸點(diǎn)2較遠(yuǎn)，因此以碰觸點(diǎn)I為該矩形范圍的頂點(diǎn)(如圖6B所示)。繼的，依據(jù)該中心點(diǎn)(碰觸點(diǎn)2)與該頂點(diǎn)(碰觸點(diǎn)I)決定該矩形范圍，并計(jì)算該將該矩形范圍所包含的一影像于該顯示區(qū)域上放大而不變形的最大放大倍率，依據(jù)該最大放大倍率將該矩形范圍放大并置中顯示(如圖6C所示)。本發(fā)明與傳統(tǒng)的放大影像方法相同，圖7依據(jù)本發(fā)明實(shí)施例的在觸控屏幕上放大影像的方法與傳統(tǒng)的放大影像方法相容應(yīng)用的說明圖。步驟S70中，于一觸控屏幕的顯示面上顯示影像。步驟S71中，接收在該觸控屏幕上至少2個(gè)碰觸點(diǎn)的位置信息。在步驟S72中，當(dāng)雙指(或三指)在屏幕上按壓時(shí)，電子裝置的中央處理器先等候一預(yù)定時(shí)間(例如0.1秒)，暫不運(yùn)算及顯示放大的影像。在此等候時(shí)間內(nèi)，若使用者欲采用傳統(tǒng)的多點(diǎn)觸控影像縮放的功能。亦即，如果使用者要使用傳統(tǒng)的多點(diǎn)觸控影像縮放功能，必需在手指按下去的一小段時(shí)間內(nèi)將手指向外或向內(nèi)移動(dòng)拖曳的動(dòng)作(步驟S721)，若使用者的手指向內(nèi)拖曳移動(dòng)，則進(jìn)行傳統(tǒng)的程序S720。程序S720包括步驟S721、S723及S725。在步驟S723中，將影像沿著手指向內(nèi)的幅度縮小顯示；若使用者的手指向外拖曳移 動(dòng)，則在步驟S725中，將影像沿著手指向外的幅度放大顯示。若在該等候時(shí)間內(nèi)，使用者并未將按壓的雙指(或三指)向外或向內(nèi)移動(dòng)拖曳，則進(jìn)行步驟S73。步驟S73 步驟S79和上述圖3的步驟S23 步驟S29相同，在此不再贅述。亦即，以該至少2個(gè)碰觸點(diǎn)的位置信息決定該觸控屏幕上的一矩形范圍；依據(jù)該觸控屏幕的顯示區(qū)域的長度與寬度以及該矩形范圍的長度與寬度，決定將該矩形范圍所包含的一影像于該顯示區(qū)域上放大而不變形的最大放大倍率；依據(jù)該最大放大倍率將該矩形范圍中的該影像放大，并將放大后的該矩形范圍中的該影像顯示于該顯示區(qū)域的中央。雖然本發(fā)明已以較佳實(shí)施例揭示如上，然其并非用以限定本發(fā)明，本領(lǐng)域的技術(shù)人員，在不脫離本發(fā)明的精神和范圍的前途下，可做若干更動(dòng)與潤飾，因此本發(fā)明的保護(hù)范圍是以本發(fā)明的權(quán)利要求為準(zhǔn)。
權(quán)利要求
1.一種在觸控屏幕上放大影像的方法，其包括 接收在一觸控屏幕上至少2個(gè)碰觸點(diǎn)的位置信息； 以該至少2個(gè)碰觸點(diǎn)的位置信息決定該觸控屏幕上的一矩形范圍； 依據(jù)該觸控屏幕的顯示區(qū)域的長度與寬度以及該矩形范圍的長度與寬度，決定將該矩形范圍所包含的一影像于該顯示區(qū)域上放大而不變形的最大放大倍率； 依據(jù)該最大放大倍率將該矩形范圍中的該影像放大，并將放大后的該矩形范圍中的該影像顯示于該顯示區(qū)域的中央。
2.如權(quán)利要求I所述的在觸控屏幕上放大影像的方法，進(jìn)一步于該顯示區(qū)域顯示該矩形范圍的一邊框。
3.如權(quán)利要求I所述的在觸控屏幕上放大影像的方法，進(jìn)一步判斷該碰觸點(diǎn)的個(gè)數(shù)。
4.如權(quán)利要求3所述的在觸控屏幕上放大影像的方法，其包括 當(dāng)判斷該碰觸點(diǎn)的個(gè)數(shù)為2個(gè)時(shí)，接收在一觸控屏幕上該2個(gè)碰觸點(diǎn)的位置信息； 依據(jù)該位置信息決定該2個(gè)碰觸點(diǎn)之間的最短連線； 依據(jù)該最短連線，決定該矩形范圍，其中該最短連線為該矩形范圍的一對(duì)角線。
5.如權(quán)利要求3所述的在觸控屏幕上放大影像的方法，其包括 當(dāng)判斷該碰觸點(diǎn)的個(gè)數(shù)為3個(gè)時(shí)，接收在一觸控屏幕上該3個(gè)碰觸點(diǎn)的位置信息； 依據(jù)該位置信息，決定與該3個(gè)碰觸點(diǎn)的內(nèi)緣相接觸的該矩形范圍。
6.如權(quán)利要求5所述的在觸控屏幕上放大影像的方法，其中上述決定與該3個(gè)碰觸點(diǎn)的內(nèi)緣相接觸的該矩形范圍的步驟還包括 若該3個(gè)碰觸點(diǎn)中任I個(gè)碰觸點(diǎn)均未與另2個(gè)碰觸點(diǎn)的連線接觸，則從該3個(gè)碰觸點(diǎn)中選取一個(gè)碰觸點(diǎn)，并以被選取的該碰觸點(diǎn)作為該矩形范圍的一頂點(diǎn)； 以該3個(gè)碰觸點(diǎn)中未被選取的2個(gè)該碰觸點(diǎn)定義該矩形范圍的一水平邊與一垂直邊； 依據(jù)該頂點(diǎn)、該水平邊、及該垂直邊，決定該矩形范圍。
7.如權(quán)利要求6所述的在觸控屏幕上放大影像的方法，其中上述被選取的該碰觸點(diǎn)為以被選取的該碰觸點(diǎn)為原點(diǎn)畫出4個(gè)象限，則未被選取的該2個(gè)碰觸點(diǎn)均位于該4個(gè)象限中的同一象限中。
8.如權(quán)利要求5所述的在觸控屏幕上放大影像的方法，若該3個(gè)碰觸點(diǎn)中任I個(gè)碰觸點(diǎn)與另2個(gè)碰觸點(diǎn)的連線接觸，則以上述接觸到另2個(gè)碰觸點(diǎn)的連線的該碰觸點(diǎn)為中心點(diǎn)，以上述另2個(gè)碰觸點(diǎn)中，與該中心點(diǎn)距離較遠(yuǎn)者為該矩形范圍的一頂點(diǎn)，并依據(jù)該中心點(diǎn)與該頂點(diǎn)決定該矩形范圍。
9.一種電子裝置，其包括 一觸控屏幕，其包括一顯示區(qū)域； 一處理器，接收在該觸控屏幕的該顯示區(qū)域上至少2個(gè)碰觸點(diǎn)的位置信息，以該至少2個(gè)碰觸點(diǎn)的位置信息決定一矩形范圍，依據(jù)該觸控屏幕的該顯示區(qū)域的長度與寬度以及該矩形范圍的長度與寬度，決定將該矩形范圍所包含的一影像于該顯示區(qū)域上放大而不變形的最大放大倍率，依據(jù)該最大放大倍率將該矩形范圍放大，并控制該觸控屏幕，使得將該矩形范圍中的該影像顯示于該顯示區(qū)域的中央。
10.如權(quán)利要求9所述的電子裝置，該處理器進(jìn)一步控制該觸控屏幕以使得該觸控屏幕于該顯示區(qū)域顯示該矩形范圍的一邊框。
11.如權(quán)利要求9所述的電子裝置，該處理器進(jìn)一步判斷該碰觸點(diǎn)的個(gè)數(shù)。
12.如權(quán)利要求11所述的電子裝置，該處理器當(dāng)判斷該碰觸點(diǎn)的個(gè)數(shù)為2個(gè)時(shí)，接收在一觸控屏幕上該2個(gè)碰觸點(diǎn)的位置信息，依據(jù)該位置信息決定該2個(gè)碰觸點(diǎn)之間的最短連線，依據(jù)該最短連線，決定該矩形范圍，其中該最短連線為該矩形范圍的一對(duì)角線。
13.如權(quán)利要求11所述的電子裝置，該處理器當(dāng)判斷該碰觸點(diǎn)的個(gè)數(shù)為3個(gè)時(shí)，接收在一觸控屏幕上該3個(gè)碰觸點(diǎn)的位置信息，依據(jù)該位置信息，決定與該3個(gè)碰觸點(diǎn)的內(nèi)緣相接觸的該矩形范圍。
14.如權(quán)利要求13所述的電子裝置，其中該處理器進(jìn)一步執(zhí)行下列程序以決定與該3個(gè)碰觸點(diǎn)的內(nèi)緣相接觸的該矩形范圍 若該3個(gè)碰觸點(diǎn)中任I個(gè)碰觸點(diǎn)未與另2個(gè)碰觸點(diǎn)的連線接觸，則從該3個(gè)碰觸點(diǎn)中選取一個(gè)碰觸點(diǎn)，并以被選取的該碰觸點(diǎn)作為該矩形范圍的一頂點(diǎn)； 以該3個(gè)碰觸點(diǎn)中未被選取的2個(gè)該碰觸點(diǎn)定義該矩形范圍的一水平邊與一垂直邊； 依據(jù)該頂點(diǎn)、該水平邊、及該垂直邊，決定該矩形范圍。
15.如權(quán)利要求14所述的電子裝置，其中上述被選取的該碰觸點(diǎn)為以被選取的該碰觸點(diǎn)為原點(diǎn)畫出4個(gè)象限，則未被選取的該2個(gè)碰觸點(diǎn)均位于該4個(gè)象限中的同一象限中。
16.如權(quán)利要求13所述的電子裝置，若該3個(gè)碰觸點(diǎn)中任I個(gè)碰觸點(diǎn)與另2個(gè)碰觸點(diǎn)的連線接觸，則以上述接觸到另2個(gè)碰觸點(diǎn)的連線的該碰觸點(diǎn)為中心點(diǎn)，以上述另2個(gè)碰觸點(diǎn)中，與該中心點(diǎn)距離較遠(yuǎn)者為該矩形范圍的一頂點(diǎn)，并依據(jù)該中心點(diǎn)與該頂點(diǎn)決定該矩形范圍。
全文摘要
一種在觸控屏幕上放大影像的方法及電子裝置。該觸控屏幕上放大影像的方法，其包括接收在一觸控屏幕上至少2個(gè)碰觸點(diǎn)的位置信息；以該至少2個(gè)碰觸點(diǎn)的位置信息決定一矩形范圍；依據(jù)該觸控屏幕的顯示區(qū)域的長度與寬度以及該矩形范圍的長度與寬度，決定將該矩形范圍所包含的一影像于該顯示區(qū)域上放大而不變形的最大放大倍率；依據(jù)該最大放大倍率將該矩形范圍中的該影像放大，并將該矩形范圍中的該影像顯示于該顯示區(qū)域的中央。
文檔編號(hào)G06F3/048GK102799345SQ201110140200
公開日2012年11月28日 申請(qǐng)日期2011年5月27日 優(yōu)先權(quán)日2011年5月27日
發(fā)明者莊明道 申請(qǐng)人:宏碁股份有限公司