201112043 六、發明說明： 【發明所屬之技術領域】 [0001] 本發明涉及一種圖片控制裝置及方法，尤其涉及一種控 制圖片瀏覽的移動裝置及方法。 【先前彳支術】 [0002] 觸摸屏越來越廣泛應用於各種電子設備中，透過觸摸屏 進行電子設備的操作能給使用者帶來較好的使用經驗。 例如，現在的手機中，也大量採用觸摸屏技術，用戶透 ^ 過手指點擊觸摸屏，就可以打開手機中的圖片庫，選擇 ❹ 圖片進行瀏覽。 [0003] 但是，目前手機僅提供簡易手勢操作圖片，無法隨著使 用者手勢變化即時更新圖片，不能提供有如在真實環境 下翻閱相冊之體驗，也不能根據使用者不同手勢的方向 與位置，將圖片做不同方向的翻折，並依照時間軸做圖 片管理。例如，目前手機不能提供讓使用者利用手勢快201112043 VI. Description of the Invention: [Technical Field] The present invention relates to a picture control apparatus and method, and more particularly to a mobile apparatus and method for controlling picture browsing. [Previous 彳 术 】 [0002] Touch screens are increasingly used in a variety of electronic devices, and the operation of electronic devices through the touch screen can give users a better experience. For example, in today's mobile phones, a large number of touch screen technologies are also used, and the user can open the picture library in the mobile phone by clicking the touch screen, and select ❹ the picture to browse. [0003] However, at present, the mobile phone only provides a simple gesture operation picture, and cannot update the picture in real time as the user gesture changes, and cannot provide an experience of flipping through the album in a real environment, or according to the direction and position of the user's different gestures. The pictures are folded in different directions and managed according to the timeline. For example, currently mobile phones cannot provide users with quick gestures.
i ；i f ψ'·4 ” :::=二::： s' I 11 I 速找到目的時間的相冊，及隨手勢立體翻閱相片的功能 〇 。 【發明内容】 [0004] 鑒於以上内容，有必要提供一種控制圖片瀏覽的移動裝 置及方法，其可透過觸摸當前圖片來瀏覽下一張圖片或 上一張圖片，以及下一個時間段的圖片或上一個時間段 的圖片。 [0005] 一種控制圖片瀏覽的移動裝置，該移動裝置包括：顯示 模組，用於從移動裝置的儲存器中讀取圖片項目，並將 所讀取的圖片項目顯示在該移動裝置的觸摸屏上；偵測 098131707 表單編號A0101 第3頁/共26頁 0982054428-0 201112043 拉’、且肖於制對至少_個圖片項目的觸控並產生觸 控資訊’·解析模組，用於解析該觸控資訊，以獲取觸控 類型，簡控類型包括單擊_、滑動㈣和拖動_ ’執仃拉組，用於根據該觸控類型調用相應的處理程式 ’所述處理程式包括處理單擊類型的第—程式、處理滑 動類型的第二程式和處理拖動類型的第三程式；所述執 行模組’還詩t該觸控類型為單擊㈣時，調用處理 單擊類型的第-程式’根據單擊位置調整圖片項目的顯 示位置；所述執行模組，還用於當該觸控類型為滑動類 型時，調用處理滑動顧的第二程式，根據滑動路徑及 滑動路徑的方向顯示下一個畢片項目或上一個圖片項目 ，以及下一個時間段的圖片g目或上一個時-間段的圖片 項目，所述執行模組，還用於當該觸控類型為拖動類型 ，則調用處理拖動類型的第三程式，根據拖動路徑、拖 動路徑的方向和預設時間間隔内手指的位移差，更新圖 片項目在觸摸屏上三維軸向的位置，且當拖動結束時， 顯示下一個圖片項目或上一個圖片項目，以及下一個時 間段的圖片項目或上一個時間段的圖片項目。 [0006]i ;if ψ'·4 "> :::=二::: s' I 11 I Quickly find the album of the destination time, and the function of flipping the photo with the gesture. [Abstract] [0004] In view of the above, there are It is necessary to provide a mobile device and method for controlling picture browsing, which can browse the next picture or the previous picture by touching the current picture, and the picture of the next time period or the picture of the previous time period. [0005] A control a mobile device for picture browsing, the mobile device comprising: a display module, configured to read a picture item from a storage of the mobile device, and display the read picture item on a touch screen of the mobile device; detecting a 098131707 form No. A0101 Page 3 of 26 0982054428-0 201112043 Pull ', and the system touches at least _ picture items and generates touch information' · analysis module for parsing the touch information to obtain Touch type, the simple control type includes click _, slide (four) and drag _ 'execution pull group, for calling the corresponding processing program according to the touch type', the processing program includes processing the click type a program, a second program for processing the sliding type, and a third program for processing the drag type; the execution module 'also reads the touch type is click (four), and calls the processing of the click type - the program' Clicking on the position to adjust the display position of the picture item; the execution module is further configured to: when the touch type is a slide type, call a second program for processing the slide, and display the next program according to the direction of the sliding path and the sliding path. The slice item or the previous picture item, and the picture g object of the next time period or the picture item of the last time-interval, the execution module is also used to call the processing when the touch type is a drag type Drag the third type of the type, according to the drag path, the direction of the drag path, and the displacement difference of the finger within the preset time interval, update the position of the picture item on the touch screen on the three-dimensional axis, and when the drag ends, the display is displayed A picture item or previous picture item, as well as a picture item for the next time period or a picture item for the previous time period. [0006]
一種控制圖片瀏覽的方法，應用於移動裝置中，該方法 包括如下步驟：從移動裝置的儲存器中讀取圖片項目， 並將所讀取的圖片項目顯示在該移動裝置的觸摸屏上； 偵測對至少一個圖片項目的觸控，並產生觸控資訊；解 析該觸控資訊，以獲取觸控類型，該觸控類型包括單擊 類型、滑動類型和拖動類型；根據該觸控類型調用相應 的處理程式，所述處理程式包括處理單擊類型的第一程 098131707 表單編號A0101 第4頁/共26頁 0982054428-0 201112043 Ο [0007] 式、.處理/腎動類型的第二程式和處理拖動類型的第三程 式；如果該觸控類型為單擊類型，則所述第一程式根據 單擊位置調整圖片項目的顯示位置；如果該觸控類型為 /月動類型，則所述第一程式根據滑動路徑及滑動路徑的 方向顯示下一個圖片項目或上一個圖片項目，以及下一 個時間段的圖片項目或上一個時間段的圖片項目；如果 該觸控類型為拖動類型，則所述第三程式根據拖動路徑 、拖動路徑的方向和預設時間間隔内手指的位移差，更 新圖片項目在觸摸屏上三維軸向的位置，且當拖動結束 時，顯示下一個圖片項目或上一個圖片項目，以及下一 個時間段的圖片項目或上一個時間段的圖片項目。 相較於習知技街，所述的控制圖片瀏覽的移動裝置及方 法，能偵測手勢的位移變化，並根據位移變化資料以三 維方式控制圖片瀏覽與管理，例如，可以透過觸摸當前 圖片來瀏覽下一張圖片或上一張圖片，以及下一個月的 圖片或上一個月的圖片_。 — 〇 [0008] 【實施方式】 參閱圖1所示，係本發明控制圖片瀏覽的移動裝置較佳實 施方式的硬體架構圖。該移動裝置5可以是手機、數位相 機及 PDA (Personal Digital Assistant，個人數位 助理）等（本實施方式以手機為例進行說明）^在本實 施方式中，所述移動裝置5主要包括微處理器1、儲存器2 和觸摸屏3，所述微處理器1分別與所述儲存器2和觸摸屏 3相連。其中’所述儲存器2包括圖片庫21和圖片瀏覽控 制單元20。所述圖片庫21用於儲存圖片項目，其中，一 098131707 表單編號A0101 第5頁/共26頁 0982054428-0 201112043 [0009] [0010] [0011] [0012] [0013] 個圖片項目對應-張圖片。觸摸屏3包括液晶顯示幕和鍵 盤等，用於顯示資料及輸入資訊，該資料包括所述的圖 片項目。 所述微處理器1用於調用所述圖片瀏覽控制單元20，並控 制該圖片瀏覽控制單元20的執行。該圖片瀏覽控制單元 2〇用於偵測用戶在觸摸屏3上對圖片項目的觸控動作並 根據該觸控動作控制圖片項目的顯示。 參閱圖2所示，係圖1中所示圖片瀏覽控制單元2〇的功能 模組圖。所述圖片瀏覽控制單元2〇包括顯示模組2〇1、偵 〇 測模組202、解析模組2〇3及執行模組2〇〇本發明所稱 的模組是完成一特定功能的電腦輕式段，比程式更適合 於描述軟體在電腦中的執行過程，因此在本發明以下對 軟體描述中都以模組描述。 所述顯示模組201用於從圖片庫21中讀取圖片項目，並將 所讀取的圖片項目顯示在觸摸屏3上。 所述偵測模組2 0 2用於偵測對至少一個圖片項目的觸控， ◎ 並產生觸控資訊。其中，該觸控資訊包括：觸控位置和 觸控方向等。 所述解析模組203用於解析該觸控資訊’以獲取觸控類型 。其中，該觸控類型包括：單擊類型、滑動類型和拖動 類型。如果該觸控類型為單擊類型’則相應的觸控資訊 包括單擊位置，如果該觸控類型為滑動類型，則相應的 觸控資訊包括滑動路徑和滑動路獲的方向，如果該觸控 類型為拖動類型，則相應的觸控資訊包括拖動路徑、拖 098131707 表單編號A0101 第6頁/共26頁 0982054428-0 201112043 [0014] Ο [0015] Ο [0016] 098131707 動路徑的方向和預設時間間隔内手指的位移差。所述手 指的位移差即圖片項目在觸摸屏3上三維軸向的位移差， 所述三維轴向包括X轴、Υ軸和Ζ轴。 所述執行模組204用於根據該觸控類型調用相應的處理程 式。在本實施方式中’所述處理程式包括處理單擊類型 的第一程式、處理滑動類型的第二程式和處理拖動類型 的第三程式。執行模組204根據不同觸控類型對應的處理 程式修改並顯示被觸控的圖片項目。 具體而言，如果該觸控類型為單擊類型，執行模組2〇4調 用處理單擊類型的第程式，根據單擊位置調整圖片項 目的顯示比例（如放大被觸控的圖片項目）；如果該觸 控類型為滑動類型，執行模组204調用處理滑動類型的第 二程式，根據滑動路徑及滑動路徑的方向顯示下一個圖 片項目（即下一張圖片）或上一個圖片項目（即上一張 圖片如果該·觸控類型為拖動類型，執行模組2〇4調用 處理拖動類型的第三程式’根據拖動路徑、拖動路徑的 方向和預設時間間隔内手指的位移差，更新圖片項目在 觸摸屏3上三維轴向的位置，且當拖動結束時顯示下一 個圖片項目或上-侧》項目^假設職時間間隔為〇1 秒，則每隔〇.1秒鐘，執行模組204根據圖片項目在 秒内的預設時間間隔内手指的位移差，更新該圖片項目 在觸摸屏3上三維轴向的位置。 舉例而言，如果觸控類型為滑動類型，且滑動㈣的方 向為從上至下，則所述第二程式將顯示下—個圖片項目 :如果觸控類型為滑動類型，且滑動路徑的方向為從下 表單編號Α0101 第7頁/共26頁 0982054428-0 201112043 至上，則所述第二程式將顯示上一個圖片項目。 [0017] [0018] 098131707 如果該觸控類型為拖動類型，且拖動路徑的方向為從上 至下（此時的觸控位置在圖片項目的區域以外）’則所 述第二程式將根據預設時間間隔内手指的位移差，更新 圖片項目在觸摸屏3上三維抽向的位置，且當拖動結束時 ，顯示下一個圖片項目；如果該觸控類型為拖動類型， 且拖動路徑的方向為從下至上（此時的觸控位置在圖片 項目的區域以内），則所述第三程式將根據預設時間間 隔内手指的位移差，更新圖片項目在觸摸屏3上三維軸向 的位置，且當拖動翁束時，顯示上一個圖片項目。參閱 圖4A至圖4D所示’從圖4A—圖4B—圖4C-圓4D，顯示了 從A1點往上拖動到…點過程中，觸摸屏:3上圖片項目的變 為上一個圖片項目的過程。 在其他實施方式中，也可以進—步定義:如果觸控類型 為滑動類型’且滑動路徑的杨為從左至右，則所述第 二程式將顯示上-個時間段（本實施方式以上—個月為 例進行說明）的圖片項目，即將上—個月的圖片項目滑 至觸摸屏3中央’而當前圖片項目將往右滑出觸摸屏3的 視窗；如果觸控類型為滑動類型，且滑動路徑的方向為 從右至左，則所述第二程式將顯示下一個時間段（本實 施方式以下一個月為例進行說明）的圖片項目，即將下 一個月的圖片項目滑至觸摸屏3中央，而當前圖片項目將 往左滑出觸摸屏3的視窗。 如果該觸義型為拖動類型，且拖祕徑的方向為從左 至右，則所述第三程式將_職時間間隔内手指的2 表單編號A_ 第8頁/共26 M 曰 0982054428-0 [0019] 201112043 移差，更新圖片項目在觸摸屏3上三維軸向的位置，且當 拖動結束時，顯示上一個月的圖片項目；如果該觸控類 型為拖動類型，且拖動路徑的方向為從右至左，則所述 第三程式將根據預設時間間隔内手指的位移差，更新圖 片項目在觸摸屏3上三維軸向的位置，且當拖動結束時， 顯示下一個月的圖片項目。參閱圖5A至圖5D所示，從圖 5A—圖5B—圖5C—圖5D，顯示了從B1點往右拖動到B2點 ，再往右拖動到B3點過程中，觸摸屏3上的圖片項目變為 下一個月的圖片項目的過程，即從20 09年8月份的圖片項 目變成2009年9月份的圖片項目。 [0020] 所述執行模組204還用於，如果當前圖片項目被按住（此 __il il:i S,S:f 時的觸控位置在圖片項目的區域以内），且符合拖動類 型，並且在預設時間間隔内手指的位移差為往下或斜下 方時，則判定刪除該當前圖片項目。參閱圖6A至圖6D所 示，從圖6A—圖6B—圖6C—圖6D，顯示了從C1點—C2點 ->C3點—C4點的拖動過程中，圖片項目被刪除的過程。 [0021] 如圖3所示，是本發明控制圖片瀏覽的方法較佳實施方式 的流程圖。 [0022] 步驟S1，顯示模組201從圖片庫21中讀取圖片項目，並將 所讀取的圖片項目顯示在觸摸屏3上。 [0023] 步驟S2，偵測模組202偵測對至少一個圖片項目的觸控， 並產生觸控資訊。其中，該觸控資訊包括：觸控位置和 觸控方向等。 [0024] 步驟S3，解析模組203解析該觸控資訊，以獲取觸控類型 098131707 表單編號A0101 第9頁/共26頁 0982054428-0 201112043 。其中，該觸控類型包括：單擊類型、滑_型和拖動 類型。如果該觸控類型為單擊_，則相應的觸控資訊 包括單擊位置，如果該觸控類型為滑動類型，則相應的 觸控資訊包括滑動路徑和滑動路徑的方向，如果該觸杵 類型為拖動類型，則相應的觸控資訊包括拖動路徑、拖 動路徑的方向和預設時間間隔内手指的位移差。所述= 指的位㈣即圖片項目在觸摸屏3上三維轴向的位移差， 所述三維軸向包括X轴、Y轴和z轴。 [0025] [0026] 步驟S4 ’執行模組204減朗控㈣則相應的處理程 式。在本實施方式中，所述處理程式包括處理單擊類型 的第-程式'處理滑動類型的第二程式和處理拖動類型 的第三程式。 步驟S5，執行模組204根據不同觸控類型對應的處理程式 修改並顯示被觸控的圖片項目。具體而言，如果該觸控 類型為單擊類型，執行模組2喃用處理單擊類型的第一 程式，根據單擊位置調整圖片項目的顯示比例（如放大 被觸控的圖片項目）；如果該觸—控類型為滑動類型，執 行模組2G4調用處理滑動類型的第二程式，根據滑動路徑 及滑動路徑的方向顯示下-個圖片項目（即下一張圖片 )或上-個圖片項目（即上一張圖片）；如果該觸控類 型為拖動類型’執行模組204調用處理拖動類型的第三程 式根據拖動路控、拖動路徑的方向和預設時間間隔内 手指的位移差’更新圖片項目在觸摸屏3上三維轴向的位 置且田拖動結束時，顯示下一個圖片項目或上一個圖 片項目。 098131707 表單編號A0101 第10頁/共26頁 0982054428-0 201112043 [0027]舉例而言，如果觸控類型為滑動類型，且滑動路徑的方 向為從上至下，所述第二程式將顯示下一個圖片項目. 如果觸控類型為滑動類型，且滑動路徑的方向為從下至 上，所述第二程式將顯示上一個圖片項目。 [〇〇28]如果該觸控類型為拖動類型，且拖動路徑的方向為從上 至下（此時的觸控位置在圖片項目的區域以外），則所 述第二程式將根據預設時間間隔内手指的位移差，更新 圖片項目在觸摸屏3上三維軸向的位置，且當拖動結束時 〇 ，顯示下一個圖片項目；如果該觸控類型為拖動類型， 且拖動路徑的方向為從下至上（此時的觸控位置在圖片 項目的區域以内），則所述第:三程式將根據預設時間間 隔内手指的位移差，更新圖片碩目,,在觸摸屏3上三維軸向 的位置，且當拖動結束時，顯示上一個圖片項目。 [0029] 在其他實施方式中，也可以進—步定I:如果觸控類型 為滑動類型，且滑動路徑的方向為從左至右，所述第二 程式將顯示上-個月的圖片項目，即將上一個月的圖片 項目滑至觸摸屏3令央，而«圖:片:項目將往右滑出觸摸 屏3的視窗；如果觸控類型為滑動類型，且滑動路徑的方 向為從右至左’所述第二程式將顯示下一個月的圖片項 目’即將下一個月的圖片項目滑至觸摸屏3中央，而當前 圖片項目將往左滑出觸摸屏3的視窗。 闕如果該觸控類型為拖動類型，且拖動路㈣方向為從左 至右’則所述第三程式將根據預設時間間隔内手指的位 移差’更新圖片項目在觸摸屏3上三維轴向的位置，且當 拖動結束時’顯示上-個月的圖片項目；如果該觸控類 098131707 表單編號A0101 第11頁/共26頁 、 0982054428-0 201112043 型為拖動類型，且拖動路徑的方向為從右至左，則所述 第三程式將根據預設時間間隔内手指的位移差，更新圖 片項目在觸摸屏3上三維軸向的位置，且當拖動結束時， 顯示下一個月的圖片項目。 [0031] [0032] [0033] [0034] 在其他實施方式中，所述方法還包括步驟：如果當前圖 片項目被按住（此時的觸控位置在圖片項目的區域以内 )，且符合拖動類型，並且在預設時間間隔内手指的位 移差為往下或斜下方時，則執行模組2〇4判定刪除該當前 圖片項目.。 在本實施方式中，所述觸摸屏3為電容式觸摸屏（Capa— citive Touch Panel)，在其他實施方式中，所述觸 摸屏3也可以為電阻式觸摸屏（Resistive T〇uch卩⑽一 el)。 另外，本實施方式中的滑動路徑的方向或拖動路徑的方 向不限於上述列舉的方向，其可以根據預克定義的其他 形式的方向來顯示圖片項目。例如，滑動路徑的方向被 定義為觸摸屏3的對角線方向，具趙而言，當滑動路徑的 方向為自左上角至右下角時，所述第二程式將顯示下一 個圖片項目’當滑動路徑的方向為自右上角至左下角時 候’所述第二程式將顯示上一個圖片項目。 最後應說明的是，以上實施方式僅用以說明本發明的技 術方案而非限制’儘管參照較佳實施方式對本發明進行 了詳細說明，本領域的普通技術人員應當理解，可以對 本發明的技術方案進行修改或等同替換，而不脫離本發 098131707 表單編號A0101 第12頁/共26頁 0982054428-0 201112043 明技術方案的精神和範圍。 【圖式簡單說明】 [0035] 圖1係本發明控制圖片瀏覽的移動裝置較佳實施方式的硬 體架構圖。 [0036] 圖2係圖1中圖片瀏覽控制單元的功能模組圖。 [0037] 圖3係本發明控制圖片瀏覽的方法較佳實施方式的流程圖A method for controlling picture browsing is applied to a mobile device, the method comprising the steps of: reading a picture item from a storage of the mobile device, and displaying the read picture item on a touch screen of the mobile device; detecting Touching at least one picture item and generating touch information; parsing the touch information to obtain a touch type, the touch type includes a click type, a slide type, and a drag type; and correspondingly calling according to the touch type The processing program includes the first program for processing the click type 098131707 Form No. A0101 Page 4 / Total 26 Page 0992054428-0 201112043 Ο [0007] The second program and processing of the processing/renal type Dragging a third program of the type; if the touch type is a click type, the first program adjusts a display position of the picture item according to the click position; if the touch type is a /month type, the first A program displays the next picture item or the previous picture item according to the direction of the sliding path and the sliding path, and the picture item of the next time period or the previous time a picture item of the segment; if the touch type is a drag type, the third program updates the picture item on the touch screen on the three-dimensional axis according to the drag path, the direction of the drag path, and the displacement difference of the finger within the preset time interval. The position to the position, and when the drag ends, the next picture item or the previous picture item is displayed, as well as the picture item of the next time period or the picture item of the previous time period. Compared with the conventional technology street, the mobile device and method for controlling picture browsing can detect the change of the displacement of the gesture, and control the picture browsing and management in three dimensions according to the displacement change data, for example, by touching the current picture. Browse to the next or previous image, as well as the image for the next month or the image for the previous month. - [Embodiment] Referring to Figure 1, there is shown a hardware architecture diagram of a preferred embodiment of a mobile device for controlling picture browsing. The mobile device 5 may be a mobile phone, a digital camera, a PDA (Personal Digital Assistant), or the like (this embodiment uses a mobile phone as an example). In the present embodiment, the mobile device 5 mainly includes a microprocessor. 1. A storage 2 and a touch screen 3, said microprocessor 1 being connected to said storage 2 and touch screen 3, respectively. Wherein the storage 2 includes a picture library 21 and a picture browsing control unit 20. The picture library 21 is used to store a picture item, wherein, a 098131707 form number A0101 page 5 / a total of 26 pages 0982054428-0 201112043 [0009] [0010] [0012] [0013] picture items corresponding - Zhang image. The touch screen 3 includes a liquid crystal display screen, a keyboard, and the like for displaying data and inputting information, the material including the picture item. The microprocessor 1 is used to call the picture browsing control unit 20 and control the execution of the picture browsing control unit 20. The picture browsing control unit 2 is configured to detect a user's touch action on the picture item on the touch screen 3 and control the display of the picture item according to the touch action. Referring to FIG. 2, it is a functional module diagram of the picture browsing control unit 2 shown in FIG. 1. The picture browsing control unit 2 includes a display module 2〇1, a detection module 202, an analysis module 2〇3, and an execution module. The module referred to in the present invention is a computer that performs a specific function. The light segment is more suitable than the program to describe the execution process of the software in the computer, and therefore is described in the following description of the software in the present invention. The display module 201 is configured to read a picture item from the picture library 21 and display the read picture item on the touch screen 3. The detecting module 220 is configured to detect touch on at least one picture item, and generate touch information. The touch information includes: a touch position and a touch direction. The parsing module 203 is configured to parse the touch information to obtain a touch type. The touch types include: click type, slide type, and drag type. If the touch type is a click type, the corresponding touch information includes a click position. If the touch type is a slide type, the corresponding touch information includes a sliding path and a direction of the sliding path, if the touch The type is drag type, the corresponding touch information includes the drag path, drag 098131707 Form number A0101 Page 6 / Total 26 page 0992054428-0 201112043 [0014] Ο [0016] 098 098131707 Direction of the moving path and The difference in displacement of the finger during the preset time interval. The difference in displacement of the finger is the difference in displacement of the picture item on the touch screen 3 in three dimensions, and the three-dimensional axis includes an X-axis, a Υ-axis, and a Ζ-axis. The execution module 204 is configured to invoke a corresponding processing manner according to the touch type. In the present embodiment, the processing program includes a first program for processing a click type, a second program for processing a slide type, and a third program for processing a drag type. The execution module 204 modifies and displays the touched picture item according to the processing program corresponding to the different touch types. Specifically, if the touch type is a click type, the execution module 2〇4 calls the first program of the click type, and adjusts the display ratio of the picture item according to the click position (such as enlarging the touched picture item); If the touch type is a slide type, the execution module 204 calls a second program for processing the slide type, and displays the next picture item (ie, the next picture) or the previous picture item according to the direction of the sliding path and the sliding path (ie, If the touch type is drag type, the execution module 2〇4 calls the third program for processing the drag type' according to the drag path, the direction of the drag path, and the displacement difference of the finger within the preset time interval. , update the position of the picture item on the touch screen 3 in the three-dimensional axial direction, and when the dragging ends, the next picture item or the top-side item is displayed. If the time interval is 〇1 second, then every 〇.1 second, The execution module 204 updates the position of the picture item in the three-dimensional axial direction on the touch screen 3 according to the displacement difference of the finger within the preset time interval of the picture item. For example, if the touch type For the slide type, and the direction of the slide (four) is from top to bottom, the second program will display the next image item: if the touch type is the slide type, and the direction of the slide path is from the next form number Α 0101 7th Page / Total 26 pages 0992054428-0 201112043 Up, the second program will display the previous picture item. [0018] 098131707 If the touch type is drag type, and the direction of the drag path is from above Down to the bottom (the touch position at this time is outside the area of the picture item)', the second program will update the position of the picture item on the touch screen 3 in three dimensions according to the displacement difference of the finger within the preset time interval, and when When the drag ends, the next picture item is displayed; if the touch type is a drag type, and the direction of the drag path is from bottom to top (the touch position at this time is within the area of the picture item), then the The third program will update the position of the picture item on the touch screen 3 in the three-dimensional axial direction according to the displacement difference of the finger within the preset time interval, and display the previous picture item when dragging the beam, refer to FIG. 4A to FIG. 4D shows 'from Figure 4A - Figure 4B - Figure 4C - Circle 4D, showing the process of moving from A1 point up to ... point, touch screen: 3 picture item becomes the previous picture item. In the embodiment, it may be further defined that if the touch type is the slide type 'and the pop of the slide path is from left to right, the second program will display the last time period (above the present embodiment) The picture item of the month is explained as an example, that is, the picture item of the last month is slid to the center of the touch screen 3 and the current picture item is slid right out of the window of the touch screen 3; if the touch type is the sliding type, and the sliding path is When the direction is from right to left, the second program will display a picture item of the next time period (the following one month is taken as an example in the present embodiment), and the picture item of the next month is slid to the center of the touch screen 3, and the current The picture item will slide out of the window of the touch screen 3 to the left. If the tactile type is a drag type, and the direction of the dragged path is from left to right, then the third program will be the 2 form number of the finger in the time interval A_ page 8 / total 26 M 曰0982054428- 0 [0019] 201112043 shifting, updating the position of the picture item on the touch screen 3 in three dimensions, and when the dragging ends, displaying the picture item of the previous month; if the touch type is drag type, and dragging the path The direction is from right to left, the third program will update the position of the picture item on the touch screen 3 in the three-dimensional axial direction according to the displacement difference of the finger within the preset time interval, and when the drag ends, the next month is displayed. Picture project. Referring to FIG. 5A to FIG. 5D, from FIG. 5A to FIG. 5B to FIG. 5C to FIG. 5D, the process of dragging from the B1 point to the right to the B2 point and then to the right to the B3 point is performed on the touch screen 3. The process of changing the picture project into the picture project of the next month, from the picture project in August 2009 to the picture project in September 2009. [0020] The execution module 204 is further configured to: if the current picture item is pressed (this __il il: i S, the touch position when S: f is within the area of the picture item), and conform to the drag type And, when the displacement difference of the finger is downward or obliquely downward within the preset time interval, it is determined to delete the current picture item. 6A to 6D, from Fig. 6A - Fig. 6B - Fig. 6C - Fig. 6D, the process of deleting the picture item from the C1 point - C2 point -> C3 point - C4 point dragging process is shown. . [0021] As shown in FIG. 3, it is a flow chart of a preferred embodiment of the method for controlling picture browsing of the present invention. [0022] In step S1, the display module 201 reads the picture item from the picture library 21, and displays the read picture item on the touch screen 3. [0023] Step S2, the detecting module 202 detects a touch on at least one picture item and generates touch information. The touch information includes: a touch position and a touch direction. [0024] Step S3, the parsing module 203 parses the touch information to obtain a touch type 098131707 Form No. A0101 Page 9 of 26 0982054428-0 201112043 . The touch types include: click type, slide type, and drag type. If the touch type is click _, the corresponding touch information includes a click position. If the touch type is a slide type, the corresponding touch information includes a sliding path and a sliding path direction, if the touch type For the drag type, the corresponding touch information includes the drag path, the direction of the drag path, and the displacement difference of the finger within the preset time interval. The position (4) of the finger refers to a three-dimensional axial displacement difference of the picture item on the touch screen 3, and the three-dimensional axis includes an X-axis, a Y-axis, and a z-axis. [0025] Step S4' executes the module 204 to reduce the control (4) and the corresponding processing procedure. In the present embodiment, the processing program includes a second program that processes the first type of the click type to process the sliding type and a third program that processes the drag type. In step S5, the execution module 204 modifies and displays the touched picture item according to the processing program corresponding to the different touch types. Specifically, if the touch type is a click type, the execution module 2 processes the first program of the click type, and adjusts the display ratio of the picture item according to the click position (such as enlarging the touched picture item); If the touch control type is a slide type, the execution module 2G4 calls a second program for processing the slide type, and displays the next picture item (ie, the next picture) or the previous picture item according to the direction of the sliding path and the sliding path. (ie, the previous picture); if the touch type is drag type 'execution module 204 calls the third program that handles the drag type according to the direction of the drag control, the drag path, and the finger within the preset time interval The displacement difference 'updates the picture item on the touch screen 3 in the three-dimensional axial position and when the field drag ends, the next picture item or the previous picture item is displayed. 098131707 Form No. A0101 Page 10 of 26 0992054428-0 201112043 [0027] For example, if the touch type is a slide type and the direction of the slide path is from top to bottom, the second program will display the next one. Picture item. If the touch type is slide type and the direction of the slide path is from bottom to top, the second program will display the previous picture item. [〇〇28] If the touch type is drag type, and the direction of the drag path is from top to bottom (the touch position at this time is outside the area of the picture item), the second program will be based on the pre- Set the displacement difference of the finger within the time interval, update the position of the picture item on the touch screen 3 in the three-dimensional axial direction, and when the drag ends, display the next picture item; if the touch type is the drag type, and drag the path The direction is from bottom to top (the touch position at this time is within the area of the picture item), then the third: program will update the picture based on the displacement difference of the finger within the preset time interval, on the touch screen 3 The position of the 3D axis, and when the drag ends, the previous picture item is displayed. [0029] In other embodiments, I can also step I: if the touch type is a slide type, and the direction of the slide path is from left to right, the second program will display the picture item of the last month. , the picture item of the previous month will be slid to the touch screen 3, and the picture: the picture will slide to the right of the window of the touch screen 3; if the touch type is the sliding type, and the direction of the sliding path is from right to left 'The second program will display the picture item of the next month', and the picture item of the next month will be slid to the center of the touch screen 3, and the current picture item will slide to the left of the window of the touch screen 3.阙If the touch type is drag type, and the direction of the drag path (four) is from left to right 'the third program will update the picture item on the touch screen 3 according to the displacement difference of the finger within the preset time interval To the position, and when the drag ends, 'display the last-month picture item; if the touch class 098131707 form number A0101 page 11 / total 26 pages, 0982054428-0 201112043 type is the drag type, and drag The direction of the path is from right to left, and the third program will update the position of the picture item on the touch screen 3 in the three-dimensional axial direction according to the displacement difference of the finger within the preset time interval, and when the drag ends, the next one is displayed. Picture project of the month. [0033] In other embodiments, the method further includes the step of: if the current picture item is pressed (the touch position at this time is within the area of the picture item), and conforms to the drag If the displacement of the finger is downward or obliquely downward within the preset time interval, then the execution module 2〇4 determines to delete the current picture item. In the embodiment, the touch screen 3 is a capacitive touch panel. In other embodiments, the touch screen 3 may also be a resistive touch screen (Resistive T〇uch卩(10)-el). Further, the direction of the sliding path or the direction of the drag path in the present embodiment is not limited to the above-described direction, and the picture item can be displayed in accordance with the direction of the other form defined by the pre-gram. For example, the direction of the sliding path is defined as the diagonal direction of the touch screen 3, and in the case of Zhao, when the direction of the sliding path is from the upper left corner to the lower right corner, the second program will display the next picture item 'When the sliding path is When the direction is from the upper right corner to the lower left corner, the second program will display the previous picture item. It should be noted that the above embodiments are only for explaining the technical solutions of the present invention and are not intended to be limiting. Although the present invention has been described in detail with reference to the preferred embodiments, those skilled in the art should understand that Modifications or equivalents are made without departing from the spirit and scope of the technical solution of Form 098131707 Form No. A0101 Page 12 of 26 0982054428-0 201112043. BRIEF DESCRIPTION OF THE DRAWINGS [0035] FIG. 1 is a hardware architecture diagram of a preferred embodiment of a mobile device for controlling picture browsing according to the present invention. 2 is a functional block diagram of a picture browsing control unit in FIG. 1. 3 is a flow chart of a preferred embodiment of a method for controlling picture browsing according to the present invention.
[0038] 圖4中之圖4A至圖4D係本發明中從當前圖片項目轉換到上 一個圖片項目的過程示意圖。.4A to 4D in Fig. 4 are diagrams showing a process of switching from the current picture item to the previous picture item in the present invention. .
[0039] 圖5中之圖5A至圖5D係本發明中從當前圖片項目轉換到下 μΛ^Φ：. ip|| ';:』丨丨譬|^:轉 y -¾¾¾ 一個月的圖片項目的過程示意圖。 [0040] 圖6中之圖6A至圖6D係本發明中刪除當前圖片項目的過程 示意圖。5A to 5D in FIG. 5 are transitions from the current picture item to the lower μΛ^Φ:. ip|| ';:』丨丨譬|^: turn y -3⁄43⁄43⁄4 one month picture item in the present invention. Schematic diagram of the process. 6A to 6D in FIG. 6 are schematic views showing a process of deleting a current picture item in the present invention.
【主要元件符號說明】 [0041] 微處理器1 [0042] 儲存器2 [0043] 觸摸屏3 [0044] 圖片瀏覽控制單元20 [0045] 圖片庫21 [0046] 顯示模組2 0 1 [0047] 偵測模組202 098131707 表單編號A0101 第13頁/共26頁 0982054428-0 201112043 [0048] 解析模組203 [0049] 執行模組204 [0050] 顯示所讀取的圖片項目S1 [0051] 偵測對至少一個圖片項目的觸控，並產生觸控資訊 [0052] S2 [0053] 解析該觸控資訊，以獲取觸控類型S3 [0054] 根據該觸控類型調用相應的處理程式S4 [0055] 根據不同觸控類型對應的處理程式修改並顯示被觸控 [0056] 的圖片項目S5[Main Component Symbol Description] [0041] Microprocessor 1 [0042] Memory 2 [0043] Touch Screen 3 [0044] Picture Browsing Control Unit 20 [0045] Picture Library 21 [0046] Display Module 2 0 1 [0047] Detection module 202 098131707 Form number A0101 Page 13 of 26 page 0992054428-0 201112043 [0048] Analysis module 203 [0049] Execution module 204 [0050] Display the read picture item S1 [0051] Detection Touching at least one picture item and generating touch information [0052] S2 [0053] parsing the touch information to obtain a touch type S3 [0054] calling a corresponding processing program S4 according to the touch type [0055] Modify and display the picture item S5 that is touched [0056] according to the processing program corresponding to different touch types
098131707 表單編號A0101 第14頁/共26頁 0982054428-0098131707 Form No. A0101 Page 14 of 26 0982054428-0