用于編輯基于幀的頁(yè)的方法和使用所述方法的電子裝置制造方法
【專(zhuān)利摘要】本發(fā)明提供一種用于編輯基于幀的頁(yè)的方法和使用所述方法的電子裝置。在所述方法中，在觸摸屏上顯示包含分別表示多個(gè)應(yīng)用程序的多個(gè)項(xiàng)目的基于項(xiàng)目的頁(yè)。通過(guò)使用觸摸屏來(lái)檢測(cè)對(duì)項(xiàng)目執(zhí)行的觸摸操作。根據(jù)所述觸摸操作來(lái)拖動(dòng)所述項(xiàng)目。確定所述項(xiàng)目是否被拖動(dòng)到基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域。在確定所述項(xiàng)目被拖動(dòng)到所述基于項(xiàng)目的頁(yè)的所述動(dòng)作區(qū)域之后，將所述項(xiàng)目轉(zhuǎn)變?yōu)轱@示由所述項(xiàng)目表示的應(yīng)用程序的內(nèi)容的新幀。所述幀顯示由所述項(xiàng)目表示的應(yīng)用程序的內(nèi)容。
【專(zhuān)利說(shuō)明】用于編輯基于幀的頁(yè)的方法和使用所述方法的電子裝置
[0001]

【技術(shù)領(lǐng)域】
[0002]本發(fā)明涉及用于編輯基于幀的頁(yè)的方法和使用所述方法的電子裝置。

【背景技術(shù)】
[0003]為了迎合當(dāng)今的忙碌生活，各家廠(chǎng)商已開(kāi)發(fā)出各種可有效利用空間且高度便攜的移動(dòng)裝置。以個(gè)人數(shù)字助理(personal digital assistant, PDA)、PDA電話(huà)和智能電話(huà)作為實(shí)施例，它們不僅提供與常規(guī)的通信裝置一樣的各種功能，而且允許用戶(hù)通過(guò)內(nèi)置的操作系統(tǒng)(OS)來(lái)編輯文件、發(fā)送/接收電子郵件、瀏覽網(wǎng)頁(yè)以及執(zhí)行即時(shí)消息傳遞。
[0004]至于輕薄并且小型的便攜式電子裝置，其體積必須非常小，并且其屏幕大小必須減小。為了將較大的屏幕設(shè)置在有限的空間內(nèi)，最近已開(kāi)發(fā)出觸摸屏，其屏幕可同時(shí)用作便攜式電子裝置的顯示單元和輸入單元，以使得節(jié)省了用于設(shè)置常規(guī)的鍵盤(pán)的成本和空間。觸摸屏的操作非常簡(jiǎn)單和直接。用戶(hù)可通過(guò)用觸筆或手指簡(jiǎn)單地觸摸屏幕來(lái)在屏幕上執(zhí)行各種操作。
[0005]近來(lái)已開(kāi)發(fā)出包含用于容納各種應(yīng)用程序圖標(biāo)或小組件(例如，Wind0ws7移動(dòng)版中的磁貼(tile))的多個(gè)巾貞的基于巾貞的頁(yè)(frame-based page)來(lái)幫助用戶(hù)有效地組織其桌面。然而，當(dāng)用戶(hù)想要將新的幀添加到基于幀的頁(yè)時(shí)，用戶(hù)必須進(jìn)入特定頁(yè)，所述特定頁(yè)列舉了可被轉(zhuǎn)變?yōu)閹⑶姨砑拥交趲捻?yè)的所有項(xiàng)目。在用戶(hù)選擇了所要的項(xiàng)目之后，代表所要的項(xiàng)目的新幀隨后將被添加到基于幀的頁(yè)。因此，這對(duì)于用戶(hù)將新幀添加到基于幀的頁(yè)來(lái)說(shuō)不那么便利并且不直觀(guān)。


【發(fā)明內(nèi)容】

[0006]因此，本發(fā)明針對(duì)于一種用于編輯基于幀的頁(yè)的方法以及使用所述方法的電子裝置，其可便于用戶(hù)將新幀添加到基于幀的頁(yè)。
[0007]本文中介紹一種用于編輯基于幀的頁(yè)的方法。所述方法適用于具有觸摸屏的電子裝置。所述方法包含以下步驟。在觸摸屏上顯示包含分別表示一個(gè)或一個(gè)以上應(yīng)用程序的一個(gè)或一個(gè)以上項(xiàng)目的基于項(xiàng)目的頁(yè)。檢測(cè)通過(guò)使用觸摸屏來(lái)對(duì)項(xiàng)目執(zhí)行的觸摸操作。根據(jù)所述觸摸操作來(lái)拖動(dòng)所述項(xiàng)目。確定所述項(xiàng)目是否被拖動(dòng)到基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域。在確定所述項(xiàng)目被拖動(dòng)到基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域之后，將所述基于項(xiàng)目的頁(yè)轉(zhuǎn)變?yōu)轱@示由所述項(xiàng)目表示的應(yīng)用程序的內(nèi)容的幀。所述幀顯示由所述項(xiàng)目表示的應(yīng)用程序的內(nèi)容。
[0008]本文中介紹一種電子裝置。所述設(shè)備包含觸摸屏、存儲(chǔ)單元以及一個(gè)或多個(gè)處理單元。所述存儲(chǔ)單元存儲(chǔ)多個(gè)模塊。所述處理單元耦接到所述觸摸屏和所述存儲(chǔ)單元。所述處理單元執(zhí)行在所述存儲(chǔ)單元中記錄的所述模塊以使所述電子裝置:在所述觸摸屏上顯示包含分別表示一個(gè)或一個(gè)以上應(yīng)用程序的一個(gè)或一個(gè)以上項(xiàng)目的基于項(xiàng)目的頁(yè)；檢測(cè)通過(guò)使用觸摸屏對(duì)項(xiàng)目執(zhí)行的觸摸操作；根據(jù)所述觸摸操作來(lái)拖動(dòng)所述項(xiàng)目；確定所述項(xiàng)目是否被拖動(dòng)到基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域；在確定所述項(xiàng)目被拖動(dòng)到基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域之后，將所述項(xiàng)目轉(zhuǎn)變?yōu)轱@示由所述項(xiàng)目表示的應(yīng)用程序的內(nèi)容的幀。所述幀顯示由所述項(xiàng)目表示的應(yīng)用程序的內(nèi)容。
[0009]基于以上描述，本發(fā)明的實(shí)施例提供一種用于編輯基于幀的頁(yè)的方法以及使用所述方法的電子裝置。在本發(fā)明中，當(dāng)用戶(hù)將基于項(xiàng)目的頁(yè)中的項(xiàng)目拖動(dòng)到動(dòng)作區(qū)域時(shí)，所述電子裝置可對(duì)應(yīng)地將所述項(xiàng)目轉(zhuǎn)變?yōu)樾聨覍⑺@示的內(nèi)容切換到基于幀的頁(yè)。當(dāng)用戶(hù)移動(dòng)基于幀的頁(yè)中的新幀時(shí)，基于幀的頁(yè)中被新幀覆蓋的幀對(duì)應(yīng)地移動(dòng)，以使得用戶(hù)在編輯基于幀的頁(yè)的過(guò)程中具有新穎的用戶(hù)體驗(yàn)。
[0010]為了使本發(fā)明的上述和其它特征和優(yōu)點(diǎn)可理解，下文詳細(xì)描述附有圖式的若干示范性實(shí)施例。

【專(zhuān)利附圖】

【附圖說(shuō)明】
[0011]包含附圖以提供對(duì)本發(fā)明的進(jìn)一步理解，且附圖并入本說(shuō)明書(shū)中并構(gòu)成本說(shuō)明書(shū)的一部分。所述圖式說(shuō)明本發(fā)明的實(shí)施例，且與描述一起用以解釋本發(fā)明的原理。
[0012]圖1是根據(jù)本發(fā)明的示范性實(shí)施例圖示的電子裝置的框圖。
[0013]圖2是根據(jù)本發(fā)明的示范性實(shí)施例圖示的用于編輯基于幀的頁(yè)的方法的流程圖。
[0014]圖3A到圖3F是根據(jù)本發(fā)明的示范性實(shí)施例圖示的對(duì)應(yīng)于用于編輯基于幀的頁(yè)的方法的行為的示意圖。
[0015]圖4A到圖4C是根據(jù)本發(fā)明的示范性實(shí)施例圖示的編輯模塊移動(dòng)幀的方式中的一者的示意圖。
[0016]圖5A和圖5B是根據(jù)本發(fā)明的示范性實(shí)施例圖示的用于用幀填充空白網(wǎng)格的重排規(guī)則的示意圖。
[0017]圖6A和圖6B是根據(jù)本發(fā)明的示范性實(shí)施例圖示的用于用幀填充空白網(wǎng)格的重排規(guī)則的示意圖。
[0018]圖7A到圖7C是根據(jù)本發(fā)明的示范性實(shí)施例圖示的用于用幀填充空白網(wǎng)格的重排規(guī)則的示意圖。
[0019]圖8是圖示幀可調(diào)整到的大小的示意圖。
[0020][主要元件標(biāo)號(hào)說(shuō)明]
[0021]10:基于幀的頁(yè)10’:基于幀的頁(yè)
[0022]10’ ’:基于幀的頁(yè)14:新幀
[0023]14’:新幀14’’:新幀
[0024]14’ ’ ’:新幀15:被覆蓋的幀
[0025]16:網(wǎng)格20:基于項(xiàng)目的頁(yè)
[0026]22:項(xiàng)目24:動(dòng)作區(qū)域
[0027]40:網(wǎng)格44:幀
[0028]46:幀48:幀
[0029]51?55:巾貞61?67:中貞
[0030]72:幀75 ?81:幀
[0031]100:電子裝置110:觸摸屏
[0032]120:存儲(chǔ)單元130:處理單元
[0033]142:按鈕144:按鈕
[0034]146:按鈕148:按鈕
[0035]CA:列CB:列
[0036]RA:下方行RB:上方行
[0037]S210 ?S250:步驟

【具體實(shí)施方式】
[0038]現(xiàn)將在下文中參照附圖更全面地描述本發(fā)明的一些實(shí)施例，附圖中繪示了本發(fā)明的一些(但不是全部)實(shí)施例。實(shí)際上，本發(fā)明的各種實(shí)施例可按許多不同形式體現(xiàn)且不應(yīng)視為限于本文中闡述的實(shí)施例；而是，提供這些實(shí)施例以使得本揭露將符合適用法律要求。相同參考數(shù)字在全文中指相同元件。
[0039]圖1是根據(jù)本發(fā)明的示范性實(shí)施例圖示的電子裝置的框圖。在本實(shí)施例中，電子裝置100包含觸摸屏110、存儲(chǔ)單元120和處理單元130。請(qǐng)注意，處理單元的數(shù)量在本發(fā)明中不限于一個(gè)。電子裝置100可為手機(jī)、智能電話(huà)、個(gè)人數(shù)字助理(PDA)、PDA電話(huà)、膝上型計(jì)算機(jī)或平板電腦。
[0040]觸摸屏110是通過(guò)將電阻性、電容性或任何其它類(lèi)型的觸摸感測(cè)裝置與液晶顯示器(LCD)集成在一起而制造，且所述觸摸屏可在顯示電子裝置100的幀的同時(shí)檢測(cè)由用戶(hù)執(zhí)行的觸摸操作。存儲(chǔ)單元120是固定或移動(dòng)的隨機(jī)存取存儲(chǔ)器(RAM)、只讀存儲(chǔ)器(ROM)、閃存、硬盤(pán)或任何其它類(lèi)似裝置中的一者或組合，且所述存儲(chǔ)單元記錄可由處理單元130執(zhí)行的多個(gè)模塊。這些模塊可被載入到處理單元130中以執(zhí)行用于編輯基于幀的頁(yè)的方法。
[0041]處理單元130包含中央處理單元(CPU)、可編程通用或?qū)Ｓ梦⑻幚砥?、?shù)字信號(hào)處理器(DSP)、可編程控制器、專(zhuān)用集成電路(ASIC)、可編程邏輯裝置(PLD)或任何其它類(lèi)似裝置中的一者或組合。所述處理單元130耦接到所述觸摸屏110和所述存儲(chǔ)單元120。處理單元130存取并執(zhí)行記錄在存儲(chǔ)單元120中的模塊以執(zhí)行用于編輯基于幀的頁(yè)的方法。
[0042]存儲(chǔ)在存儲(chǔ)單元120中的模塊可包含顯示模塊、檢測(cè)模塊、操作模塊、確定模塊和轉(zhuǎn)變模塊。這些模塊可為可被載入到處理單元130中以執(zhí)行用于編輯基于幀的頁(yè)的方法的計(jì)算機(jī)程序。此外，雖然將模塊描述為獨(dú)立組件，但出于效率或便利的目的，還可將所述多個(gè)模塊實(shí)施為單個(gè)組件。下文參考本發(fā)明的實(shí)施例來(lái)詳細(xì)地描述電子裝置100如何執(zhí)行用于編輯基于巾貞的頁(yè)的方法。
[0043]圖2是根據(jù)本發(fā)明的示范性實(shí)施例圖示的用于編輯基于幀的頁(yè)的方法的流程圖。本實(shí)施例中的用于編輯基于幀的頁(yè)的方法適于圖1所說(shuō)明的電子裝置100。以下參考電子裝置100的各種組件來(lái)詳細(xì)地描述用于編輯基于幀的頁(yè)的方法。
[0044]在步驟S210中，處理單元130執(zhí)行顯示模塊，以使電子裝置100在觸摸屏100上顯示包含分別表示一個(gè)或一個(gè)以上應(yīng)用程序的一個(gè)或一個(gè)以上項(xiàng)目的基于項(xiàng)目的頁(yè)。所述項(xiàng)目可為應(yīng)用程序的圖標(biāo)。在一些實(shí)施例中，可在一系列連續(xù)的基于項(xiàng)目的頁(yè)中，列舉安裝在電子裝置100中的所有應(yīng)用程序，但本發(fā)明不限于此。
[0045]在步驟S220中，處理單元130執(zhí)行檢測(cè)模塊，以使電子裝置100檢測(cè)通過(guò)使用觸摸屏100對(duì)項(xiàng)目執(zhí)行的觸摸操作。在步驟S230中，處理單元130執(zhí)行操作模塊以使電子裝置100根據(jù)所述觸摸操作來(lái)拖動(dòng)所述項(xiàng)目。在一些實(shí)施例中，處理單元130執(zhí)行確定模塊，以使電子裝置100確定觸摸操作在所觸摸的項(xiàng)目上停留的時(shí)間是否超過(guò)閾值(例如，0.5秒)。在一些實(shí)施例中，可并入一些其它因素以作為確定是否拖動(dòng)所述項(xiàng)目的基礎(chǔ)，但本實(shí)施例不限于此。若是，那么電子裝置100可相應(yīng)地執(zhí)行在步驟S230中描述的行為。在一些實(shí)施例中，處理單元130可執(zhí)行顯示模塊以使電子裝置100從基于項(xiàng)目的頁(yè)提起(lift)所述項(xiàng)目。也就是說(shuō)，電子裝置100可略微放大所述項(xiàng)目和/或略微向上移動(dòng)所述項(xiàng)目以便向用戶(hù)通知對(duì)所述項(xiàng)目的選擇。此外，處理單元130可執(zhí)行顯示模塊以使電子裝置100沿著觸摸操作的移動(dòng)路徑移動(dòng)所述項(xiàng)目。另一方面，當(dāng)觸摸操作在所觸摸的項(xiàng)目上停留的時(shí)間短于閾值時(shí)，處理單元130可激活對(duì)應(yīng)于所觸摸的項(xiàng)目的應(yīng)用程序，但本發(fā)明不限于此。
[0046]另外，處理單元130可執(zhí)行顯示模塊，以使電子裝置100進(jìn)一步在確定觸摸操作在所觸摸的項(xiàng)目上停留的時(shí)間超過(guò)閾值之后，在基于項(xiàng)目的頁(yè)上顯示動(dòng)作區(qū)域。在一些實(shí)施例中，可將所述動(dòng)作區(qū)域設(shè)計(jì)為基于項(xiàng)目的頁(yè)的左側(cè)區(qū)域、右側(cè)區(qū)域、頂側(cè)區(qū)域、底側(cè)區(qū)域中的一者或組合。除此之外，動(dòng)作區(qū)域可以是在基于項(xiàng)目的頁(yè)的邊緣具有預(yù)定寬度的區(qū)域。
[0047]在步驟S240中，處理單元130執(zhí)行確定模塊，以使電子裝置100確定所述項(xiàng)目是否被拖動(dòng)到基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域。若是，處理單元130執(zhí)行轉(zhuǎn)變模塊以使電子裝置100隨后執(zhí)行步驟S250 ;若否，那么流程返回到步驟S220，使電子裝置100保持檢測(cè)觸摸操作。
[0048]在步驟S250中，處理單元130執(zhí)行轉(zhuǎn)變模塊，以使電子裝置100將所述項(xiàng)目轉(zhuǎn)變?yōu)轱@示由所述項(xiàng)目表示的應(yīng)用程序的內(nèi)容的新幀。新幀中所顯示的內(nèi)容可為可在正常存取應(yīng)用程序之后展示的一些信息。舉例來(lái)說(shuō)，若應(yīng)用程序是可在被激活之后展示新聞的新聞應(yīng)用程序，那么新幀中的內(nèi)容可直接展示最新的新聞。在一些實(shí)施例中，新幀可為應(yīng)用程序的小組件，所述小組件展示由應(yīng)用程序所提供的信息以及應(yīng)用程序所提供的一些功能性工具。
[0049]在一些實(shí)施例中，處理單元130可執(zhí)行確定模塊，以使電子裝置100在步驟S230中進(jìn)一步確定所述項(xiàng)目是否在動(dòng)作區(qū)域上覆蓋了預(yù)定時(shí)間(例如，0.5秒)。若是，處理單元130可執(zhí)行轉(zhuǎn)變模塊，以使電子裝置100在步驟S240中相應(yīng)地將所述項(xiàng)目轉(zhuǎn)變?yōu)樾聨?br> [0050]在一些實(shí)施例中，存儲(chǔ)單元120還可包含編輯模塊和重新排列模塊。處理單元130可執(zhí)行編輯模塊，以使電子裝置100響應(yīng)于觸摸操作被釋放，而將新幀插入到基于幀的頁(yè)中的空白網(wǎng)格中。根據(jù)釋放觸摸操作的位置來(lái)確定，或者根據(jù)在釋放觸摸操作時(shí)的新幀的位置來(lái)確定，在何處插入新幀的網(wǎng)格。應(yīng)注意，電子裝置100可將被新幀覆蓋的一個(gè)或一個(gè)以上幀，以及在被覆蓋的幀下方的幀向下移動(dòng)，以便在正被拖動(dòng)的新幀被確定覆蓋基于幀的頁(yè)的幀中的一者之后，空出網(wǎng)格來(lái)容納新幀。在插入新幀之后，處理單元130可執(zhí)行重新排列模塊以使電子裝置100重新排列被覆蓋的幀和在被覆蓋的幀下方的幀，從而基于一些重排(reflow)規(guī)則來(lái)填充空出的網(wǎng)格，這將在稍后描述。
[0051]通過(guò)圖3A到圖3F所示的示意圖,將較容易理解在觸摸屏110上展示的對(duì)應(yīng)于步驟S210到S250的行為。圖3A到圖3F是根據(jù)本發(fā)明的示范性實(shí)施例圖示的對(duì)應(yīng)于用于編輯基于幀的頁(yè)的方法的行為的示意圖。在本實(shí)施例中，假設(shè)電子裝置100是智能電話(huà)。
[0052]參看圖3A，在觸摸屏110上展示的基于幀的頁(yè)10可為電子裝置100的主頁(yè)(homepage)?；趲捻?yè)10可包含對(duì)應(yīng)于各種應(yīng)用程序的若干幀。如先前實(shí)施例中所提到的，所述幀(例如，幀15)可直接展示與其對(duì)應(yīng)的應(yīng)用程序相關(guān)的信息，例如，新聞、天氣、交通情況或股票信息，但本發(fā)明不限于此。
[0053]在本實(shí)施例中，用戶(hù)可對(duì)基于幀的頁(yè)10執(zhí)行觸摸操作，且滑動(dòng)到左側(cè)以將基于幀的頁(yè)10切換到基于項(xiàng)目的頁(yè)20，所述基于項(xiàng)目的頁(yè)包含當(dāng)前安裝在電子裝置100中的應(yīng)用程序的各種項(xiàng)目(例如，圖標(biāo))。
[0054]參看圖3B，當(dāng)用戶(hù)想要將與項(xiàng)目22相關(guān)的新幀添加到基于幀的頁(yè)10時(shí)，用戶(hù)可對(duì)基于項(xiàng)目的頁(yè)20中的項(xiàng)目22執(zhí)行觸摸操作(由黑點(diǎn)表示)，且電子裝置100可根據(jù)觸摸操作來(lái)對(duì)應(yīng)地拖動(dòng)項(xiàng)目22，如圖3C所示。參看圖3C，當(dāng)項(xiàng)目22正在被拖動(dòng)時(shí)，電子裝置100可顯示動(dòng)作區(qū)域24。接著，用戶(hù)可朝向動(dòng)作區(qū)域24移動(dòng)項(xiàng)目22，如圖3D所示。在電子裝置100確定項(xiàng)目22已被拖動(dòng)到動(dòng)作區(qū)域24時(shí)，電子裝置100可對(duì)應(yīng)地將基于項(xiàng)目的頁(yè)20轉(zhuǎn)變到基于幀的頁(yè)10，且將項(xiàng)目22轉(zhuǎn)變?yōu)樾聨?4，如圖3E所示。
[0055]在圖3E中，用戶(hù)可將新幀14移動(dòng)到基于幀的頁(yè)10內(nèi)的任何所要的位置，且電子裝置100會(huì)將新幀14插入到基于幀的頁(yè)10的選定位置中。在一些實(shí)施例中，電子裝置100將在基于幀的頁(yè)10內(nèi)排列所述幀，從而空出可插入新幀14的網(wǎng)格。舉例來(lái)說(shuō)，當(dāng)用戶(hù)如圖3E所示而移動(dòng)新幀14時(shí)，電子裝置100可確定幀15會(huì)被新幀14覆蓋。接著，電子裝置100可(例如)向下移動(dòng)被覆蓋的幀15和被覆蓋的幀15下方的幀，從而空出網(wǎng)格16。然后，當(dāng)用戶(hù)釋放觸摸操作時(shí)，電子裝置100可將新幀14插入到網(wǎng)格16中，如圖3F所示。在一些實(shí)施例中，新幀14可被設(shè)計(jì)成具有按鈕142、144、146和148，所述按鈕可分別定位在新幀14的角落中的一者處。按鈕142可用于刪除新幀14，且按鈕144、146和148可用于重新設(shè)定新幀14的大小。具體來(lái)說(shuō)，當(dāng)用戶(hù)對(duì)按鈕144、146和148中的一者執(zhí)行觸摸操作時(shí)，用戶(hù)可隨后拖動(dòng)按鈕144、146和148以將新幀14的大小切換為其它大小。
[0056]應(yīng)注意，電子裝置100移動(dòng)圖3E和圖3F所說(shuō)明的幀的方式僅是本發(fā)明的簡(jiǎn)單實(shí)施例。在其它實(shí)施例中，電子裝置100可通過(guò)各種方式來(lái)移動(dòng)被覆蓋的幀以及被覆蓋的幀下方的幀。除此之外，還可根據(jù)一些重排規(guī)則來(lái)實(shí)施電子裝置100移回被移動(dòng)的幀的方式。
[0057]以圖4A到圖4C為例，圖4A到圖4C是根據(jù)本發(fā)明的示范性實(shí)施例圖示的編輯模塊移動(dòng)幀的方式中的一者的示意圖。參看圖4A，當(dāng)電子裝置100響應(yīng)于觸摸操作而將新幀14’拖動(dòng)到圖4A所示的位置時(shí)，電子裝置100可向下移動(dòng)被新幀14’覆蓋的幀42。同時(shí)，電子裝置100還可向下移動(dòng)在幀42下方的幀44。當(dāng)向下移動(dòng)幀44時(shí)，也可向下移動(dòng)在幀44下方的幀46和48。因此，電子裝置100可在基于幀的頁(yè)10’中產(chǎn)生空白網(wǎng)格40。接著，當(dāng)用戶(hù)釋放觸摸操作時(shí)，電子裝置100可對(duì)應(yīng)地將新幀14’插入到空白網(wǎng)格40中。
[0058]可觀(guān)察到，在圖4C中仍然存在一些空白網(wǎng)格，且在其它實(shí)施例中，處理單元130可執(zhí)行重新排列模塊以使電子裝置100根據(jù)一些重排規(guī)則用先前移動(dòng)的幀填充空白網(wǎng)格。在下文中，給出實(shí)施例來(lái)描述電子裝置100如何填充空白網(wǎng)格。
[0059]圖5A和圖5B是根據(jù)本發(fā)明的示范性實(shí)施例圖示的用于用幀填充空白網(wǎng)格的重排規(guī)則的示意圖。參看圖5A，假設(shè)在電子裝置100插入新幀14’ ’的操作期間將幀51到54向下移動(dòng)到圖5A所示的位置。因?yàn)樵谛兄锌粘鼍W(wǎng)格55，所以處理單元130可執(zhí)行重新排列模塊以使電子裝置100直接向上移動(dòng)幀51到54來(lái)填充空白網(wǎng)格55，如圖5B所示。
[0060]圖6A和圖6B是根據(jù)本發(fā)明的示范性實(shí)施例圖示的用于用幀填充空白網(wǎng)格的重排規(guī)則的示意圖。參看圖6A，假設(shè)在電子裝置100插入新幀14’’’的操作期間向下移動(dòng)被新幀14’ ’ ’覆蓋的幀之后形成幀61到65。可觀(guān)察到的是，幀61到65的上方行RB，以及幀61到65上方的幀66和67的下方行RA彼此相對(duì)。也就是說(shuō)，上方行RB和下方行RA的形狀彼此互補(bǔ)，以使得當(dāng)組合上方行RB和下方行RA時(shí)，所得的圖案將是完整的矩形，但本發(fā)明不限于此。當(dāng)確定上方行RB和下方行RA彼此相對(duì)時(shí)，處理單元130可執(zhí)行重新排列模塊以使電子裝置100直接向上移動(dòng)幀61到65來(lái)填充空出的網(wǎng)格，如圖6B所示。
[0061]在一些實(shí)施例中，當(dāng)用戶(hù)執(zhí)行觸摸操作以將基于幀的頁(yè)10的幀重新設(shè)定為較小的大小時(shí)，可對(duì)應(yīng)地產(chǎn)生一些空白網(wǎng)格。在此情形下，處理單元130也可執(zhí)行重新排列模塊以使電子裝置100移動(dòng)空白網(wǎng)格下方的幀來(lái)填充空白網(wǎng)格。
[0062]以圖7A到圖7C為例，圖7A到圖7C是根據(jù)本發(fā)明的示范性實(shí)施例圖示的用于用幀填充空白網(wǎng)格的重排規(guī)則的示意圖。
[0063]參看圖7A，當(dāng)用戶(hù)通過(guò)對(duì)幀72的重新設(shè)定大小按鈕73執(zhí)行觸摸操作來(lái)將幀72的大小重新設(shè)定為較小的大小時(shí)，處理單元130可執(zhí)行編輯模塊以使電子裝置100對(duì)應(yīng)地將中貞72的大小重新設(shè)定為如圖7B示范性地展示的大小。參看圖7B,因?yàn)榻碡?2的大小變得較小，所以可能產(chǎn)生一些空白網(wǎng)格(例如，空白網(wǎng)格75到77)。在本實(shí)施例中，處理單元130可執(zhí)行重新排列模塊以使電子裝置100逐列將由于重新設(shè)定幀72的大小而空出的網(wǎng)格下方的幀向上移動(dòng)，從而填充空出的網(wǎng)格。具體來(lái)說(shuō)，電子裝置100可將列CA (包含幀78和79)向上移動(dòng)以填充空白網(wǎng)格75。電子裝置100還可將列CB (包含幀80和81)向上移動(dòng)以填充空白網(wǎng)格76和77。基于幀的頁(yè)10’ ’中所包含的幀的排列方式可參看圖7C。
[0064]圖8是圖示幀可調(diào)整到的大小的示意圖。在本實(shí)施例中，幀的大小可包含1X1、1X2、1X3、2X1、2X2、2X3、3X1、3X2和3X3的單元大小，如圖8所示?？蓪⑺鰡卧笮∫暈榫哂杏|摸屏的三分之一寬度和四分之一高度的大小，但本發(fā)明不限于此。
[0065]綜上所述，本發(fā)明的實(shí)施例提供一種用于編輯基于幀的頁(yè)的方法和使用所述方法的電子裝置。在本發(fā)明中，當(dāng)用戶(hù)想要將新幀添加到基于幀的頁(yè)時(shí)，用戶(hù)可僅將基于項(xiàng)目的頁(yè)中的相關(guān)項(xiàng)目拖動(dòng)到基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域，以便將基于項(xiàng)目的頁(yè)轉(zhuǎn)變到基于幀的頁(yè)，且將所述項(xiàng)目轉(zhuǎn)變?yōu)樾聨?，以使得用?hù)可在基于幀的頁(yè)中拖動(dòng)新幀，且將所述幀插入基于幀的頁(yè)的空白網(wǎng)格中。被新幀覆蓋的幀與新幀的移動(dòng)一起移動(dòng)，從而使得用戶(hù)清楚地看到在插入新幀之后的基于幀的頁(yè)的布局。除此之外，在插入新幀之后，先前移動(dòng)的幀進(jìn)行移動(dòng)，從而根據(jù)若干重排規(guī)則填充由于插入新幀而產(chǎn)生的空白網(wǎng)格。因此，本發(fā)明的實(shí)施例向用戶(hù)提供一種用于編輯基于幀的頁(yè)的新穎、直觀(guān)且簡(jiǎn)單的操作體驗(yàn)。
[0066]雖然本發(fā)明已以實(shí)施例揭露如上，然其并非用以限定本發(fā)明，任何所屬【技術(shù)領(lǐng)域】中具有通常知識(shí)者，在不脫離本發(fā)明的精神和范圍內(nèi)，當(dāng)可作些許的更動(dòng)與潤(rùn)飾，故本發(fā)明的保護(hù)范圍當(dāng)視所附的權(quán)利要求范圍所界定者為準(zhǔn)。
【權(quán)利要求】
1.一種用于編輯基于幀的頁(yè)的方法，所述方法用于具有觸摸屏的電子裝置，其特征在于，所述方法包括: 在所述觸摸屏上顯示包括表示一個(gè)或一個(gè)以上應(yīng)用程序的一個(gè)或一個(gè)以上項(xiàng)目的基于項(xiàng)目的頁(yè)； 檢測(cè)通過(guò)使用所述觸摸屏來(lái)對(duì)項(xiàng)目執(zhí)行的觸摸操作； 根據(jù)所述觸摸操作來(lái)拖動(dòng)所述項(xiàng)目； 確定所述項(xiàng)目是否被拖動(dòng)到所述基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域；以及在確定所述項(xiàng)目被拖動(dòng)到所述基于項(xiàng)目的頁(yè)的所述動(dòng)作區(qū)域之后，將所述項(xiàng)目轉(zhuǎn)變?yōu)閹?，其中所述幀顯示由所述項(xiàng)目表示的所述應(yīng)用程序的內(nèi)容。
2.根據(jù)權(quán)利要求1所述的用于編輯基于幀的頁(yè)的方法，還包括: 在確定所述項(xiàng)目被拖動(dòng)到所述基于項(xiàng)目的頁(yè)的所述動(dòng)作區(qū)域之后，將所述基于項(xiàng)目的頁(yè)轉(zhuǎn)變?yōu)樗龌趲捻?yè)。
3.根據(jù)權(quán)利要求1所述的用于編輯基于幀的頁(yè)的方法，其中所述確定步驟還包括: 確定所述項(xiàng)目是否在所述動(dòng)作區(qū)域上覆蓋了預(yù)定時(shí)間；以及 在確定所述項(xiàng)目被拖動(dòng)到所述動(dòng)作區(qū)域且在所述動(dòng)作區(qū)域上覆蓋了所述預(yù)定時(shí)間之后，將所述項(xiàng)目轉(zhuǎn)變?yōu)樗鰩?br> 4.根據(jù)權(quán)利要求3所述的用于編輯基于幀的頁(yè)的方法，還包括: 在確定所述項(xiàng)目被拖動(dòng)到所述動(dòng)作區(qū)域且在所述動(dòng)作區(qū)域上覆蓋了所述預(yù)定時(shí)間之后，將所述基于項(xiàng)目的頁(yè)轉(zhuǎn)變?yōu)樗龌趲捻?yè)。
5.根據(jù)權(quán)利要求1所述的用于編輯基于幀的頁(yè)的方法，還包括: 確定所述觸摸操作在所述項(xiàng)目上停留的時(shí)間是否超過(guò)閾值；以及 在所述觸摸操作在所述項(xiàng)目上停留的所述時(shí)間超過(guò)所述閾值時(shí)開(kāi)始顯示所述動(dòng)作區(qū)域。
6.根據(jù)權(quán)利要求5所述的用于編輯基于幀的頁(yè)的方法，還包括: 在所述觸摸操作在所述項(xiàng)目上停留的所述時(shí)間超過(guò)所述閾值時(shí)，從所述基于項(xiàng)目的頁(yè)提起所述項(xiàng)目。
7.根據(jù)權(quán)利要求1所述的用于編輯基于幀的頁(yè)的方法，還包括: 響應(yīng)于所述觸摸操作被釋放而將所述幀插入到所述基于幀的頁(yè)中。
8.根據(jù)權(quán)利要求7所述的用于編輯基于幀的頁(yè)的方法，還包括: 確定所述幀是否覆蓋所述基于幀的頁(yè)中的原始幀；以及 在確定所述幀覆蓋了所述基于幀的頁(yè)中的所述原始幀之后，移動(dòng)所述基于幀的頁(yè)中的所述原始幀。
9.一種電子裝置，其特征在于，該電子裝置包含: 顯不模塊，在所述觸摸屏上顯不包括表不一個(gè)或一個(gè)以上應(yīng)用程序的一個(gè)或一個(gè)以上項(xiàng)目的基于項(xiàng)目的頁(yè)； 檢測(cè)模塊，檢測(cè)通過(guò)使用所述觸摸屏來(lái)對(duì)項(xiàng)目執(zhí)行的觸摸操作； 操作模塊，根據(jù)所述觸摸操作來(lái)拖動(dòng)所述項(xiàng)目； 確定模塊，確定所述項(xiàng)目是否被拖動(dòng)到所述基于項(xiàng)目的頁(yè)的動(dòng)作區(qū)域；且 轉(zhuǎn)變模塊，在確定所述項(xiàng)目被拖動(dòng)到所述基于項(xiàng)目的頁(yè)的所述動(dòng)作區(qū)域之后，將所述項(xiàng)目轉(zhuǎn)變?yōu)閹?，其中所述幀顯示由所述項(xiàng)目表示的所述應(yīng)用程序的內(nèi)容。
10.根據(jù)權(quán)利要求9所述的電子裝置，其中在確定所述項(xiàng)目被拖動(dòng)到所述基于項(xiàng)目的頁(yè)的所述動(dòng)作區(qū)域之后，所述轉(zhuǎn)變模塊將所述基于項(xiàng)目的頁(yè)轉(zhuǎn)變?yōu)樗龌趲捻?yè)。
11.根據(jù)權(quán)利要求9所述的電子裝置，其中所述確定模塊確定所述項(xiàng)目是否在所述動(dòng)作區(qū)域覆蓋上了預(yù)定時(shí)間，且在確定所述項(xiàng)目拖動(dòng)到所述動(dòng)作區(qū)域且在所述動(dòng)作區(qū)域上覆蓋了所述預(yù)定時(shí)間之后，所述轉(zhuǎn)變模塊將所述項(xiàng)目轉(zhuǎn)變?yōu)樗鰩?br> 12.根據(jù)權(quán)利要求11所述的電子裝置，其中在所述確定模塊確定所述項(xiàng)目被拖動(dòng)到所述動(dòng)作區(qū)域且將所述動(dòng)作區(qū)域覆蓋了所述預(yù)定時(shí)間之后，所述轉(zhuǎn)變模塊將所述基于項(xiàng)目的頁(yè)轉(zhuǎn)變?yōu)樗龌趲捻?yè)。
13.根據(jù)權(quán)利要求9所述的電子裝置，其中所述確定模塊確定所述觸摸操作在所述項(xiàng)目上停留的時(shí)間是否超過(guò)閾值，且在所述觸摸操作在所述項(xiàng)目上停留的所述時(shí)間超過(guò)所述閾值時(shí)，所述顯示模塊開(kāi)始顯示所述動(dòng)作區(qū)域。
14.根據(jù)權(quán)利要求13所述的電子裝置，其中在所述觸摸操作在所述項(xiàng)目上停留的所述時(shí)間超過(guò)所述閾值時(shí)，所述顯示模塊從所述基于項(xiàng)目的頁(yè)提起所述項(xiàng)目。
15.根據(jù)權(quán)利要求9所述的電子裝置，還包括編輯模塊，其響應(yīng)于所述觸摸操作被釋放而將所述幀插入到所述基于幀的頁(yè)中。
16.根據(jù)權(quán)利要求15所述的電子裝置，還包括重新排列模塊，其確定所述幀是否覆蓋所述基于幀的頁(yè)中的原始幀，且在確定所述幀覆蓋了所述基于幀的頁(yè)中的所述原始幀之后，所述重新排列模塊移動(dòng)所述基于幀的頁(yè)中的所述原始幀。
17.根據(jù)權(quán)利要求16所述的電子裝置，其中所述重新排列模塊重新排列至少一個(gè)被覆蓋的幀以及在所述至少一個(gè)被覆蓋的幀下方的幀，從而填充因向下移動(dòng)所述被覆蓋的幀以及在所述被覆蓋的幀下方的幀而空出的網(wǎng)格。
18.根據(jù)權(quán)利要求17所述的電子裝置，其中所述重新排列模塊確定在所述至少一個(gè)被覆蓋的幀以及在所述至少一個(gè)被覆蓋的幀下方的幀上方的所述網(wǎng)格是否被空出一行，并且在確定在所述至少一個(gè)被覆蓋的幀以及在所述至少一個(gè)被覆蓋的幀下方的幀上方的所述網(wǎng)格被空出一行之后，所述重新排列模塊直接向上移動(dòng)所述至少一個(gè)被覆蓋的幀以及在所述至少一個(gè)被覆蓋的幀下方的幀，來(lái)填充所述空出的網(wǎng)格。
19.根據(jù)權(quán)利要求17所述的電子裝置，其中所述重新排列模塊確定所述至少一個(gè)被覆蓋的幀的上方行以及在所述被覆蓋的幀上方的所述幀的下方行是否彼此相對(duì)，且在確定所述上方行和所述下方行彼此相對(duì)之后，所述重新排列模塊直接向上移動(dòng)所述至少一個(gè)被覆蓋的幀以及在所述至少一個(gè)被覆蓋的幀下方的所述幀來(lái)填充所述空出的網(wǎng)格。
【文檔編號(hào)】G06F3/0488GK104238933SQ201410154165
【公開(kāi)日】2014年12月24日 申請(qǐng)日期:2014年4月17日 優(yōu)先權(quán)日:2013年6月14日
【發(fā)明者】謝嘉嘉, 吳衍順, 楊庭安, 黃如薇 申請(qǐng)人:宏達(dá)國(guó)際電子股份有限公司