TW201337713A - 電子裝置及其操作方法以及電腦可讀取儲存媒體 - Google Patents

電子裝置及其操作方法以及電腦可讀取儲存媒體 Download PDF

Info

Publication number
TW201337713A
TW201337713A TW102106311A TW102106311A TW201337713A TW 201337713 A TW201337713 A TW 201337713A TW 102106311 A TW102106311 A TW 102106311A TW 102106311 A TW102106311 A TW 102106311A TW 201337713 A TW201337713 A TW 201337713A
Authority
TW
Taiwan
Prior art keywords
items
list
item
touch screen
screen display
Prior art date
Application number
TW102106311A
Other languages
English (en)
Other versions
TWI476674B (zh
Inventor
David Brinda
Original Assignee
Htc Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Htc Corp filed Critical Htc Corp
Publication of TW201337713A publication Critical patent/TW201337713A/zh
Application granted granted Critical
Publication of TWI476674B publication Critical patent/TWI476674B/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一種電子裝置及其操作方法以及電腦可讀取儲存媒體。具有觸控式螢幕顯示器的電子裝置執行以下步驟：顯示在所述觸控式螢幕顯示器上的可滾動項目的清單；檢測在所述觸控式螢幕顯示器上或附近的物件的移動；當到達所述清單的邊緣，在第一方向上移動一或多個項目，以顯示一或多個間隙，其中每一間隙在所述相鄰項目之間，且無間隙形成於所述清單的所述邊緣之外；以及在第二方向上移動所述一或多個項目，直到不再顯示所述一或多個間隙為止。

Description

電子裝置及其操作方法以及電腦可讀取儲存媒體
本發明是有關於一種電子裝置及其操作方法以及電腦可讀取儲存媒體，且特別是有關於一種具有觸控式螢幕顯示器的電子裝置及其操作方法以及電腦可讀取儲存媒體。
隨著近年來資訊技術的快速進展，如手機、電腦和個人數位助理(PDA)的資訊產品極為常見。這些產品滿足人們的各種要求，且使人們變得越來越依賴於資訊產品。現今，資訊產品已變成人們生活的重要部分。
隨著電子技術和製造技術的持續發展，資訊產品的功能也在相應地變革。越來越多的電子裝置配備有觸控式螢幕，使得使用者可以通過觸控式螢幕來操作電子裝置。舉例來說，使用者可以通過用手指觸摸觸控式螢幕，來執行操作。
本發明提供一種用以移動清單的一或多個項目的電子裝置及其操作方法以及電腦可讀取儲存媒體。
具體來說，本發明提供一種包含以下步驟的方法，在具有觸控式螢幕顯示器的計算設備處執行所述步驟。在所述觸控式螢幕顯示器上顯示可滾動項目的清單。檢測在所述觸控式螢幕顯示器上或附近的物件的移動。當到達所述清單的邊緣，在第一方向上移動一或多個項目，以顯示一或多個間隙，其中每一間隙在相鄰項目之間，且無間隙形成於所述清單的所述邊緣之外。在第二方向上移動一或多個項目，直到不再顯示所述一或多個間隙為止。
另外，本發明提供一種裝置，所述裝置包含觸控式螢幕顯示器、一或多個處理器、記憶體以及一或多個程式。所述一或多個程式儲存於所述記憶體中，且經配置以通過所述一或多個處理器安裝及執行，且所述一或多個程式含用以執行以下步驟的多個指令。在所述觸控式螢幕顯示器上顯示可滾動項目的清單。檢測在所述觸控式螢幕顯示器上或附近的物件的移動。當在所述觸控式螢幕顯示器上或附近仍檢測到所述物件的所述移動，且到達所述清單的邊緣時，在第一方向上移動一或多個項目，以顯示一或多個間隙，其中每一間隙在相鄰項目之間，且無間隙形成於所述清單的所述邊緣之外。當檢測到所述物件的所述移動不再在所述觸控式螢幕顯示器上或附近，在第二方向上移動所述一或多個項目，直到不再顯示所述一或多個間隙為止。
本發明進一步提供一種裝置，所述裝置包含觸控式螢幕顯示器、一或多個處理器、記憶體以及一或多個程式。所述一或多個程式儲存於所述記憶體中，且經配置以通過所述一或多個處理器安裝及執行，且所述一或多個程式含用以執行以下步驟的多個指令。在所述觸控式螢幕顯示器上顯示可滾動項目的清單。當檢測到所述物件的移動，在第一方向上移動所述項目的所述清單。當到達所述清單的邊緣，在所述第一方向上移動一或多個項目，以顯示一或多個間隙，其中每一間隙在相鄰項目之間，且無間隙形成於所述清單的所述邊緣之外。在第二方向上移動所述一或多個項目，直到不再顯示所述一或多個間隙為止。
根據上文描述，根據所述物件的移動來移動所述項目，且在項目之間顯示間隙。接著，使所述所移動的項目返回到原始地點，且不顯示間隙。因此，當移動所述清單時，同時移動一或多個項目，而非立即移動所述整個清單。
為讓本發明的上述特徵和優點能更明顯易懂，下文特舉實施例，並配合所附圖式作詳細說明如下。
100‧‧‧電子裝置
110‧‧‧觸控式螢幕顯示器
120‧‧‧處理器
130‧‧‧記憶體
310、510、610、710、810、910、1010‧‧‧清單
1001‧‧‧位置
B‧‧‧邊緣
d1‧‧‧第一方向
d2‧‧‧在第二方向
g0~g5、1003‧‧‧間隙
A0~A6、I0~I9‧‧‧項目
P1、P2‧‧‧初始位置
H‧‧‧更新提示
S205~S220‧‧‧滾動清單的方法各步驟
圖1為根據本發明的實施例的電子裝置的方塊圖。
圖2為根據本發明的實施例的滾動清單的方法的流程圖。
圖3A~圖3E為說明根據本發明的實施例的移動項目的示意 圖。
圖4A~圖4D為說明根據本發明的實施例的移動項目的示意圖。
圖5A~圖5D為說明根據本發明的實施例的移動項目的示意圖。
圖6A~圖6F為說明根據本發明的實施例的移動項目的示意圖。
圖7A~圖7C為根據本發明的實施例的具有搜索列的清單的示意圖。
圖8A~圖8B為根據本發明的實施例的具有數位圖像的清單的示意圖。
圖9A~圖9E為說明根據本發明的實施例的移動項目的示意圖。
圖10A~圖10E為說明根據本發明的實施例的移動項目的示意圖。
圖1為根據本發明的實施例的電子裝置的方塊圖。參看圖1，電子裝置100包含觸控式螢幕顯示器110、處理器120和記憶體130。舉例來說，電子裝置100可為手機、智慧手機、個人電腦、膝上型電腦(laptop)、平板電腦、導航設備或視訊(video)遊戲機(不限於此)。
舉例來說，觸控式螢幕顯示器110可為電容式螢幕、電阻式螢幕或是波動式螢幕等。電子裝置100通過觸控式螢幕顯示器110接收使用者的操作，以執行對應功能。
舉例來說，處理器120可為經配置以用於執行硬體、固件和軟體資料的中央處理器(Central Processing Unit，CPU)、微處理器等。
舉例來說，記憶體130可為非揮發性記憶體(Non-Volatile Memory，NVM)、動態隨機存取記憶體(Dynamic Random Access Memory，DRAM)或靜態隨機存取記憶體(Static Random Access Memory，SRAM)等。在此，存在儲存於記憶體130中的一或多個程式，將在安裝程式之後通過處理器120執行所述程式。程式含多個指令，且處理器120可通過指令來執行多個步驟。在一些實施例中，電子裝置100僅包含一個處理器120。在一些實施例中，電子裝置100包含多個處理器來執行經安裝的程式，但本發明不限於此。
圖2為根據本發明的一些實施例的滾動清單的方法的流程圖。本方法用以將已到達清單的邊緣的視覺回饋提供給使用者。雖然下文所描述的方法包含呈現為按特定次序出現的眾多操作，但應可明顯知道，本方法可包含較多或較少的操作，可串列地或並列地(例如，使用並行處理器或多線程(multi-threading)環境)執行所述操作。
在步驟S205中，在設備的觸控式螢幕顯示器上顯示可滾 動項目的清單。在一些實施例中，可滾動項目的清單為電子郵件清單、即時消息對話清單、電話號碼清單、聯繫人資訊清單、來電歷史清單、未接來電清單、標籤(label)清單、電子郵件檔案夾(email folder)清單、電子郵件位址清單、實體位址(physical address)清單、鈴聲清單、相薄名稱清單、書簽清單，或檔案(例如，文檔檔、音樂檔或視頻檔)清單，但本發明不限於此。顯示可滾動項目的清單的設備可為可擕式多功能設備，諸如，行動電話，但本發明不限於此。
接著，在步驟S210中，在觸控式螢幕顯示器上或附近檢測物件的移動。在一些實施例中，物件例如為手指或筆。
接著，在步驟S215中，當到達清單的邊緣，在第一方向上移動一或多個項目，以顯示一或多個間隙。在此，每一間隙位於所述項目中的相鄰項目之間，且清單的邊緣之外未形成所述間隙。在一些實施例中，第一方向可為垂直方向、或水平方向或對角線方向。在一些實施例中，在由三維(three dimension，3D)運動實現的清單中，第一方向可以是延著x軸、y軸或z軸。在一些實施例中，清單具有第一項目和最後項目，且清單的邊緣為第一項目抑或最後項目。舉例來說，清單的邊緣為清單中的第一項目或最後項目，且上述邊緣並不鄰接其他項目。在一些實施例中，第一項目為標題列(title bar)、搜索列(search bar)或數位圖像。在一些實施例中，間隙在視覺上與項目相異，且因此可通過間隙來產生拉開相鄰項目的視覺效果。舉例來說，可通過使用不同顏 色來實施間隙與項目之間的視覺差別，顏色可為黑色、灰色、白色或單色。在一些實施例中，並非所有相鄰項目之間具有間隙。在一些實施例中，圖2所示的方法進一步包括底下步驟，即在對應於初始項目的初始位置處檢測物件。在步驟S215中，在第一方向上移動一或多個項目，以僅在位於第一項目與初始項目之間的相鄰項目之間顯示一或多個間隙。
在一些實施例中，當處理器120檢測物件的移動時，分別在第一方向上移動項目中的每一項目或項目中的部分項目，使得相鄰項目之間產生間隙。舉例來說，至少一個項目在第一方向上移動，使得在第一方向上移動的項目與前一個相鄰項目之間產生間隙。或者，所有項目(除了在靠近清單的邊緣的第一項目之外)在第一方向上移動，使得在項目中的每一者與其前一個相鄰項目之間產生間隙。或者，項目中的僅部分項目在第一方向上移動，使得在第一方向上移動的項目與其前一個相鄰項目之間產生間隙。在此不限制在第一方向上移動的項目的數目。
接著，在步驟S220中，在第二方向上移動一或多個項目，直到不再顯示一或多個間隙為止。亦即，在第二方向上移動項目，以便使相鄰項目之間的間隙消失，且使項目返回到緊密配置的狀態。在一些實施例中，第二方向與第一方向相反。舉例來說，如果第一方向為向上方向，那麼第二方向為向下方向。在一些實施例中，當在第二方向上移動一或多個項目時，不顯示除了上述一或多個間隙之外的額外間隙。在一些實施例中，在步驟S220中， 當在第二方向上移動一或多個項目時，顯示位於清單的初始項目與最後項目之間的相鄰項目之間的一或多個額外間隙，且在第二方向上移動一或多個項目，直到不再顯示一或多個間隙和一或多個額外間隙為止。在一些實施例中，在第二方向上一個接一個地移動一或多個項目。
在一些實施例中，在步驟S215中，當在觸控式螢幕顯示器上或附近仍檢測到物件，且到達清單的邊緣時，在第一方向上移動一或多個項目，以顯示一或多個間隙。在一些實施例中，在步驟S220中，當檢測到物件不再在觸控式螢幕顯示器上或附近，在第二方向上移動一或多個項目，直到不再顯示一或多個間隙為止。在一些實施例中，在步驟S215和步驟S220中，一或多個項目在第一方向和第二方向上的移動為彈簧運動(spring motion)的模擬。
圖3A~圖3E為說明根據本發明的實施例的移動項目的示意圖。在此實施例中，處理器120檢測對應於手指(物件)在項目之間所位於的初始位置的初始項目，以便在位於第一項目與初始項目之間的相鄰項目之間分別顯示一或多個間隙。另外，當在第二方向上移動項目時，在位於初始項目與最後項目(亦即，另一邊緣)之間的相鄰項目之間不顯示額外間隙。
在此實施例中，在觸控式螢幕顯示器110上顯示清單310。清單310包含可滾動項目I1~I6，其中項目I1為清單310中的第一項目。清單310為包含多個項目(例如，多個郵件)的郵件 清單。在實施例中，在使用者觸摸觸控式螢幕顯示器110之前已到達清單310的邊緣B(例如，第一項目I1的上邊緣)。
在圖3A中，使用者在觸控式螢幕顯示器110上或附近，用手指開始自項目I2的觸摸，而處理器120在觸控式螢幕顯示器110上或附近的初始位置P1處檢測到物件(亦即，手指)，其中，初始位置P1對應於初始項目I2。在其他實施例(圖4A~圖4D)中，初始項目可為項目I1、項目I3~I6或在觸控式螢幕顯示器110中顯示的任何其他項目。
圖3B和圖3C展示對應於手指的移動的項目I2~I6的移動。在圖3B中，當使用者的手指在觸控式螢幕顯示器110上向下拖動曳時，處理器120檢測從初始位置P1向下拖動拖曳的物件(例如，手指)的移動。由於在使用者觸摸觸控式螢幕顯示器110之前已到達清單310的邊緣B，所以處理器120在第一方向d1上移動項目I2~I6，而在位於第一項目I1與初始項目I2之間的相鄰項目I1與項目I2之間顯示間隙g1。因為第一項目I1不移動，所以無間隙形成於清單310的邊緣B之外。在此實施例中，第一方向d1為向下方向。在圖3C中，回應於觸控式螢幕顯示器110上或附近的物件的向下拖曳移動，項目I2-~I6繼續在第一方向d1上移動。間隙g1的高度隨著項目I2~I6繼續在第一方向d1上移動而增加。在此，第一項目I1仍不移動，且無間隙形成於清單310的邊緣B之外。
圖3D~圖3E展示當檢測到物件不再在觸控式螢幕顯示器 110上或附近時的項目I2~I6的移動。在手指離開觸控式螢幕顯示器110(亦即，不再在觸控式螢幕顯示器110上或附近)之後，項目I2~I6在第二方向d2上移動回來(圖3D)，直到不再顯示間隙g1(圖3E)為止。在此實施例中，第二方向d2為與第一方向d1(亦即，向下方向)相反的向上方向。
圖4A~圖4D為說明根據本發明的實施例的移動項目的示意圖。在此實施例中，在使用者觸摸觸控式螢幕顯示器110之前已到達清單310的邊緣B(例如，第一清單I1的上邊緣)。
在圖4A中，使用者在觸控式螢幕顯示器110上或附近，用手指開始自項目I3的觸摸，而處理器120在觸控式螢幕顯示器110上或附近的初始位置P2處檢測到物件(亦即，手指)，初始位置P2對應於初始項目I3。
圖4B展示回應於手指移動的項目I2~I6的移動。在圖4B中，當檢測到使用者的手指在觸控式螢幕顯示器110上向下拖曳時，處理器120檢測到物件(例如，手指)從初始位置P2的向下拖曳移動。由於在使用者觸摸觸控式螢幕顯示器110之前已到達清單310的邊緣B，所以處理器120在第一方向d1上移動項目I2~I6，以在相鄰項目I1~I2之間顯示間隙g1，且在相鄰項目I2~I3之間顯示間隙g2。相鄰項目I1~I2和相鄰項目I2~I3位於第一項目I1與初始項目I3之間。因為第一項目I1不移動，所以無間隙形成於清單310的邊緣B之外。在此實施例中，第一方向d1為向下方向。在此實施例中，比間隙g1(未圖示)更早地形成間隙g2，且 間隙g1和間隙g2的高度不同(例如，間隙g1的高度小於間隙g2的高度)。另外，在一些實施例中，可同時形成間隙g1和間隙g2，且間隙g1和間隙g2的高度總是相同。在此實施例中，在位於初始項目I3與最後項目(未圖示)之間的相鄰項目之間不會顯示額外間隙。亦即，項目I3~I6和其他後續項目保持緊密配置。
圖4C~圖4D展示回應於手指離開觸控式螢幕顯示器110的檢測，項目I2~I6的移動。在手指離開觸控式螢幕顯示器110之後，項目I2-~I6在第二方向d2上移動回來(圖4C)，直到不再顯示間隙g1和間隙g2(圖4D)為止。在此實施例中，第二方向d2為與第一方向d1(亦即，向下方向)相反的向上方向。在此實施例中，間隙g1和間隙g2的高度不同(例如，間隙g1的高度小於間隙g2的高度)，且間隙g1比間隙g2(未圖示)更早地消失。另外，在一些實施例中，間隙g1和間隙g2的高度總是相同，且間隙g1和間隙g2同時消失，但本發明不限於此。
在此實施例中，初始項目I3可當作將項目分離成項目的第一部分和第二部分的參考，且第二部分可被視為整體部分。亦即，項目的第一部分包含位於第一項目I1與初始項目I3之間的項目I1~I2，且項目的第二部分包含位於初始項目I3與最後項目之間的項目，即項目I3~I6與在項目I3~I6後續的項目。在第一方向d1上個別地拉開項目的第一部分的項目I1~I2和項目的第二部分(其可被視為整體部分)，以在相鄰項目之間產生間隙g1和g2。當檢測手指不再在觸控式螢幕顯示器110上或附近時，在第二方向d2 上個別地移動經拉開的項目I1~I2和項目的第二部分，使得經拉開的項目可與先前項目連接。
圖5A~圖5D為說明根據本發明的實施例的移動項目的示意圖。圖5A~圖5B的描述與圖4A~圖4B的描述相同，在此出於簡潔起見而省略。
當手指離開觸控式螢幕顯示器110時，處理器120將在第二方向d2上移動項目I2~I3(圖5C)，直到不再顯示間隙g1~g2(圖5D)為止。在此實施例中，第二方向d2為向上方向。此外，位於初始項目I3與最後項目之間的項目(亦即，項目I3到I6及其後續項目)在第二方向d2上移動，使得可在位於初始項目I3與最後項目之間的相鄰項目之間分別顯示間隙(如，間隙g3~g5)(圖5C)。且，在第二方向d2上連續移動項目I3~I6及其後續項目，直到不再顯示位於初始項目I3與最後項目之間的項目之間的間隙(圖5D)為止。
在此實施例中，在位於初始項目I3與最後項目之間的相鄰項目之間將顯示額外間隙。亦即，所顯示的項目I3~I6可在第二方向d2上彈回，如彈簧運動。
在一些實施例中，清單的第一項目可為標題列(圖6A~圖6C和圖6D~圖6F)、搜索列(圖7A~圖7C)，或數位圖像(圖8A~圖8B)。圖6A~圖6C和圖6D~圖6F為說明根據本發明的一些實施例移動項目的示意圖。參看圖6A~圖6C，清單610的第一項目I0為標題列。在圖6A中，在使用者觸摸觸控式螢幕顯示器110 之前未到達清單610的邊緣。當檢測到物件(例如，手指)的移動，移動整個清單610，以顯示清單610的邊緣B，如圖6B所示。
在圖6C中，當在觸控式螢幕顯示器110上或附近仍檢測手指(物件)(例如，手指產生向下滑動的移動)，且到達清單610的邊緣B時，分別在位於第一項目I0與初始項目I3之間的相鄰項目之間顯示間隙g0~g2，但無間隙形成於清單610的邊緣B之外。當手指離開觸控式螢幕顯示器110時，處理器120將在與第一方向d1相反的第二方向上移動項目I1~I6，直到不再顯示間隙g0~g2為止，且可通過圖4C~圖4D理解項目的移動。
此外，參看圖6D~圖6F，清單610的第一項目I0仍為標題列。圖6D~圖6E的操作類似於圖6A~圖6B。在圖6D中，當在觸控式螢幕顯示器110上或附近仍檢測手指(物件)，且到達清單610的邊緣B時，清單610可持續地向下移動，接著不顯示項目I6，而仍顯示項目I0~I5。且在相鄰項目I0-~I5之間顯示間隙g0~g4中的每一者。在產生間隙之後，項目將在第二方向上移動，亦即，向上移動，直到間隙消失(不再被顯示)且返回到圖6B中所說明的模式為止。且可通過圖5C~圖5D理解項目的移動。
圖7A~圖7C為根據本發明的實施例的具有搜索列的清單的示意圖。在此，清單710包含項目I0~I9，且清單710的第一項目I0為搜索列。在圖7A中，清單710未到達邊緣。當檢測到物件(例如，手指)的移動，移動整個清單710，以顯示清單710的邊緣B，如圖7B所示。因此，顯示搜索列(項目I0)。在圖7C中， 當手指產生向下滑動的移動，且到達清單710的邊緣B時，分別顯示間隙g0~g2。當手指離開觸控式螢幕顯示器110時，項目I1~I6將向上移動，且可通過圖4C~圖4D或圖5C~圖5D理解項目I0~I9的移動。
圖8A~圖8B為根據本發明的一些實施例的具有數位圖像的清單的示意圖。在圖8A中，清單810包含項目I0~I5，且第一項目I0為數位圖像。在此，到達清單810的邊緣。在圖8B中，當檢測到物件(例如，手指)的移動，亦即，當使用者的手指在觸控式螢幕顯示器110上向下拖曳時，分別顯示間隙g0~g1。當手指離開觸控式螢幕顯示器110時，項目I1~I5將向上移動，且可通過圖4C~圖4D或圖5C~圖5D理解項目I0~I5的移動。
此外，在其他實施例中，當清單610、710和810中的任一者移動到另一側的邊緣(即，清單中的最後項目的下邊緣)，且檢測到物件向上(第一方向)移動時，項目將向上移動，且在相鄰項目之間產生間隙。接著，將向下(第二方向)移動項目，直到間隙消失為止。
在其他實施例中，項目在第一方向和第二方向上的移動可皆為彈簧運動。或者，第一方向或第二方向的移動可為彈簧運動，或第一方向或第二方向的移動皆不為彈簧運動。
圖9A~圖9E為說明根據本發明的實施例的移動項目的示意圖。在本實施例中，在觸控式螢幕顯示器110中顯示有清單910。清單910包含多個可滾動的項目，其中項目I1為清單910的第一 項目。清單910例如為郵件清單，其包括多個項目(如，多封郵件)。在本實施例中，在使用者觸摸觸控式螢幕顯示器110之前，尚未到達清單910的邊緣B(例如為第一項目I1的上邊緣)。而在一些實施例中，在使用者觸摸觸控式螢幕顯示器110之前，已到達清單910的邊緣B。
在圖9A中，當使用者於觸控式螢幕顯示器110中，在向下方向上以快於預定速度的滑動速度滑動並釋放(例如，輕彈(flick)手勢)時，處理器120偵測在所述觸控式螢幕顯示器上或附近的物件(如手指)，其在對應於初始項目I3的初始位置往下輕彈(flicking down)的移動，據此，清單910往第一方向d1移動。在本實施例中，第一方向d1為向下方向。
由於慣性效果，在到達清單910的邊緣B之後(圖9B)，處理器120持續在第一方向d1移動項目I2~I6，以在相鄰項目I1~I2之間顯示間隙g1，在相鄰項目I2~I3之間顯示間隙g2(圖9C)。相鄰項目I1~I2、相鄰項目I2~I3位於第一項目I1與初始項目之間I3。由於第一項目I1未移動，因此在清單910的邊緣B之外不會有間隙產生。
在慣性效果消失之後，處理器120在第二方向d2將項目I2~I6移動回來(圖9D)，直到不再顯示間隙g1~g2為止(圖9E)。在本實施例中，第二方向d2為與第一方向d1(即，向下方向)相反的向上方向。
在一些實施例中，處理器120可持續在第一方向d1移動 項目I2~I6，以在每一相鄰項目I2~I6之間顯示間隙，其動作可通過圖6F而瞭解。
此外，當檢測到物件不再在觸控式螢幕顯示器110上或附近，處理器120將更新清單。另外，當檢測到物件不再在觸控式螢幕顯示器上或附近，處理器120可進一步在一或多個間隙當中的間隙中顯示更新提示。舉例來說，在第一項目與第二項目之間的間隙中顯示更新提示。
舉例來說，圖10A~圖10E為說明根據本發明的實施例的移動項目的示意圖。在圖10A中，清單1010包含項目A0~A3，且在使用者觸摸觸控式螢幕顯示器110之前已到達清單1010的邊緣B。當檢測到觸控式螢幕顯示器110上或附近的物件的移動，如圖10B所示，手指觸摸觸控式螢幕顯示器110的位置1001且向下拖曳時，處理器120會在第一方向上移動項目A1~A3以顯示間隙1003。在本實施例中，第一方向為向下方向。在此，於間隙1003中顯示有選項“頭條新聞”。在圖10C中，當物件(例如，手指)仍在觸控式螢幕顯示器110上，處理器120在第一方向上持續地移動項目A1~A3，以使得間隙1003的尺寸增加，而在間隙1003中顯示更新提示H。同時，還可顯示更新提示H的內容“釋放以進行更新”。在本實施例中，更新提示H顯示於第一個間隙。在一些實施例中，更新提示也可顯示在除了第一個間隙以外的任一間隙中。當處理器120檢測到物件不再在觸控式螢幕顯示器110上或附近時，在圖10D中，處理器120將更新清單1010。而更新提示 H的內容將由“釋放以進行更新”改變為“更新”。且處理器120在第二方向上移動項目A1~A3以使得間隙1003的尺寸減小。在本實施例中，第二方向為向上方向。在完成更新之後，如圖10E所示，處理器120在第二方向上持續移動項目A1~A3直到間隙1003不再顯示，並且由於更新動作而清單1010的內容將會有所改變。舉例來說，項目A1~A3改變為項目A4~A6，且配置方式不同。
應用程式提供電腦可讀取儲存媒體，電腦可讀取儲存媒體記錄待載入到電子裝置中以執行前述各種步驟的電腦程式。電腦程式基本上由多個程式指令(例如，建立程式指令的組織圖表(organization chart)、批准程式指令的表格(table)、設定程式指令和部署程式指令，等)組成，且這些程式指令被載入到電子裝置中，且通過電子裝置來執行，以實現上述各種步驟，以及上文所描述的電子裝置的各種功能。
總之，在前述實施例中，根據物件的移動來移動項目。同時，通過在項目之間顯示間隙，可隨物件的移動而產生項目的連續移動的視覺效果。另外，在物件停止移動之後，使經移動的項目返回到原始地點。因此，當移動清單時，同時移動一或多個項目以提供視覺回饋，而非立即移動整個清單。
雖然本發明已以實施例揭露如上，然其並非用以限定本發明，任何所屬技術領域中具有通常知識者，在不脫離本發明的精神和範圍內，當可作些許的更動與潤飾，故本發明的保護範圍當視後附的申請專利範圍所界定者為準。
S205~S220‧‧‧滾動清單的方法各步驟

Claims (20)

  1. 一種方法，包括：在具有觸控式螢幕顯示器的計算設備中：在所述觸控式螢幕顯示器上顯示可滾動項目的清單；檢測在所述觸控式螢幕顯示器上或附近的物件的移動；當到達所述清單的邊緣，在第一方向上移動一或多個項目，以顯示一或多個間隙，其中每一所述間隙位於所述項目中的相鄰項目之間，且所述清單的所述邊緣之外未形成所述間隙；以及在第二方向上移動所述一或多個項目，直到不再顯示所述一或多個間隙為止。
  2. 如申請專利範圍第1項所述的方法，其中並非所有所述相鄰項目之間存在有所述間隙。
  3. 如申請專利範圍第1項所述的方法，更包括：在對應於初始項目的初始位置處檢測所述物件；以及在所述第一方向上移動所述一或多個項目，以僅在位於所述第一項目與所述初始項目之間的所述相鄰項目之間顯示所述一或多個間隙。
  4. 如申請專利範圍第3項所述的方法，其中當在所述第二方向上移動所述一或多個項目時，在位於所述清單的所述初始項目與最後項目之間的所述相鄰項目之間不顯示額外間隙。
  5. 如申請專利範圍第3項所述的方法，更包括：當在所述第二方向上移動所述一或多個項目時，在位於所述 清單的所述初始項目與最後項目之間的所述相鄰項目之間顯示一或多個額外間隙；以及在所述第二方向上移動所述一或多個項目，直到不再顯示所述一或多個間隙和所述一或多個額外間隙為止。
  6. 如申請專利範圍第1項所述的方法，更包括：當檢測到所述物件不再在所述觸控式螢幕顯示器上或附近，更新所述清單。
  7. 如申請專利範圍第1項所述的方法，更包括：當檢測到所述物件不再在所述觸控式螢幕顯示器上或附近，在所述一或多個間隙中的其中之一顯示更新提示。
  8. 如申請專利範圍第1項所述的方法，其中所述第一項目為標題列、搜索列或數位圖像。
  9. 如申請專利範圍第1項所述的方法，其中所述項目的所述清單為聯繫人清單、郵件清單、消息清單、來電歷史清單或檔案清單。
  10. 如申請專利範圍第1項所述的方法，其中所述第二方向與所述第一方向相反。
  11. 如申請專利範圍第1項所述的方法，其中所述第一方向為垂直方向、或水平方向或對角線方向。
  12. 如申請專利範圍第1項所述的方法，其中所述物件為手指或筆。
  13. 如申請專利範圍第1項所述的方法，其中所述間隙為黑 色、灰色、白色或單色。
  14. 如申請專利範圍第1項所述的方法，其中所述間隙在視覺上與所述項目相異。
  15. 如申請專利範圍第1項所述的方法，其中所述一或多個項目在所述第一方向和所述第二方向上的所述移動為彈簧運動。
  16. 如申請專利範圍第1項所述的方法，更包括：在所述第二方向上逐一移動所述一或多個項目。
  17. 一種裝置，包括：觸控式螢幕顯示器；一或多個處理器；記憶體；以及一或多個程式，其中所述一或多個程式儲存於所述記憶體中，且經配置以通過所述一或多個處理器安裝及執行，且所述一或多個程式含多個指令，以執行多個步驟，包括：在所述觸控式螢幕顯示器上顯示可滾動項目的清單；檢測在所述觸控式螢幕顯示器上或附近的物件的移動；當在所述觸控式螢幕顯示器上或附近仍檢測到所述物件，且到達所述清單的邊緣時，在第一方向上移動所述一或多個項目，以顯示一或多個間隙，其中每一所述間隙位於所述項目中的相鄰項目之間，且所述清單的所述邊緣之外未形成所述間隙；以及當檢測到所述物件不再在所述觸控式螢幕顯示器上或附近，在第二方向上移動所述一或多個項目，直到不再顯示所述一或多 個間隙為止。
  18. 一種裝置，包括：觸控式螢幕顯示器；一或多個處理器；記憶體；以及一或多個程式，其中所述一或多個程式儲存於所述記憶體中，且經配置以通過所述一或多個處理器安裝及執行，且所述一或多個程式含多個指令，以執行多個步驟，包括：在所述觸控式螢幕顯示器上顯示可滾動項目的清單；當檢測到在所述觸控式螢幕顯示器上或附近的物件的移動，在第一方向上移動所述項目的所述清單；當到達所述清單的邊緣，在所述第一方向上移動一或多個項目，以顯示一或多個間隙，其中每一所述間隙位於所述項目中的相鄰項目之間，且所述清單的所述邊緣之外未形成所述間隙；以及在第二方向上移動所述一或多個項目，直到不再顯示所述一或多個間隙為止。
  19. 一種非暫時性電腦可讀取儲存媒體，其儲存有指令，所述指令在通過具有觸控式螢幕顯示器的設備執行時，使所述設備執行多個步驟，包括：在所述觸控式螢幕顯示器上顯示可滾動項目的清單；檢測在所述觸控式螢幕顯示器上或附近的物件的移動； 當在所述觸控式螢幕顯示器上或附近仍檢測所述物件，且到達所述清單的邊緣時，在第一方向上移動所述一或多個項目，以顯示一或多個間隙，其中每一所述間隙位於所述項目中的相鄰項目之間，且所述清單的所述邊緣之外未形成所述間隙；以及當檢測到所述物件不再在所述觸控式螢幕顯示器上或附近，在第二方向上移動所述一或多個項目，直到不再顯示所述一或多個間隙為止。
  20. 一種非暫時性電腦可讀取儲存媒體，其儲存有指令，所述指令在通過具有觸控式螢幕顯示器的設備執行時，使所述設備執行多個步驟，包括：在所述觸控式螢幕顯示器上顯示可滾動項目的清單；當檢測到在所述觸控式螢幕顯示器上或附近的物件的移動，在第一方向上移動所述項目的所述清單；當到達所述清單的邊緣，在所述第一方向上移動一或多個項目，以顯示一或多個間隙，其中每一所述間隙位於所述項目中的相鄰項目之間，且所述清單的所述邊緣之外未形成所述間隙；以及在第二方向上移動所述一或多個項目，直到不再顯示所述一或多個間隙為止。
TW102106311A 2012-02-24 2013-02-22 電子裝置及其操作方法以及電腦可讀取儲存媒體 TWI476674B (zh)

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
US201261602621P 2012-02-24 2012-02-24

Publications (2)

Publication Number Publication Date
TW201337713A true TW201337713A (zh) 2013-09-16
TWI476674B TWI476674B (zh) 2015-03-11

Family

ID=47789946

Family Applications (1)

Application Number Title Priority Date Filing Date
TW102106311A TWI476674B (zh) 2012-02-24 2013-02-22 電子裝置及其操作方法以及電腦可讀取儲存媒體

Country Status (4)

Country Link
US (1) US9851885B2 (zh)
EP (1) EP2631765A1 (zh)
CN (1) CN103294391A (zh)
TW (1) TWI476674B (zh)

Families Citing this family (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USD745529S1 (en) * 2013-01-04 2015-12-15 Samsung Electronics Co., Ltd. Portable electronic device with graphical user interface
USD744508S1 (en) * 2013-01-25 2015-12-01 Htc Corporation Display screen with a graphical user interface
USD742916S1 (en) * 2013-02-07 2015-11-10 Htc Corporation Portion of a display screen with a graphical user interface
USD745528S1 (en) * 2013-05-10 2015-12-15 Samsung Electronics Co., Ltd. Portable electronic device with graphical user interface
USD745016S1 (en) * 2013-05-10 2015-12-08 Samsung Electronics Co., Ltd. Portable electronic device with graphical user interface
CN104156245B (zh) * 2014-08-06 2018-04-10 小米科技有限责任公司 列表更新方法和装置
CN104182133B (zh) * 2014-08-29 2017-10-13 广东欧珀移动通信有限公司 列表滑动控制方法及装置
KR102337216B1 (ko) 2015-01-05 2021-12-08 삼성전자주식회사 영상 표시 장치 및 영상 표시 방법
USD765118S1 (en) * 2015-04-13 2016-08-30 Apple Inc. Display screen or portion thereof with graphical user interface
USD797133S1 (en) * 2016-01-07 2017-09-12 Invisalert Solutions, LLC Display screen with graphical user interface
JP6759023B2 (ja) * 2016-09-09 2020-09-23 キヤノン株式会社 表示制御装置、その制御方法、およびプログラム、並びに記憶媒体
US10896590B2 (en) 2016-09-14 2021-01-19 Invisalert Solutions, Inc. Tamper resistant one-time use wristband and clasp and algorithm to enhance the practical use of radio frequency for proximity between two or more entities
USD875743S1 (en) 2018-06-04 2020-02-18 Apple Inc. Display screen or portion thereof with graphical user interface
USD906359S1 (en) 2018-07-05 2020-12-29 Invisalert Solutions, Inc. Display screen with graphical user interface
USD902947S1 (en) 2019-03-25 2020-11-24 Apple Inc. Electronic device with graphical user interface
USD926781S1 (en) 2019-05-28 2021-08-03 Apple Inc. Display screen or portion thereof with graphical user interface

Family Cites Families (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7469381B2 (en) * 2007-01-07 2008-12-23 Apple Inc. List scrolling and document translation, scaling, and rotation on a touch-screen display
US7024491B1 (en) * 2001-05-23 2006-04-04 Western Digital Ventures, Inc. Remotely synchronizing a mobile terminal by adapting ordering and filtering synchronization rules based on a user's operation of the mobile terminal
US20040155909A1 (en) * 2003-02-07 2004-08-12 Sun Microsystems, Inc. Scroll tray mechanism for cellular telephone
US7786975B2 (en) * 2005-12-23 2010-08-31 Apple Inc. Continuous scrolling list with acceleration
KR100873679B1 (ko) * 2007-09-04 2008-12-12 엘지전자 주식회사 휴대단말기의 스크롤링 방법
US9569088B2 (en) * 2007-09-04 2017-02-14 Lg Electronics Inc. Scrolling method of mobile terminal
US20100058240A1 (en) * 2008-08-26 2010-03-04 Apple Inc. Dynamic Control of List Navigation Based on List Item Properties
TWI412963B (zh) * 2009-07-01 2013-10-21 Htc Corp 資料顯示與移動方法及系統，及其電腦程式產品
KR101588242B1 (ko) * 2009-07-13 2016-01-25 삼성전자주식회사 휴대 단말기의 스크롤 방법 및 장치
US8624925B2 (en) * 2009-10-16 2014-01-07 Qualcomm Incorporated Content boundary signaling techniques
US8799816B2 (en) * 2009-12-07 2014-08-05 Motorola Mobility Llc Display interface and method for displaying multiple items arranged in a sequence
US8448084B2 (en) * 2010-04-08 2013-05-21 Twitter, Inc. User interface mechanics
JP5679169B2 (ja) * 2010-10-20 2015-03-04 株式会社ソニー・コンピュータエンタテインメント メニュー表示装置、メニュー表示制御方法及びプログラム
JP2012174247A (ja) * 2011-02-24 2012-09-10 Kyocera Corp 携帯電子機器、接触操作制御方法および接触操作制御プログラム
US20130063383A1 (en) * 2011-02-28 2013-03-14 Research In Motion Limited Electronic device and method of displaying information in response to detecting a gesture
US20120278754A1 (en) * 2011-04-29 2012-11-01 Google Inc. Elastic Over-Scroll
US9035967B2 (en) * 2011-06-30 2015-05-19 Google Technology Holdings LLC Method and device for enhancing scrolling and other operations on a display
US20140215341A1 (en) * 2013-01-31 2014-07-31 Lsi Corporation Transitioning between pages of content on a display of a user device

Also Published As

Publication number Publication date
TWI476674B (zh) 2015-03-11
CN103294391A (zh) 2013-09-11
US20130227486A1 (en) 2013-08-29
US9851885B2 (en) 2017-12-26
EP2631765A1 (en) 2013-08-28

Similar Documents

Publication Publication Date Title
TWI476674B (zh) 電子裝置及其操作方法以及電腦可讀取儲存媒體
US11681866B2 (en) Device, method, and graphical user interface for editing screenshot images
US10102010B2 (en) Layer-based user interface
US8448086B2 (en) Display apparatus, display method, and program
CN108334264B (zh) 在便携式终端中用于提供多点触摸交互的方法和设备
JP5449400B2 (ja) 仮想ページめくり
US9389777B2 (en) Gestures for manipulating tables, charts, and graphs
US8819575B2 (en) Method and apparatus that display items according to a user gesture
US20110157027A1 (en) Method and Apparatus for Performing an Operation on a User Interface Object
US20130093691A1 (en) Electronic device and method of controlling same
EP2708997B1 (en) Display device, user interface method, and program
US8762840B1 (en) Elastic canvas visual effects in user interface
US20120266101A1 (en) Panels on touch
US20140310653A1 (en) Displaying history information for application
EP2474894A1 (en) Electronic device and method of controlling same
JPWO2013183722A1 (ja) 電子機器、その制御方法及びプログラム
JP2015035092A (ja) 表示制御装置及び表示制御装置の制御方法
US20210191605A1 (en) Method for displaying web browser and terminal device using the same
TW201344525A (zh) 觸控式電子裝置及其頁面內容存儲方法
TW201232384A (en) System and method of dynamic information display and automatic printing plate integration
JP2012208244A (ja) 電子機器及びその表示方法
JP6455466B2 (ja) 表示操作装置およびプログラム
EP2584441A1 (en) Electronic device and method of controlling same
JP2013011981A (ja) 表示制御方法、プログラム及び表示装置
CN109656460A (zh) 提供键盘的可选择的键的电子设备和方法