TW201608462A - 一種控制一視窗區域的一內容之方法 - Google Patents
一種控制一視窗區域的一內容之方法 Download PDFInfo
- Publication number
- TW201608462A TW201608462A TW103129294A TW103129294A TW201608462A TW 201608462 A TW201608462 A TW 201608462A TW 103129294 A TW103129294 A TW 103129294A TW 103129294 A TW103129294 A TW 103129294A TW 201608462 A TW201608462 A TW 201608462A
- Authority
- TW
- Taiwan
- Prior art keywords
- content
- transformation
- region
- corner
- window region
- Prior art date
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
Abstract
一種控制一視窗區域的一內容之方法,該方法包含:取得一變換該內容之輸入;變換該內容,依需要使用縮放和平移,以致於變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。
Description
本發明係關於一種控制一視窗區域的一內容之方法;其中一種應用為,在觸控螢幕上控制其顯示內容之方法。
為了便於理解本發明之說明,本發明提到的視窗區域為用以顯示一內容的一區域,例如螢幕或電腦作業系統中的視窗。因為內容的大小經常會超過視窗區域,且只有視窗區域內的內容能被看見,故本發明提到的內容之可見區域,即為內容和視窗區域交集之區域。當內容的大小超過視窗區域時,通常透過如平移、縮放等方式變換該內容,以調整該內容之可見區域,來看到該內容的其他部分。
本發明欲解決之問題為,用現有之控制一視窗區域的一內容之方法,來在視窗區域內盡可能放大該內容的一部分區域時,操作十分繁雜或困難。
首先舉例說明在視窗區域內盡可能放大一內容的一部分區域之需求。現在如智慧型手機和平板電腦等行動裝置,因為攜帶方便,經常被用來在外出時瀏覽網頁。而行動裝置的螢幕,比傳統桌上型和筆記型電腦的螢幕要小得多,以至於網頁上的文字也小得多,閱讀較困難。因為
現在網路上大部分網頁的設計,主要的內容佔中間較大部分區域,而左右區域通常是次要的網站功能和廣告,所以為了更容易地閱讀主要內容的文字,可以忽略左右區域,在視窗區域內盡可能放大中間的主要內容區域。
要在視窗區域內盡可能放大主要內容區域,必須讓放大後網
頁之可見區域的左邊邊界碰到主要內容區域的左邊邊界,同時也讓放大後網頁之可見區域的右邊邊界碰到主要內容區域的右邊邊界。現有控制一視窗區域的一內容之方法在縮放該內容時,以固定住該內容之可見區域的中心來縮放,導致該內容之可見區域的左右邊界會同時改變。除非主要內容區域的中心剛好也位於該內容之可見區域的中心,現有的控制方法無法讓放大後網頁之可見區域的左右邊界,同時分別碰到主要內容區域的左右邊界。必須重複平移後再縮放的操作,調整主要內容區域的中心到該內容之可見區域的中心,再試著讓左右邊界同時分別對齊,操作十分繁雜。
雙指縮放是另一個在行動裝置上常見的控制一視窗區域的
一內容之方法。操作時,除了雙指開合可以縮放該內容以外,雙指一起平移還能同時平移該內容,所以理論上一次操作就可以讓主要內容區域的左右邊界,放大後同時分別碰到網頁之可見區域的左右邊界。但實際操作時,因為要同時縮放、平移和觀察左右邊界,操作十分困難。
因為先前技術的兩個方案各有其缺點,都讓人不盡滿意,所以本發明採用的方法是,變換該內容時,依需要使用縮放和平移,以致於變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。如此便能以維持該內容之可見區域的一邊界為前提,放大該內容。
欲以本發明之方法在視窗區域內盡可能放大網頁中間的主
要內容區域時,首先以平移或本發明之方法,讓該網頁之可見區域的左邊邊界碰到主要內容區域的左邊邊界。接著用變換後該網頁之可見區域的左邊邊界,碰到變換前該網頁之可見區域的左邊邊界之方法,也就是以維持已對齊好之主要內容區域的左邊邊界為前提,放大該網頁,直到該網頁之可見區域的右邊邊界碰到主要內容區域的右邊邊界。
相對於先前技術的第一個方案,本發明只需兩次操作即可讓
放大後網頁之可見區域的左右邊界,同時分別碰到主要內容區域的左右邊界,而無須重複平移後再縮放。
相對於先前技術的第二個方案,本發明無須同時縮放、平移
和觀察左右邊界,操作較容易。
使用本發明之方法時,如果變換後該內容之可見區域的正好
一角落,和變換前該內容之可見區域的一角落重疊,可進一步加強本發明之方法,使後續變換維持該內容看起來被固定於該重疊之角落。
加強後之方法可應用於,在視窗區域內盡可能放大網頁上的
一圖片。首先以平移或本發明之方法,讓該網頁之可見區域的左上角落碰到該圖片的左上角落。接著用加強後之方法,固定該網頁於其可見區域的左上角落,也就是以維持已對齊好之該圖片的左邊和上邊邊界為前提,縮放該網頁,直到該網頁之可見區域的右邊或下邊邊界碰到該圖片的右邊或下邊邊界,即完成在視窗區域內盡可能放大該圖片的操作。
100‧‧‧電子裝置
101‧‧‧觸控螢幕
102a,102b,102c,102d‧‧‧位置
103‧‧‧內容
104‧‧‧變換前該內容之可見區域
105‧‧‧變換後該內容之可見區域
106‧‧‧橫條狀標記
107‧‧‧直條狀標記
圖1係依據本發明之一實施例之示意圖。
依據本發明之一實施例,一種控制一視窗區域的一內容之方法可藉由內建於裝置之積體電路晶片、儲存媒體所儲之韌體、作業系統、驅動程式、或應用程式來實施,惟本發明並不以此為限。
以下請參考圖1,係依據本發明之一實施例之示意圖。電子裝置100例如是一智慧型手機或平板電腦等具有觸控螢幕101之裝置,其觸控螢幕101為顯示一內容103之一視窗區域,亦可作為取得該內容內之一位置和該視窗區域內一第一位置的手段。電子裝置100的處理模組,可作為變換該內容的手段,依需要使用縮放和平移,以致於該內容內取得之該位置,變換後看起來在該視窗區域內的該第一位置,以及變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。另外觸控螢幕101,還可作為變換後該內容之可見區域,和變換前該內容之可見區域的相對關係,由視覺、聽覺、或觸覺方式表現的手段。
以下依常見的時間順序,逐一說明本發明之方法的步驟。首先是取得該內容內之一位置。圖1顯示觸控螢幕101上一位置102a,為一拖曳手勢之起點,該位置可轉換至該內容的座標系統,做為該內容內之一位置102a,也就是火柴人身體和手相接之處。
接著進行的步驟是取得該視窗區域內一第一位置。圖1顯示觸控螢幕101上一位置102b,為一拖曳手勢開始拖曳後之一位置,該位置可轉換至該視窗區域的座標系統,做為該視窗區域內一第一位置102b。
接著進行的步驟是,變換該內容,依需要使用縮放和平移,
以致於該內容內取得之該位置,變換後看起來在該視窗區域內的該第一位置,以及變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。圖1右上部分顯示,變換後該內容內取得之該位置102a,也就是火柴人身體和手相接之處,看起來在該視窗區域內的該第一位置102b。而變換後該內容之可見區域105的右邊和上邊邊界,也看得出有碰到變換前該內容之可見區域104的右邊和上邊邊界。
接著進行的步驟是,變換後該內容之可見區域,和變換前該
內容之可見區域的相對關係,由視覺、聽覺、或觸覺方式表現。觸控螢幕101在右邊和上邊邊緣,顯示一橫條狀標記106和一直條狀標記107,即透過視覺方式表現,變換後該內容之可見區域105的右邊和上邊邊界,碰到變換前該內容之可見區域104的右邊和上邊邊界。同時條狀標記位於觸控螢幕101的右上角落,也反映了變換後該內容之可見區域105位於變換前該內容之可見區域104的右上角落。最後,橫條狀標記106相對於觸控螢幕101的寬度,以及直條狀標記107相對於觸控螢幕101的高度,均為二分之一,即透過視覺方式表現,變換後該內容之可見區域105的寬度和高度,分別為變換前該內容之可見區域104的寬度和高度之二分之一。
因為變換後該內容之可見區域105的右上角落,和變換前該
內容之可見區域104的右上角落重疊,所以後續變換可能需維持該內容看起來被固定於該右上角落。假設接下來取得之該視窗區域內一第二位置為位置102c,因為從該右上角落到該視窗區域內的該第二位置102c之方向,和從該右上角落到該視窗區域內的該第一位置102b之方向,相差超過一小角度(建議值:5度),所以第二次變換該內容時,依需要使用縮放和平移,必
須使該內容內取得之該位置102a,第二次變換後看起來在該視窗區域內的該第二位置102c,以及第二次變換後該內容之可見區域的邊界,碰到第一次變換前該內容之可見區域的邊界。相差超過一小角度的情況,後續變換並不需維持該內容看起來被固定於該重疊之角落。
假設接下來取得之該視窗區域內一第二位置為位置102d,因為從該右上角落到該視窗區域內的該第二位置102d之方向,和從該右上角落到該視窗區域內的該第一位置102b之方向,相差不超過一小角度(建議值:5度),所以變換該內容時,依需要使用縮放和平移,必須使該內容在變換前後看起來被固定於該右上角落,且縮放該內容用的縮放因子為,從該右上角落到該視窗區域內的該第二位置102d之距離,除以從該右上角落到該視窗區域內的該第一位置102b之距離。
此處須注意的是,本發明之方法並不以上述之步驟次序為限,只要能達成本發明之目的,上述之步驟次序亦可加以改變。
綜上所陳,本發明無論就目的、手段及功效,在在均顯示其迥異於習知技術之特徵,懇請 貴審查委員明察,早日賜准專利,俾嘉惠社會,實感德便。惟應注意的是,上述諸多實施例係為了便於說明而舉例而已,本發明所主張之權力範圍自應以申請專利範圍所述為準,而非僅限於上述實施例。
100‧‧‧電子裝置
101‧‧‧觸控螢幕
102a,102b,102c,102d‧‧‧位置
103‧‧‧內容
104‧‧‧變換前該內容之可見區域
105‧‧‧變換後該內容之可見區域
106‧‧‧橫條狀標記
107‧‧‧直條狀標記
Claims (22)
- 一種控制一視窗區域的一內容之方法,該方法包含:取得一變換該內容之輸入;變換該內容,依需要使用縮放和平移,以致於變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。
- 如申請專利範圍第1項所述之方法,其中如果變換後該內容之可見區域的正好一角落,和變換前該內容之可見區域的一角落重疊,後續變換維持該內容看起來被固定於該重疊之角落。
- 一種控制一視窗區域的一內容之方法,該方法包含:取得該內容內之一位置;變換該內容,依需要使用縮放和平移,以致於該內容內取得之該位置,變換後看起來在該視窗區域的中心,以及變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。
- 如申請專利範圍第3項所述之方法,更包含:變換後,讓後續輸入能夠縮放該內容。
- 如申請專利範圍第4項所述之方法,其中以後續輸入縮放該內容包含:取得該視窗區域內一第一位置和一第二位置;縮放該內容用的縮放因子為,從該視窗區域的中心到該視窗區域內的該第二位置之距離,除以從該視窗區域的中心到該視窗區域內的該第一位置之距離。
- 一種控制一視窗區域的一內容之方法,該方法包含:取得該內容內之一位置和該視窗區域內一第一位置; 變換該內容,依需要使用縮放和平移,以致於該內容內取得之該位置,變換後看起來在該視窗區域內的該第一位置,以及變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。
- 如申請專利範圍第6項所述之方法,其中如果變換後該內容之可見區域的正好一角落,和變換前該內容之可見區域的一角落重疊,後續變換維持該內容看起來被固定於該重疊之角落。
- 如申請專利範圍第6項所述之方法,其中如果變換後該內容之可見區域的正好一角落,和變換前該內容之可見區域的一角落重疊,更包含:取得該視窗區域內一第二位置;如果從該重疊之角落到該視窗區域內的該第二位置之方向,和從該重疊之角落到該視窗區域內的該第一位置之方向,相差超過一小角度,第二次變換該內容,依需要使用縮放和平移,以致於該內容內取得之該位置,第二次變換後看起來在該視窗區域內的該第二位置,以及第二次變換後該內容之可見區域的邊界,碰到第一次變換前該內容之可見區域的邊界;如果從該重疊之角落到該視窗區域內的該第二位置之方向,和從該重疊之角落到該視窗區域內的該第一位置之方向,相差不超過一小角度,變換該內容,依需要使用縮放和平移,以致於該內容在變換前後看起來被固定於該重疊之角落。
- 如申請專利範圍第8項所述之方法,其中如果從該重疊之角落到該視窗區域內的該第二位置之方向,和從該重疊之角落到該視窗區域內的該第一位置之方向,相差不超過一小角度,縮放該內容用的縮放因子為,從該重疊之角落到該視窗區域內的該第二位置之距離,除以從該重疊之角落 到該視窗區域內的該第一位置之距離。
- 如申請專利範圍第1、2、3、4、5、6、7、8或9項所述之方法,其中變換後該內容之可見區域,和變換前該內容之可見區域的相對關係,由視覺、聽覺、或觸覺方式表現。
- 一種控制一視窗區域的一內容之裝置,該裝置包含:取得一變換該內容之輸入的手段;變換該內容的手段,依需要使用縮放和平移,以致於變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。
- 如申請專利範圍第11項所述之裝置,其中如果變換後該內容之可見區域的正好一角落,和變換前該內容之可見區域的一角落重疊,後續變換維持該內容看起來被固定於該重疊之角落。
- 一種控制一視窗區域的一內容之裝置,該裝置包含:取得該內容內之一位置的手段;變換該內容的手段,依需要使用縮放和平移,以致於該內容內取得之該位置,變換後看起來在該視窗區域的中心,以及變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。
- 如申請專利範圍第13項所述之裝置,更包含:變換後,讓後續輸入能夠縮放該內容的手段。
- 如申請專利範圍第14項所述之裝置,其中以後續輸入縮放該內容包含:取得該視窗區域內一第一位置和一第二位置的手段;縮放該內容的手段,縮放用的縮放因子為,從該視窗區域的中心到該視窗區域內的該第二位置之距離,除以從該視窗區域的中心到該視窗區域 內的該第一位置之距離。
- 一種控制一視窗區域的一內容之裝置,該裝置包含:取得該內容內之一位置和該視窗區域內一第一位置的手段;變換該內容的手段,依需要使用縮放和平移,以致於該內容內取得之該位置,變換後看起來在該視窗區域內的該第一位置,以及變換後該內容之可見區域的邊界,碰到變換前該內容之可見區域的邊界。
- 如申請專利範圍第16項所述之裝置,其中如果變換後該內容之可見區域的正好一角落,和變換前該內容之可見區域的一角落重疊,後續變換維持該內容看起來被固定於該重疊之角落。
- 如申請專利範圍第16項所述之裝置,其中如果變換後該內容之可見區域的正好一角落,和變換前該內容之可見區域的一角落重疊,更包含:取得該視窗區域內一第二位置的手段;如果從該重疊之角落到該視窗區域內的該第二位置之方向,和從該重疊之角落到該視窗區域內的該第一位置之方向,相差超過一小角度,第二次變換該內容的手段,依需要使用縮放和平移,以致於該內容內取得之該位置,第二次變換後看起來在該視窗區域內的該第二位置,以及第二次變換後該內容之可見區域的邊界,碰到第一次變換前該內容之可見區域的邊界;如果從該重疊之角落到該視窗區域內的該第二位置之方向,和從該重疊之角落到該視窗區域內的該第一位置之方向,相差不超過一小角度,變換該內容的手段,依需要使用縮放和平移,以致於該內容在變換前後看起來被固定於該重疊之角落。
- 如申請專利範圍第18項所述之裝置,其中如果從該重疊之角落到該視窗區域內的該第二位置之方向,和從該重疊之角落到該視窗區域內的該第一位置之方向,相差不超過一小角度,縮放該內容用的縮放因子為,從該重疊之角落到該視窗區域內的該第二位置之距離,除以從該重疊之角落到該視窗區域內的該第一位置之距離。
- 如申請專利範圍第11、12、13、14、15、16、17、18或19項所述之裝置,更包含:變換後該內容之可見區域,和變換前該內容之可見區域的相對關係,由視覺、聽覺、或觸覺方式表現的手段。
- 一種用於控制一視窗區域的一內容之電腦程式產品,當電腦載入該電腦程式並執行後,可完成如申請專利範圍第1項至第10項任一項所述之方法。
- 一種儲存媒體,用以儲存一電腦程式,當電腦載入該電腦程式並執行後,可完成如申請專利範圍第1項至第10項任一項所述之方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW103129294A TW201608462A (zh) | 2014-08-26 | 2014-08-26 | 一種控制一視窗區域的一內容之方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW103129294A TW201608462A (zh) | 2014-08-26 | 2014-08-26 | 一種控制一視窗區域的一內容之方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
TW201608462A true TW201608462A (zh) | 2016-03-01 |
Family
ID=56084786
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW103129294A TW201608462A (zh) | 2014-08-26 | 2014-08-26 | 一種控制一視窗區域的一內容之方法 |
Country Status (1)
Country | Link |
---|---|
TW (1) | TW201608462A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112684966A (zh) * | 2017-12-13 | 2021-04-20 | 创新先进技术有限公司 | 一种图片缩放方法、装置以及电子设备 |
-
2014
- 2014-08-26 TW TW103129294A patent/TW201608462A/zh unknown
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112684966A (zh) * | 2017-12-13 | 2021-04-20 | 创新先进技术有限公司 | 一种图片缩放方法、装置以及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9747010B2 (en) | Electronic content visual comparison apparatus and method | |
US20140298244A1 (en) | Portable device using touch pen and application control method using the same | |
CN102360264B (zh) | 便携式移动终端的触摸控制式浏览器 | |
US20150199125A1 (en) | Displaying an application image on two or more displays | |
US20140331171A1 (en) | Methods and apparatus for processing application windows | |
US20130067400A1 (en) | Pinch To Adjust | |
US10318605B2 (en) | Method and device for relocating input box to target position in mobile terminal browser, storage medium | |
JP2013196623A (ja) | ディスプレイ装置、ディスプレイシステム、およびディスプレイ制御方法、ならびにそのプログラム。 | |
US20140149945A1 (en) | Electronic device and method for zooming in image | |
JP6171643B2 (ja) | ジェスチャ入力装置 | |
JP6089793B2 (ja) | 文書情報に基づく手書き情報と文書の関連付け | |
CN103558954A (zh) | 一种触摸***及显示装置 | |
JP5815392B2 (ja) | 表示装置、表示装置の制御方法、制御プログラム、および記録媒体 | |
TWI490774B (zh) | 用於觸控裝置之瀏覽頁面鎖定縮放區域之控制方法 | |
WO2017059734A1 (zh) | 一种图片缩放方法及电子设备 | |
US20140101587A1 (en) | Information processing apparatus and method | |
CN104679433A (zh) | 一种实现电子书阅读的方法和电子书阅读装置 | |
US20150067483A1 (en) | Electronic device and method for displaying electronic document | |
EP3278203B1 (en) | Enhancement to text selection controls | |
US20150067546A1 (en) | Electronic apparatus, method and storage medium | |
CN103885709A (zh) | 用于便携式移动终端的网页缩放和浏览方法 | |
US20140359516A1 (en) | Sensing user input to change attributes of rendered content | |
EP3043251A1 (en) | Method of displaying content and electronic device implementing same | |
US20180173411A1 (en) | Display device, display method, and non-transitory computer readable recording medium | |
TWI543068B (zh) | 以單指操作行動裝置螢幕介面方法 |