TWI511020B - 頁面顯示方法,電子裝置,程式產品 - Google Patents
頁面顯示方法,電子裝置,程式產品 Download PDFInfo
- Publication number
- TWI511020B TWI511020B TW098119342A TW98119342A TWI511020B TW I511020 B TWI511020 B TW I511020B TW 098119342 A TW098119342 A TW 098119342A TW 98119342 A TW98119342 A TW 98119342A TW I511020 B TWI511020 B TW I511020B
- Authority
- TW
- Taiwan
- Prior art keywords
- content
- focus
- block
- display area
- screen
- Prior art date
Links
Description
本發明係有關於頁面縮放技術,尤其是有關於在行動裝置上縮放顯示文字的程式方法。
手持式裝置已普遍具備瀏覽網頁的功能。一般而言,網頁文件的內容包羅萬象,其排版方式以及頁面大小之變化往往超過單一螢幕所能顯示。因此網頁瀏覽界面例如微軟的,Opera公司的瀏覽器,蘋果(Apple)公司的瀏覽器等,皆提供縮放或捲頁等人機界面以方便使用者閱讀網頁文件。在蘋果公司的產品上已存在一種多點觸控(Multi Touch)的技術,可同時偵測螢幕上多個碰觸點,並根據這些碰觸點的特定的移動行為來控制瀏覽器的特效,包含放大、縮小、上下左右捲動、畫面旋轉等。然而在畫面放大的過程中,顯示在畫面上的字體雖然變大了,但是所能顯示的字數卻變少了。原本關注的特定文字可能隨著放大而被擠出螢幕的可見範圍之外。除此之外,一般文字是左往右橫向排列,而使用者的閱讀習慣是由逐行往下閱讀。單行文字被放大後超出橫向畫面的部份必須以橫向捲軸來移動尋找。為了閱讀單一整行已放大的文字,必須不斷的往右捲動畫面,而同一時間上下相鄰行的文字因為前後文接不上而無法同時未被讀取。如此一來,對使用者而言,單一畫面顯示的文字在同一時間內只有一行是有意義的,缺代整體的效率性與方便性。
有鑑於此,一種可改善閱讀效果的人機界面是有待開發的。
本發明提出一種頁面顯示方法,可應用在具有一螢幕的電子裝置上,用以顯示一文字區塊。首先接收一縮放指令,接著根據該縮放指令決定該內容區塊中之一焦點內容,並對該內容區塊中的內容進行縮放。最後排列該內容區塊中經縮放後的內容,使該內容區塊之寬度不超出該螢幕之一顯示區域之寬度,並從內容經縮放後的該內容區塊中,根據該焦點內容之位置決定該內容區塊被顯示在該顯示區域上之部分。
本發明另一實施例是上述方法所應用的電子裝置,包含一螢幕以及一人機界面。螢幕顯示一文字區塊。人機界面接收一縮放指令。該縮放指令決定該內容區塊中之一焦點內容,並對該內容區塊中的內容進行縮放。該人機界面排列該內容區塊中經縮放後的內容,使該內容區塊之寬度不超出該螢幕之一顯示區域之寬度,並根據該焦點內容經縮放與排列後之位置,決定該內容區塊被在該顯示區域之部分。
本發明另一實施例是一種程式產品,應用於包含上述螢幕之裝置,以顯示一文字區塊。其中該程式產品可以是上述人機界面中的軟體部份,被執行時接收一縮放指令以決定該內容區塊中之一焦點內容,並對該內容區塊中的內容進行縮放。該程式產品排列該內容區塊中經縮放後的內容,使該內容區塊之寬度不超出該螢幕之一顯示區域之寬度,並根據該焦點內容經縮放與排列後之位置,決定該內容區塊被在該顯示區域之部分。
第1圖係為一電子裝置100包含一螢幕120之實施例。該電子裝置100可以是手機,個人數位助理,可攜式多媒體播放機,甚或是任何可用來瀏覽各式網頁和文件的電腦產品。該螢幕120是主要的顯示設備,對應一顯示區域110。在第1圖中,該顯示區域110的長寬可能小於等於該螢幕120的長寬,在本發明實施例中大部份情況可視為相同。該螢幕120可搭配鍵盤、滑鼠(未圖示)提供使用者互動功能。在本實施例中,該螢幕120可以是一多點觸控式的顯示器。使用者可同時在該螢幕120上接觸多個點,並以特定的移動方式來直接觸發特定的功能。舉例來說,接觸點102a和接觸點102b代表該螢幕120上被使用者同時碰觸的兩個點,其中該接觸點102a往箭頭方向104a拖曳,而接觸點102b往箭頭方向104b拖曳。藉此該電子裝置100可將此行為解釋為一種「放大」(Zoom In)的指令。其他各種功能例如縮小(Zoom Out),上下左右捲頁(Scrolling),翻轉畫面,選取文字等,都屬於多點觸控可應用的範圍。在本例中文字106是顯示於接觸點102a和接觸點102b中間的焦點內容(如文字或圖示),該焦點內容(即文字106)的座標可被利用來處理進一步可能的狀況,實例於後詳述。
第2圖係為一網頁文件200被顯示在一顯示區域110上之實施例。一傳統的網頁文件200可能是很多個不同內容區塊的排列組合,以本例來說,網頁文件200中的內容區塊主要包含了圖片區塊210和文字區塊220兩種。第2圖的網頁文件200顯示了一個圖片區塊210和一個文字區塊220,以及與第1圖之顯示區域110的相對映射關係。在本發明實施例中,該顯示區域110就是指第1圖中螢幕120所提供的可視範圍。由於網頁文件200的長寬皆大於顯示區域110,所以只有一部份可映射至該顯示區域110的範圍中而被顯示在螢幕120上,而其他部份則是沒有顯示出來的。因此使用者必須透過上下左右捲動搭配縮小放大功能才能完整的閱讀該網頁文件200中每一個角落。該文字區塊220之內容主要是文字,也可能是符號圖示(icon)。符號圖示一般而言是指大小與文字相近之小圖案,可隨著文字一起被排版,用來突顯網頁效果。每個文字具有既定的大小,由左向右橫向排列,由上到下形成多個橫行。舉例來說,該文字區塊220橫向可顯示Wx個字,縱向可顯示Wy行。其中文字202表示位於顯示區域110中的一文字,而文字204表示不在顯示區域110範圍中的一文字。以下的說明皆以文字區塊為例,但本發明並不僅能被用於顯示文字區塊。
第3a圖係為一文字區塊320被顯示在顯示區域110上之實施例。為了提供方便的瀏覽機制,本發明實施例顯示文字區塊320時,對比於顯示第2圖所示之文字區塊220,會將文字區塊320的寬度限定在不大於顯示區域110寬度之範圍。文字區塊320中的文字會透過自動換行的機制重新排列,因此不會有任何文字超出顯示區域110的寬度,避免了大量橫向捲動的缺點。因為文字具有逐行閱讀的特性,本實施例尤其適合處理文字頁面。然而必要時本發明也可應用於圖形頁面,技術上並無限定。舉例來說,第3a圖中的文字區塊320寬度與顯示區域110的寬度一致,其中裝滿了某一字級大小的文字,因此每一橫行可容納Wx個字,而文字區塊320的高度視字數和字級大小而定,舉例來說有H畫素。該顯示區域110有如一個在文字區塊320上縱向平移的視窗,所到之處的內容即被映射在實體的螢幕120上。為了說明顯示區域110的相對位置,第3a圖的顯示區域110以一橫向中軸112代表中心位置,將該顯示區域110等分為上下兩半。由第3a圖可知,該橫向中軸112的位置係座落於該文字區塊320的縱座標Y之處。
當該螢幕120被碰觸時,可能感應到接觸點302a和接觸點302b兩個接觸點。通常使用者直覺地會去碰觸眼裏所關注的焦點文字。這種操作習慣可以加以利用。舉例來說,以使用者的角度來說,該使用者關注的焦點文字306會位於該接觸點302a和接觸點302b的中間,因此,電子裝置100可先定義出位於接觸點302a和接觸點302b的中間的一焦點座標,再透過該焦點座標即可判斷出使用者所關注的焦點文字306為何。其中焦點座標及焦點文字306之間的對應關係可經過顯示區域110和文字區塊320之間一些既有的映射技術來推知。舉例來說,一般習知的系統核心中會使用編碼樹(render tree)來安排文字306在顯示區域110中的位置關係。在本實施例中的文字306,是位於縱座標y的地方。推斷出關注焦點文字306的位置,有助於進一步決定顯示區域110需顯示文字區塊320之部分。
在本實施例中,如果該接觸點302a往箭頭方向304a移動,而接觸點302b往箭頭方向304b移動,即代表放大文字區塊320之內容之一放大指令。相對的,如果接觸點302a和接觸點302b兩者往彼此方向靠近,則代表縮小文字區塊320之內容之一縮小指令。不論是放大內容或是縮小內容,縮放率皆可由接觸點302a和接觸點302b的移動距離來決定。然而更進一步地說,其他決定縮放率的機制也適用於本發明實施例,例如筆勢軌跡312。電子裝置100可判斷該筆勢軌跡312的形狀以執行各種事先定義好的功能。舉例來說,如果該筆勢軌跡312大致上近似一圓圈,則該電子裝置100判斷其軌跡方向為順時針或逆時針,藉此決定縮小或放大功能。而圓心314之位置,可進一步被偵測出來做為選取焦點座標的依據。
該電子裝置100可能包含按鈕(未圖示),或是在顯示區域110中實作一條縮放桿(未圖示)。然而若不是使用多點觸控機制來進行縮放,關注焦點的文字306可能需要透過其他的機制來決定,例如使用者手動選取,或是自動取得顯示區域110的中心座標C作為焦點座標,再經由中心座標C取得焦點文字306。
第3b~3d圖係為文字區塊320之內容經縮放後成為文字區塊330之實施例。在本發明實施例中,已將文字區塊320的寬度限制為不大於顯示區域110。當文字區塊320之內容被放大而成為第3b圖中的文字區塊330時,文字區塊330寬度依然保持在不大於顯示區域110的位準,但文字區塊330中字體的大小則以隨著縮放率而被放大,因此每一橫行能容納的字數減為Wx’。此時文字區塊330中的文字必需被重新排版,例如每一行中超過第Wx’字之文字就自動換行而顯示在下一行。由此可知該文字區塊330雖然寬度維持不變,但是整體高度H’卻會隨著縮放率而被拉長。也就是說,第3b圖所示之高度H’會較第3a圖所示之高度H為長。另一方面來說,若是文字區塊320被縮小,處理的方式亦是類似,在寬度保持不變的前提下,每行字數增加,而文字區塊總長度隨著行數變少而減短。
第3a圖中原本出現的文字306,在文字區塊330中經過了放大以及重新排版後變成了放大後的文字306’,出現在文字區塊330之縱座標Y’的位置。由於文字區塊330的長度超過顯示區域110的長度,該顯示區域110只能顯示該文字區塊330的其中一部份。因此第3b圖說明了如何決定文字區塊330顯示於顯示區域110中的部分。如前述,該文字306’被認定為使用者關注的重點,因此在文字區塊320被放大為文字區塊330後,仍然希望該文字306’出現在顯示區域110中。因此在第3b圖中,顯示區域110基本上可根據該文字306’的縱座標Y’而決定其位置,使該顯示區域110能顯示該文字306’。更具體的說,本發明實施例將橫向中軸112的縱座標y’指派為與文字306’的縱座標Y’相等,使得顯示區域110顯示在螢幕120上的時候,該文字306’是位於該橫向中軸112上。但在另一實施例中,該文字306’未必一定要安排在橫向中軸112上。為了更方便閱讀後續文字,也可以將文字306’安排在顯示區域110的中間偏上,或是顯示區域110的第一行。橫向中軸112的縱座標y’的安排方式完全可依據文字306’的縱座標Y’來決定。
在一些特別的例子中,文字306’的位置可能無法完全適用於第3b圖中對齊橫向中軸112的做法,因此需要另外考慮。舉例來說,在第3c圖中,文字區塊340係為內容已被放大(或縮小)後的文字區塊,而顯示區域110的高度為h。假設本例中的文字306’經過自動換行之重新排版後出現在縱座標y’之處,其中y’的值小於h/2。也因為y’小於h/2,即使顯示區域110已經移到文字區塊340的最頂點,仍然無法將文字306’安排在縱座標為h/2的橫向中軸112上。此時則不需勉強,只需將顯示區域110對齊該文字區塊340的頂端即可。
第3d圖是另一個特例。文字區塊350係為內容已被放大(或縮小)後的文字區塊,其高度為H’。假設本例中的文字306’出現在非常接近文字區塊350底部之處,文字306’的縱座標是y’,即文字306’出現在橫向中軸112和文字區塊350的底部之間,H-y’<h/2。換言之,即使顯示區域110已經移到文字區塊350的最底部,仍然無法將文字306’安排在縱座標為(H-h/2)的橫向中軸112上。此時只需將顯示區域110對齊該文字區塊350的底部即可。
第4a圖係為本發明實施例之頁面顯示方法之流程圖。上述實施例可以整理為下列步驟。首先在步驟401中啟動第1圖的電子裝置100。在步驟403中,透過觸控螢幕120接收一個縮放指令。在步驟405中根據接收的縮放指令決定一焦點座標,並決定該焦點座標所對應之一焦點內容106(如文字或圖示)。舉例而言,若該觸控螢幕120是多點觸控螢幕,該縮放指令為接觸點102a和接觸點102b之間的距離變化,則該焦點座標可以是位於接觸點102a和接觸點102b中間的座標。該縮放指令亦可以是觸控螢幕120上所形成之筆勢(gesture)軌跡312,而該筆勢軌跡312經過辨認可能近似於一圓形而具有一圓心座標314。故該圓心座標314即可用來作為該焦點座標。關於筆勢軌跡辨認,現今已存在有許多技術,在此不詳細討論,但是本發明實施例不同處在於,可進一步利用辨認而得的圓心座標來當做焦點座標。取得焦點座標後,可進一步取得其所對應之焦點內容106以做為進一步調整顯示區域110之位置的參考。舉例而言,藉由系統核心的編碼樹或其他映射機制,可查得焦點座標所對應之焦點內容106。在步驟407中,根據步驟403所接收的縮放指令,調整內容區塊320中內容的大小並將該些內容重新排版,以產生一內容區塊330,此排版動作使內容區塊330之寬度不大於顯示區域110之寬度。其中原本內容區塊320中的焦點內容106,經縮放及排版後成為內容區塊330中縮放後的焦點內容306’。在步驟409中,找出該焦點內容306’在該文字區塊330中的縱座標y’。在步驟411中,根據該焦點內容306’的縱座標y’,決定顯示區域110的位置,而最重要目的之一是將焦點內容306’涵蓋在顯示區域110的顯示範圍內。
第4b圖係為本發明實施例之選擇顯示區域110之流程圖。步驟411的實際做法可以歸納為下列步驟。在步驟423中,判斷焦點內容306’的縱座標y’是否小於h/2。其中h是顯示區域110的高度。如果是的話,表示焦點內容306’位置非常接近內容區塊330頂端。於是進行步驟425,直接將橫向中軸112放在縱座標h/2處,使顯示區域110對齊內容區塊330的頂端,如此可使內容306’保持在顯示區域110的範圍內。另一方面,步驟427檢查H’-y’是否小於h/2,其中H’是內容區塊330的高度。如果是,表示焦點內容306’位置非常接近內容區塊330的底端,於是進行步驟429,直接將顯示區域110的橫向中軸112放在縱座標H’-h/2處,使顯示區域110直接對齊內容區塊330的底部,如此可確保焦點內容306’出現在顯示區域110的範圍內。另一方面,如果步驟423和427皆不符合,則進行步驟431。在步驟431中,將橫向中軸112的縱座標指派為焦點內容306’的縱座標y’,藉此焦點內容306’即會出現在顯示區域110範圍的中間行。
本發明的應用裝置可以是任何具有人機界面的網頁文件顯示裝置,例如手機,個人數位助理,電腦,或文字處理器。第4a圖和第4b圖的方法步驟適用於放大頁面,也適用於縮小頁面。這些方法可以實作於裝置裏的作業系統或應用軟體中,搭配硬體上的輸出輸入界面例如多點觸控螢幕,觸控螢幕,按鈕,滾輪或鍵盤等整合成一人機界面。本發明也可以是一種程式產品,安裝於任何現有硬體中而產生功效。
雖然本發明以較佳實施例說明如上,但可以理解的是本發明的範圍未必如此限定。相對的,任何基於相同精神或對本發明所屬技術領域中具有通常知識者為顯而易見的改良皆在本發明涵蓋範圍內。因此專利要求範圍必須以最廣義的方式解讀。
100...電子裝置
102a,102b...接觸點
104a,104b...箭頭方向
106...內容
110...顯示區域
112...橫向中軸
120...觸控螢幕
200...網頁文件
202,204...文字
210...圖片
220,320,330,340,350...內容區塊
302a,302b...接觸點
306,306’...文字
304a,304b...箭頭方向
312...筆勢軌跡
314...圓心
第1圖係為一電子裝置100包含一觸控螢幕120之實施例;
第2圖係為一網頁文件200被顯示在一顯示區域110上之實施例;
第3a圖係為一內容區塊320被縮放之實施例;
第3b~3d圖係為縮放內容區塊320成為內容區塊330之實施例;
第4a圖係為本發明實施例之頁面顯示方法之流程圖;以及
第4b圖係為本發明實施例之選擇顯示區域110之流程圖。
100...電子裝置
102a,102b...接觸點
104a,104b...箭頭方向
106...文字
110...顯示區域
120...螢幕
Claims (39)
- 一種頁面顯示方法,用以在一螢幕上顯示一內容區塊,包含:接收一縮放指令;根據該縮放指令決定該內容區塊中之一焦點內容,並對該內容區塊中的內容進行縮放;透過自動換行的機制排列該內容區塊中經縮放後的內容,使該內容區塊之寬度相同於該螢幕之一顯示區域之寬度;以及從內容經縮放後的該內容區塊中,根據該焦點內容之位置,決定該內容區塊被顯示在該顯示區域上之部分。
- 如申請專利範圍第1項所述之頁面顯示方法,其中該內容區塊被顯示在該顯示區域之部分,係根據該焦點內容之縱軸座標而決定。
- 如申請專利範圍第2項所述之頁面顯示方法,其中決定該內容區塊被顯示在該顯示區域上之部分之步驟,包含將該該焦點內容顯示在該顯示區域的中線上。
- 如申請專利範圍第3項所述之頁面顯示方法,其中決定該內容區塊被顯示在該顯示區域上之部分之步驟,包含當該焦點內容的縱座標小於該顯示區域的縱向長度之一半時,該顯示區域顯示該內容區塊的頂端部分。
- 如申請專利範圍第3項所述之頁面顯示方法,其 中決定該顯示區域顯示該內容區塊之部分包含當該焦點內容的縱座標與該內容區塊底部之距離小於該顯示區域的縱向長度之一半時,該顯示區域顯示該內容區塊的底端部分。
- 如申請專利範圍第1項所述之頁面顯示方法,其中:該螢幕係為一多點觸控螢幕;以及該縮放指令係經由該多點觸控螢幕所接收之一多點觸控筆勢(gesture)。
- 如申請專利範圍第6項所述之頁面顯示方法,其中該多點觸控筆勢包含該多點觸控螢幕上至少二個接觸點間距離之變化。
- 如申請專利範圍第7項所述之頁面顯示方法,其中該縮放指令之一縮放率係正比於該至少兩個接觸點之間距離的改變量。
- 如申請專利範圍第7項所述之頁面顯示方法,其中根據該縮放指令決定該內容區塊中之一焦點內容包含:於該至少二個接觸點之中間決定一焦點座標;根據該內容區塊縮放前的內容與該焦點座標的一映射關係將該焦點座標所對應的內容判定為該焦點內容。
- 如申請專利範圍第1項所述之頁面顯示方法,其中:該螢幕係為一觸控螢幕;以及 該縮放指令係於該觸控螢幕上所形成之一觸控筆勢軌跡。
- 如申請專利範圍第10項所述之頁面顯示方法,接收該縮放指令的步驟包含,將該觸控筆勢軌跡辨識為一圓形軌跡,並辨識該圓形軌跡之圓心座標。
- 如申請專利範圍第11項所述之頁面顯示方法,其中根據該縮放指令決定該內容區塊中之一焦點內容包含:根據該圓心座標決定一焦點座標;以及根據內容經縮放前的該內容區塊與該焦點座標的一映射關係決定該焦點座標所對應的內容為該焦點內容。
- 如申請專利範圍第1項所述之頁面顯示方法,其中該內容區塊中的內容包含文字及圖示至少其中之一。
- 一種電子裝置,包含:一螢幕,用以顯示一內容區塊之一部分;以及一人機界面,用以接收一縮放指令,該縮放指令決定該內容區塊中之一焦點內容,並對該內容區塊中的內容進行縮放;其中該人機界面透過自動換行的機制排列該內容區塊中經縮放後的內容,使該內容區塊之寬度相同於該螢幕之一顯示區域之寬度,並根據該焦點內容經縮放與排列後之位置,決定該內容區塊被在該顯示區域之部分。
- 如申請專利範圍第14項所述之電子裝置,其中該內容區塊被顯示在該顯示區域之部分,係根據該焦點內容 之縱軸座標而決定。
- 如申請專利範圍第14項所述之電子裝置,其中該人機界面在顯示該內容區塊時,將該焦點內容顯示在該顯示區域之中線上。
- 如申請專利範圍第16項所述之電子裝置,其中該人機界面判斷如果該焦點內容的縱座標小於該顯示區域的縱向長度之一半時,則使該顯示區域顯示該內容區塊的頂端部分。
- 如申請專利範圍第17項所述之電子裝置,其中該人機界面判斷如果該焦點內容的縱座標與該內容區塊底部之距離小於該顯示區域的縱向長度之一半時,則使該顯示區域顯示該內容區塊的底端部分。
- 如申請專利範圍第17項所述之電子裝置,其中:該螢幕係為一多點觸控螢幕;以及該縮放指令係經由該多點觸控螢幕所接收之一多點觸控筆勢(gesture)。
- 如申請專利範圍第19項所述之電子裝置,其中該多點觸控筆勢包含該多點觸控螢幕上至少二個接觸點間距離之變化。
- 如申請專利範圍第20項所述之電子裝置,其中該縮放指令之一縮放率係正比於該至少兩個接觸點之間距離的改變量。
- 如申請專利範圍第21項所述之電子裝置,其中:該螢幕接收該縮放指令時,該人機界面於該至少二個接觸點之中間決定一焦點座標;以及該人機界面根據該內容區塊縮放前的內容與該焦點座標的一映射關係,將該焦點座標所對應的內容判定為該焦點內容。
- 如申請專利範圍第14項所述之電子裝置,其中:該螢幕係為一觸控螢幕;以及該縮放指令係於該觸控螢幕上所形成之一觸控筆勢軌跡。
- 如申請專利範圍第23項所述之電子裝置,其中該螢幕接收該縮放指令時,該人機界面將該觸控筆勢軌跡辨識為一圓形軌跡,並辨識該圓形軌跡之圓心座標。
- 如申請專利範圍第24項所述之電子裝置,其中:該人機界面根據該圓心座標決定一焦點座標;以及該人機界面根據該內容區塊縮放前的內容與該焦點座標的一映射關係,將該焦點座標所對應的內容判定為該焦點內容。
- 如申請專利範圍第14項所述之電子裝置,其中該內容區塊中的內容包含文字及符號圖示至少其中之一。
- 一種電腦程式產品,應用於包含一螢幕之裝置,以顯示一內容區塊;其中: 該程式產品被執行時接收一縮放指令以決定該內容區塊中之一焦點內容,並決定相應於該焦點內容之一文字區塊中的文字縮放率;以及該程式產品透過自動換行的機制排列該內容區塊中經縮放後的內容,使該內容區塊之寬度相同於該螢幕之一顯示區域之寬度,並根據該焦點內容經縮放與排列後之位置,決定該內容區塊被在該顯示區域之部分。
- 如申請專利範圍第27項所述之電腦程式產品,其中該內容區塊被顯示在該顯示區域之部分,係根據該焦點內容之縱軸座標而決定。
- 如申請專利範圍第28項所述之電腦程式產品,其中在該內容區塊藉由一人機界面顯示時,將該焦點內容顯示在該顯示區域之中線上。
- 如申請專利範圍第29項所述之電腦程式產品,其中該程式產品判斷如果該焦點內容的縱座標小於該顯示區域的縱向長度之一半時,則使該顯示區域顯示該內容區塊的頂端部分。
- 如申請專利範圍第29項所述之電腦程式產品,其中該程式產品判斷如果該焦點內容的縱座標與該內容區塊底部之距離小於該顯示區域的縱向長度之一半時,則使該顯示區域顯示該內容區塊的底端部分。
- 如申請專利範圍第29項所述之電腦程式產品,其 中:該螢幕係為一多點觸控螢幕;以及該縮放指令係經由該多點觸控螢幕所接收之一多點觸控筆勢(gesture)。
- 如申請專利範圍第32項所述之電腦程式產品,其中該多點觸控筆勢包含該多點觸控螢幕上至少二個接觸點間距離之變化。
- 如申請專利範圍第33項所述之電腦程式產品,其中該縮放指令之一縮放率係正比於該至少兩個接觸點之間距離的改變量。
- 如申請專利範圍第34項所述之電腦程式產品,其中:該螢幕接收該縮放指令時,該程式產品根據該至少二個接觸點之中間決定一焦點座標;以及該程式產品根據該內容區塊縮放前的內容與該焦點座標的一映射關係,將該焦點座標所對應的內容判定為該焦點內容。
- 如申請專利範圍第27項所述之電腦程式產品,其中:該螢幕係為一觸控螢幕;以及該縮放指令係於該觸控螢幕上所形成之一觸控筆勢軌跡。
- 如申請專利範圍第36項所述之電腦程式產品,其中該螢幕接收該縮放指令時,該程式產品將該觸控筆勢軌跡辨識為一圓形軌跡,並辨識該圓形軌跡之圓心座標。
- 如申請專利範圍第37項所述之電腦程式產品,其中:該程式產品根據該圓心座標決定一焦點座標;以及該程式產品根據該內容區塊縮放前的內容與該焦點座標的一映射關係,將該焦點座標所對應的內容判定為該焦點內容。
- 如申請專利範圍第27項所述之電腦程式產品,其中該內容區塊中的內容包含文字及符號圖示至少其中之一。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW098119342A TWI511020B (zh) | 2009-06-10 | 2009-06-10 | 頁面顯示方法,電子裝置,程式產品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW098119342A TWI511020B (zh) | 2009-06-10 | 2009-06-10 | 頁面顯示方法,電子裝置,程式產品 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201044252A TW201044252A (en) | 2010-12-16 |
TWI511020B true TWI511020B (zh) | 2015-12-01 |
Family
ID=45001279
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW098119342A TWI511020B (zh) | 2009-06-10 | 2009-06-10 | 頁面顯示方法,電子裝置,程式產品 |
Country Status (1)
Country | Link |
---|---|
TW (1) | TWI511020B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108376161A (zh) * | 2018-02-13 | 2018-08-07 | 广东欧珀移动通信有限公司 | 显示网页的方法、装置、终端及存储介质 |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9671951B2 (en) | 2012-10-09 | 2017-06-06 | Htc Corporation | Method for zooming screen and electronic apparatus and computer readable medium using the same |
TWI478044B (zh) * | 2012-12-19 | 2015-03-21 | Inventec Corp | 具導覽功能的顯示系統及其顯示方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5590219A (en) * | 1993-09-30 | 1996-12-31 | Apple Computer, Inc. | Method and apparatus for recognizing gestures on a computer system |
US5612719A (en) * | 1992-12-03 | 1997-03-18 | Apple Computer, Inc. | Gesture sensitive buttons for graphical user interfaces |
TWM347623U (en) * | 2007-01-05 | 2008-12-21 | Apple Inc | Handheld mobile communication device |
TW200915147A (en) * | 2007-09-21 | 2009-04-01 | Hon Hai Prec Ind Co Ltd | Image display method and touch screen apparatus using the same |
TW200923758A (en) * | 2007-11-27 | 2009-06-01 | Wistron Corp | A key-in method and a content display method of an electronic device, and the application thereof |
-
2009
- 2009-06-10 TW TW098119342A patent/TWI511020B/zh not_active IP Right Cessation
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5612719A (en) * | 1992-12-03 | 1997-03-18 | Apple Computer, Inc. | Gesture sensitive buttons for graphical user interfaces |
US5590219A (en) * | 1993-09-30 | 1996-12-31 | Apple Computer, Inc. | Method and apparatus for recognizing gestures on a computer system |
TWM347623U (en) * | 2007-01-05 | 2008-12-21 | Apple Inc | Handheld mobile communication device |
TW200915147A (en) * | 2007-09-21 | 2009-04-01 | Hon Hai Prec Ind Co Ltd | Image display method and touch screen apparatus using the same |
TW200923758A (en) * | 2007-11-27 | 2009-06-01 | Wistron Corp | A key-in method and a content display method of an electronic device, and the application thereof |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108376161A (zh) * | 2018-02-13 | 2018-08-07 | 广东欧珀移动通信有限公司 | 显示网页的方法、装置、终端及存储介质 |
CN108376161B (zh) * | 2018-02-13 | 2020-08-18 | Oppo广东移动通信有限公司 | 显示网页的方法、装置、终端及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
TW201044252A (en) | 2010-12-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10444961B2 (en) | Hover-based interaction with rendered content | |
US10055090B2 (en) | Constraining display motion in display navigation | |
JP5229084B2 (ja) | 表示制御装置、表示制御方法およびコンピュータプログラム | |
CN107015751B (zh) | 文档中的对象和文本的最佳显示和缩放 | |
US20150378580A1 (en) | Interaction in chain visualization | |
US20110141144A1 (en) | Content display magnification changing method and content display magnification changing program | |
WO2013044735A1 (zh) | 一种浏览器及浏览网页的方法 | |
KR20160094442A (ko) | 플로팅 터치에 기초한 클릭 객체 확대 방법 및 장치 | |
CN101923422A (zh) | 页面显示方法、电子装置、程序产品 | |
JP2012008686A (ja) | 情報処理装置および方法、並びにプログラム | |
TWI511020B (zh) | 頁面顯示方法,電子裝置,程式產品 | |
JP6027373B2 (ja) | 情報処理プログラム、表示制御装置、表示制御システム及び表示方法 | |
US20070006086A1 (en) | Method of browsing application views, electronic device, graphical user interface and computer program product | |
KR101294458B1 (ko) | 모바일 디바이스에서의 텍스트 입력장치 및 그 방법 | |
KR101475021B1 (ko) | 터치스크린을 구비한 단말 및 그 터치스크린 조작방법 | |
WO2013046512A1 (ja) | 情報処理端末 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
MM4A | Annulment or lapse of patent due to non-payment of fees |