電子裝置及其物件移動方法

專利名稱：電子裝置及其物件移動方法
技術領域：
本發明涉及一種物件移動方法，尤其涉及一種操作界面上具有多個子物件的母物件的電子裝置及其物件移動方法。
背景技術：
操作界面用以讓使用者和電子裝置互動，進而取得需要的操作結果。而為了讓使用者能更便利地使用電子裝置，關于操作界面的設計也日趨多元化。除了常見的圖示及表單等元件之外，動畫特效的添入更大幅提升了操作界面的使用樂趣。以利用微軟新一代展示層架構(Windows Presentation Foundation，簡稱為 WPF)所開發的動畫為例，由于構成動畫的每個物件可包括一或多個圖層，因此當物件的數量越多時，便容易造成系統運作效率低落。特別是在構成動畫的所有物件并未完全顯示在電子裝置的屏幕可視范圍之內，且電子裝置的屏幕解析度較大的情況下，當需要移動物件時，經常必須面臨電子裝置的中央處理器使用率過高，而導致物件移動速度過慢甚至畫面停頓等情況。不難想象，運作不流暢的操作界面十分容易對使用者的使用觀感造成負面影響。

發明內容
本發明的目的是提供一種物件移動方法，以在移動操作界面上的物件時，降低電子裝置的中央處理器的使用率。本發明的目的是提供一種電子裝置，以在使用者移動操作界面上的物件時，確保系統運作的流暢度。本發明提供一種物件移動方法，用于電子裝置的操作界面，此操作界面包括第一母物件，且第一母物件包括多個第一子物件。此方法在檢測到對應于第一母物件的移動事件時，取得表示第一母物件的第一替代圖片，并將至少部分的第一替代圖片顯示于屏幕可視范圍，以及根據移動事件來移動第一替代圖片。當移動事件不存在時，根據第一替代圖片目前顯示在屏幕可視范圍的部分，自第一母物件所包括的所有第一子物件中，重新決定顯示在屏幕可視范圍中的第一子物件。在本發明一實施例中，此物件移動方法還包括在顯示至少部分的第一替代圖片于屏幕可視范圍后，隱藏第一母物件。以及在移動事件不存在后，取消隱藏第一母物件，并且隱藏第一替代圖片。在本發明一實施例中，操作界面還包括第二母物件，第二母物件所包括的多個第二子物件均位于第一子物件的上層。此方法還包括當檢測到對應于第二母物件的移動事件時，取得表示第一母物件的第一替代圖片，將至少部分的第一替代圖片顯示于屏幕可視范圍，并根據移動事件移動第二母物件。當移動事件不存在時，根據第一替代圖片目前顯示在屏幕可視范圍且未被第二母物件遮蔽的部分，自第一母物件所包括的所有第一子物件中， 重新決定顯示在屏幕可視范圍中的第一子物件。〔0009〕 從另一觀點來看，本發明提供一種電子裝置，包括顯示模組、檢測模組、圖片生成 模組以及控制模組。其中，顯示模組用以顯示一操作界面，此操作界面包括第一母物件，且 第一母物件包括多個第一子物件。檢測模組耦接顯示模組，用以檢測是否有對應于第一母 物件的移動事件。圖片生成模組耦接檢測模組，在檢測模組檢測到對應于第一母物件的移 動事件時，圖片生成模組取得表示第一母物件的第一替代圖片。控制模組耦接檢測模組、圖 片生成模組與顯示模組，其中控制模組將至少部分的第一替代圖片顯示于顯示模組所定義 的屏幕可視范圍，并根據移動事件移動第一替代圖片。當檢測模組判斷移動事件不存在時， 控制模組根據第一替代圖片目前顯示在屏幕可視范圍的部分，自第一母物件所包括的所有 第一子物件中，重新決定顯示在屏幕可視范圍中的第一子物件。
〔0010〕 基于上述，本發明在判斷需要移動具有多個子物件的母物件時，將母物件及其所 包括的子物件一并轉為一替代圖片，并以移動替代圖片來取代移動母物件。而在判斷有其 他物件需在具有多個子物件的母物件的上方移動時，也先將下方的母物件及其所包括的子 物件轉為圖片，接著再移動上方物件。據此將能在移動物件時降低電子裝置的中央處理器 使用率，進而避免畫面停頓的情況產生。
〔0011〕 為讓本發明的上述特征和優點能更明顯易懂，下文特舉實施例，并配合附圖作詳 細說明如下。


〔0012〕圖1是本發明一實施例的電子裝置的方塊圖。
〔0013〕圖2是本發明一實施例的物件移動方法的流程圖。
〔0014〕圖3是本發明另一實施例的物件移動方法的流程圖。
〔0015〕圖4八、48、4〔、40、42是本發明一實施例的移動第一母物件的示意圖。
〔0016〕圖5是本發明又一實施例的物件移動方法的流程圖。
〔0017〕圖6是本發明的一實施例的兩個母物件的示意圖。
〔0018〕圖7是本發明再一實施例的物件移動方法的流程圖。
^001主要元件符號說明
^00203100電子裝置；110 顯示模組；
〔0021〕120檢測模組；130圖片生成模組；
〔0022〕140控制模組；1、2、3、4 第二子物件；
〔0023〕410,610 第一母物件；420 屏幕可視范圍；
咖24]430 第一替代圖片； 620 第二母物件；
〔0025〕八^丄’！^&？^第一子物件;
〔0026〕210 230、310 350、510 530、710 730 步驟。
具體實施例方式
〔0027〕 圖1是本發明一實施例的電子裝置的方塊圖。電子裝置100包括顯示模組110、檢 測模組120、圖片生成模組130以及控制模組140。電子裝置100可為手機、個人數字助理、 智能手機或電腦系統等等，在此并不對電子裝置100的種類加以限制。
〔0028〕 顯示模組110可為觸控式屏幕或液晶屏幕，用以顯示電子裝置100的各種操作界面。在本實施例中，操作界面可包括一或多個母物件，且每個母物件均個別具有多個子物件，子物件例如是界面工具集(widget)，或是以一或多個圖層構成的物件，在此并不對子物件的功能加以限制。詳細地說，母物件可以是透明的多圖層物件，負責乘載其所包括的子物件。因此，母物件的移動將使其所包括的子物件隨之跟著移動。但必須特別說明的是，在移動母物件時，其所包括的子物件在母物件中的相對位置并不會改變。檢測模組120耦接至顯示模組110，并用以檢測使用者操作母物件而產生的事件。 舉例來說，當顯示模組Iio為觸控式屏幕時，檢測模組120可以是觸控傳感器，以檢測使用者觸碰并操作物件所產生的各類事件。而當顯示模組110為液晶屏幕時，檢測模組120可以是軟件元件，以檢測使用者通過鼠標或鍵盤等輸入裝置點選或操作物件時所引發的各類事件。圖片生成模組130耦接至檢測模組120。圖片生成模組130用以在檢測模組120 檢測到對應于母物件的移動事件時，產生對應的替代圖片。其中，圖片生成模組130可利用硬件元件(例如處理器)、軟件元件，或硬件及軟件元件的組合來實現。控制模組140耦接顯示模組110、檢測模組120、圖片生成模組130。在對應于母物件的移動事件持續存在時，控制模組140會利用圖片生成模組130所產生的替代圖片執行一物件移動機制，進而降低在移動母物件時電子裝置100的中央處理器(未示出)的使用率。在本實施例中，控制模組140可以是硬件元件(例如處理器)、軟件元件，或硬件及軟件元件的組合。為了進一步說明在需要移動母物件時電子裝置100的詳細操作方式，以下特舉另一實施例來對本發明進行說明。圖2是本發明一實施例的物件移動方法的流程圖。在本實施例中，顯示模組110所顯示的操作界面包括第一母物件，此第一母物件具有多個第一子物件。在此假設已有一或多個第一子物件顯示在顯示模組110所定義的屏幕可視范圍中，但本發明并不以此為限。換句話說，此時使用者可通過顯示模組110觀看位于屏幕可視范圍中的第一子物件。首先如步驟210所示，當檢測模組120檢測到對應于第一母物件的移動事件時，圖片生成模組130取得表示第一母物件的第一替代圖片。其中，圖片生成模組130依照第一母物件的開發環境采取對應的方式來產生其替代圖片。舉例來說，倘若第一母物件以微軟新一代展示層架構(Windows Presentation Foundation，簡稱為WPF)所開發，那么圖片生成模組130可使用該架構中的特定功能(例如Visual Brush功能)將第一母物件的圖像存入一數據結構，接著再將其匯出成第一替代圖片。接下來在步驟220中，控制模組140將至少部分的第一替代圖片顯示于屏幕可視范圍以取代第一母物件，并且根據移動事件來移動第一替代圖片。進一步來說，倘若第一母物件的大小超過屏幕可視范圍，控制模組140會依照屏幕可視范圍的邊界與第一母物件的相對位置，將部分的第一替代圖片顯示于屏幕可視范圍。而若第一母物件的大小不超過屏幕可視范圍，控制模組140則會根據第一母物件是否完全位于屏幕可視范圍來決定要顯示全部或部分的第一替代圖片。當控制模組140根據移動事件來移動第一替代圖片時，例如會取得移動事件所提供的方向或坐標等信息來移動第一替代圖片，進而讓使用者能從屏幕可視范圍中看到第一替代圖片的不同區域。只要移動事件尚未消失，控制模組140便會不斷地根據移動事件來移動第一替代圖片。
最后如步驟230所示，當檢測模組120判斷移動事件不存在時，控制模組140根據第一替代圖片目前顯示在屏幕可視范圍的部分，自第一母物件所包括的所有第一子物件中，重新決定顯示在屏幕可視范圍中的第一子物件。換句話說，控制模組140在確認移動事件消失之后，會使第一母物件與屏幕可視范圍之間的相對位置等同于第一替代圖片目前與屏幕可視范圍之間的相對位置。如圖2所示的各步驟，當需要移動第一母物件時，本實施例是以第一替代圖片取代第一母物件來進行移動。由于實際被移動的第一替代圖片是屬于單一圖層的物件，因而能大幅減少電子裝置100的中央處理器的使用率。等待移動完畢之后，第一替代圖片才會被換回原始的第一母物件。圖3是本發明另一實施例的物件移動方法的流程圖。本實施例是以移動圖4A所示的第一母物件410為例來對本發明進行說明。如圖4A所示，第一母物件410包括多個第一子物件A F。且其中三個第一子物件(即第一子物件D、E、F)已顯示在屏幕可視范圍 420 中。首先如步驟310所示，檢測模組120反復判斷是否檢測到對應于第一母物件410 的移動事件。若檢測到對應于第一母物件410的移動事件，接著在步驟320中，圖片生成模組130取得表示第一母物件410的第一替代圖片(如圖4B所示的第一替代圖片430)，并由控制模組140將至少部分的第一替代圖片430顯示于屏幕可視范圍420，以及隱藏第一母物件410。在本實施例中，隱藏第一母物件410的方式例如是更改第一母物件410的屬性，而由于第一子物件A F均為第一母物件410的一部分，因此在隱藏第一母物件410后，其所包括的所有第一子物件也將隨之隱藏。接著如步驟330所示，控制模組140根據移動事件移動第一替代圖片430。在本實施例中，例如是向右移動第一替代圖片430(如圖4C所示)。接下來如步驟340所示，檢測模組120持續判斷移動事件是否存在。若移動事件仍存在，則回到步驟330，由控制模組140繼續根據移動事件來移動第一替代圖片430。例如，繼續向右移動第一替代圖片430。而當移動事件不存在時，則如步驟350所示，控制模組140取消隱藏第一母物件 410，并根據第一替代圖片430顯示在屏幕可視范圍420的部分，自第一母物件410所包括的所有第一子物件中，重新決定出要顯示在屏幕可視范圍420中的第一子物件，最后再隱藏第一替代圖片430。舉例來說，假設對應于第一母物件410的移動事件在圖4D所示的情況下消失，在控制模組140完成步驟350所示的動作后，則如圖4E所示，控制模組140再次顯示第一母物件410，此時會決定將第一子物件A、B、C顯示于屏幕可視范圍420，并隱藏第一替代圖片430。比較圖4D與圖4E可發現，控制模組140在將第一替代圖片430還原回第一母物件410時，會參考第一替代圖片430與屏幕可視范圍420的相對位置以決定第一母物件410的位置。圖5是本發明又一實施例的物件移動方法的流程圖，而圖6是本發明一實施例的兩個母物件的示意圖。在本實施例中，電子裝置100的操作界面除了包括第一母物件610 之外，另外還包括第二母物件620。第一母物件610包括七個第一子物件(即第一子物件 A、B、C、D、E、F、G)，第二母物件620則包括四個第二子物件(即第二子物件1、2、3、4)。如圖6所示，第二母物件620所包括的所有第二子物件均位于所有第一子物件的上層。即在第一母物件610與第二母物件620之間，第一母物件610屬于下層的圖層物件，而第二母物件620則是屬于上層的圖層物件。首先如步驟510所示，在檢測模組120檢測到對應于第二母物件620的移動事件時，圖片生成模組130取得表示第一母物件610的第一替代圖片。接著在步驟520中，控制模組140將至少部分的第一替代圖片顯示于屏幕可視范圍，并根據移動事件移動第二母物件620。由于移動第二母物件620的方式與一般在操作界面上移動多圖層物件的方式相同或相似，故在此不再贅述。最后如步驟530所示，當檢測模組120判斷移動事件不存在時，控制模組140根據第一替代圖片目前顯示在屏幕可視范圍且未被第二母物件620遮蔽的部分，自第一母物件610所包括的所有第一子物件中，重新決定顯示在屏幕可視范圍中的第一子物件。換句話說，控制模組140在第二母物件620停止移動之后，會將第一替代圖片恢復為第一母物件 610。如圖5所示，當有一物件(例如第二母物件620)需要在一個具有多圖層的復雜物件(例如第一母物件610)的上方移動時，控制模組140會將位于下層的復雜物件替換為圖片，進而降低在移動上層物件時電子裝置100的中央處理器的使用率，從而避免畫面停頓的情況產生。圖7是本發明再一實施例的物件移動方法的流程圖，延續上述實施例，電子裝置 100的操作界面包括第一母物件610與第二母物件620，且第一母物件610屬于下層的圖層物件，而第二母物件620則是屬于上層的圖層物件。首先如步驟710所示，圖片生成模組130在檢測模組120檢測到對應于第二母物件620的移動事件時，分別取得表示第一母物件610的第一替代圖片，以及表示第二母物件 620的第二替代圖片。接著在步驟720中，控制模組140將至少部分的第一替代圖片與至少部分的第二替代圖片顯示于屏幕可視范圍，并根據移動事件移動第二替代圖片。最后如步驟730所示，當檢測模組120判斷移動事件不存在時，控制模組140根據第二替代圖片目前顯示在屏幕可視范圍的部分，自第二母物件所包括的所有第二子物件中，重新決定要顯示在屏幕可視范圍中的第二子物件，并根據第一替代圖片目前顯示在屏幕可視范圍且未被第二替代圖片遮蔽的部分，自第一母物件所包括的所有第一子物件中， 重新決定要顯示在屏幕可視范圍中的第一子物件。在本實施例中，當檢測到對應于上層母物件的移動事件時，圖片生成模組130會產生分別表示上下兩層母物件的兩張替代圖片，且控制模組140會以移動上層母物件的替代圖片來取代移動上層母物件的動作。等到判定不再需要移動上層母物件之后，控制模組 140才將兩張替代圖片還原成原有的上層母物件以及下層母物件。據此達到減少中央處理器使用率的目的。在上述實施例中，控制模組140在將至少部分的第一替代圖片與至少部分的第二替代圖片顯示于屏幕可視范圍后，控制模組140可通過變更屬性的方式隱藏第一母物件 610與第二母物件620。因此使用者通過屏幕可視范圍看到兩個母物件的替代圖片，而并非看到母物件本身。在檢測模組120判斷對應于第二母物件620的移動事件不存在后，控制模組140會取消隱藏第一母物件、重新決定要顯示在屏幕可視范圍的是哪些第一子物件，并隱藏第一替代圖片。此外，控制模組140也將取消隱藏第二母物件、重新決定要顯示在屏幕可視范圍的是哪些第二子物件，并且隱藏第二替代圖片。必需特別說明的是，本發明并不對操作界面及其所包括的母物件的開發架構加以限制。任何在操作界面中具有多個圖層的母物件均可通過上述實施例所述的物件移動方法來降低移動母物件時的畫面停頓情況。綜上所述，本發明所述的電子裝置及其物件移動方法是當發現具有多圖層的復雜母物件需被移動時，利用該母物件的替代圖片進行移動，另外當有其他的物件要在一多圖層的母物件上方移動時，也先將多圖層的母物件轉換為替代圖片，直到移動結束后才將替代圖片還原為原母物件。據此，能在移動物件的過程中降低中央處理器的使用率，進而產生較流暢的畫面移動效果。雖然本發明已以實施例揭示如上，但其并非用以限定本發明，任何本領域技術人員，在不脫離本發明的精神和范圍內，可作適當更改或等同替換，故本發明的保護范圍應以權利要求書所界定的范圍為準。
權利要求
1.一種物件移動方法，其特征在于，用于一電子裝置的一操作界面，所述操作界面包括一第一母物件，所述第一母物件包括多個第一子物件，所述方法包括當檢測到對應于所述第一母物件的一移動事件時，取得表示所述第一母物件的一第一替代圖片；顯示至少部分的所述第一替代圖片于一屏幕可視范圍，并根據所述移動事件移動所述第一替代圖片；以及當所述移動事件不存在時，根據所述第一替代圖片目前顯示在所述屏幕可視范圍的部分，自所述第一母物件所包括的所述多個第一子物件中，重新決定顯示在所述屏幕可視范圍中的第一子物件。
2.根據權利要求1所述的物件移動方法，其特征在于，還包括在顯示至少部分的所述第一替代圖片于所述屏幕可視范圍后，隱藏所述第一母物件；以及在所述移動事件不存在后，取消隱藏所述第一母物件并隱藏所述第一替代圖片。
3.根據權利要求1所述的物件移動方法，其特征在于，所述操作界面還包括一第二母物件，所述第二母物件所包括的多個第二子物件均位于所述多個第一子物件的上層，所述方法還包括當檢測到對應于所述第二母物件的所述移動事件時，取得表示所述第一母物件的所述第一替代圖片；顯示至少部分的所述第一替代圖片于所述屏幕可視范圍，并根據所述移動事件移動所述第二母物件；以及當所述移動事件不存在時，根據所述第一替代圖片目前顯示在所述屏幕可視范圍且未被所述第二母物件遮蔽的部分，自所述第一母物件所包括的所述多個第一子物件中，重新決定顯示在所述屏幕可視范圍中的第一子物件。
4.根據權利要求3所述的物件移動方法，其特征在于，還包括當檢測到對應于所述第二母物件的所述移動事件時，取得表示所述第一母物件的所述第一替代圖片，以及表示所述第二母物件的一第二替代圖片；顯示至少部分的所述第一替代圖片與至少部分的所述第二替代圖片于所述屏幕可視范圍，并根據所述移動事件移動所述第二替代圖片；以及當所述移動事件不存在時，根據所述第二替代圖片目前顯示在所述屏幕可視范圍的部分，自所述第二母物件所包括的所述多個第二子物件中重新決定顯示在所述屏幕可視范圍中的第二子物件，并根據所述第一替代圖片目前顯示在所述屏幕可視范圍且未被所述第二替代圖片遮蔽的部分，自所述第一母物件所包括的所述多個第一子物件中重新決定顯示在所述屏幕可視范圍中的第一子物件。
5.根據權利要求4所述的物件移動方法，其特征在于，還包括在顯示至少部分的所述第一替代圖片與至少部分的所述第二替代圖片于所述屏幕可視范圍后，隱藏所述第一母物件與所述第二母物件；以及在所述移動事件不存在后，取消隱藏所述第一母物件并隱藏所述第一替代圖片，以及取消隱藏所述第二母物件并隱藏所述第二替代圖片。
6.一種電子裝置，其特征在于，包括一顯示模組，顯示一操作界面，其中所述操作界面包括一第一母物件，且所述第一母物件包括多個第一子物件；一檢測模組，耦接所述顯示模組，用來檢測是否有對應于所述第一母物件的一移動事件；一圖片生成模組，耦接所述檢測模組，在所述檢測模組檢測到對應于所述第一母物件的所述移動事件時，所述圖片生成模組取得表示所述第一母物件的一第一替代圖片；以及一控制模組，耦接所述檢測模組、所述圖片生成模組與所述顯示模組，其中所述控制模組顯示至少部分的所述第一替代圖片于所述顯示模組定義的一屏幕可視范圍，并根據所述移動事件移動所述第一替代圖片；當所述檢測模組判斷所述移動事件不存在時，所述控制模組根據所述第一替代圖片目前顯示在所述屏幕可視范圍的部分，自所述第一母物件所包括的所述多個第一子物件中，重新決定顯示在所述屏幕可視范圍中的第一子物件。
7.根據權利要求6所述的電子裝置，其特征在于，所述控制模組在顯示至少部分的所述第一替代圖片于所述屏幕可視范圍后，隱藏所述第一母物件，并在所述檢測模組判斷所述移動事件不存在后，取消隱藏所述第一母物件并隱藏所述第一替代圖片。
8.根據權利要求6所述的電子裝置，其特征在于，所述操作界面還包括一第二母物件， 所述第二母物件所包括的多個第二子物件均位于所述多個第一子物件的上層；所述圖片生成模組在所述檢測模組檢測到對應于所述第二母物件的所述移動事件時， 取得表示所述第一母物件的所述第一替代圖片；所述控制模組顯示至少部分的所述第一替代圖片于所述屏幕可視范圍，并根據所述移動事件移動所述第二母物件；當所述檢測模組判斷所述移動事件不存在時，所述控制模組根據所述第一替代圖片目前顯示在所述屏幕可視范圍且未被所述第二母物件遮蔽的部分，自所述第一母物件所包括的所述多個第一子物件中，重新決定顯示在所述屏幕可視范圍中的第一子物件。
9.根據權利要求8所述的電子裝置，其特征在于，所述圖片生成模組在所述檢測模組檢測到對應于所述第二母物件的所述移動事件時，取得表示所述第一母物件的所述第一替代圖片以及表示所述第二母物件的一第二替代圖片；所述控制模組顯示至少部分的所述第一替代圖片與至少部分的所述第二替代圖片于所述屏幕可視范圍，并根據所述移動事件移動所述第二替代圖片；當所述檢測模組判斷所述移動事件不存在時，所述控制模組根據所述第二替代圖片目前顯示在所述屏幕可視范圍的部分，自所述第二母物件所包括的所述多個第二子物件中重新決定顯示在所述屏幕可視范圍中的第二子物件，并根據所述第一替代圖片目前顯示在所述屏幕可視范圍且未被所述第二替代圖片遮蔽的部分，自所述第一母物件所包括的所述多個第一子物件中重新決定顯示在所述屏幕可視范圍中的第一子物件。
10.根據權利要求6所述的電子裝置，其特征在于，所述控制模組在顯示至少部分的所述第一替代圖片與至少部分的所述第二替代圖片于所述屏幕可視范圍后，隱藏所述第一母物件與所述第二母物件，并在所述檢測模組判斷所述移動事件不存在后，取消隱藏所述第一母物件并隱藏所述第一替代圖片，以及取消隱藏所述第二母物件并隱藏所述第二替代圖片。
全文摘要
本發明涉及一種電子裝置及其物件移動方法，物件移動方法用于電子裝置的操作界面，此操作界面包括第一母物件，且第一母物件包括多個第一子物件。此方法在檢測到對應于第一母物件的移動事件時，取得表示第一母物件的第一替代圖片，并將至少部分的第一替代圖片顯示于屏幕可視范圍，以及根據移動事件來移動第一替代圖片。當移動事件不存在時，根據第一替代圖片目前顯示在屏幕可視范圍的部分，自第一母物件所包括的所有第一子物件中，重新決定顯示在屏幕可視范圍中的第一子物件。本發明的電子裝置及其物件移動方法能在移動物件時降低電子裝置的中央處理器的使用率，進而避免畫面停頓的情況產生。
文檔編號G06F3/048GK102314286SQ201010216889
公開日2012年1月11日 申請日期2010年6月29日 優先權日2010年6月29日
發明者彭信元, 李俊樺 申請人:宏碁股份有限公司