具有動(dòng)態(tài)拼圖界面的電子裝置及其控制方法與系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及一種圖形用戶(hù)界面技術(shù)。
【背景技術(shù)】
[0002] 以智能手機(jī)、平板電腦等為代表的移動(dòng)終端發(fā)展日新月異，目前移動(dòng)終端正朝著 多功能、大顯示屏的方向發(fā)展。用戶(hù)使用移動(dòng)終端，實(shí)際上使用的是移動(dòng)終端提供的各種應(yīng) 用程序，這些應(yīng)用包括基本應(yīng)用程序和擴(kuò)展應(yīng)用程序，其中，應(yīng)用程序是指存儲(chǔ)在移動(dòng)終端 上的可執(zhí)行程序、軟件、文件等。
[0003]目前的移動(dòng)終端的操作系統(tǒng)都支持具有多頁(yè)的主頁(yè)（Home Screen)或者程序啟動(dòng) 器（Application Launcher)的用戶(hù)界面，讓使用者在這些頁(yè)面上自由的編排應(yīng)用程序圖 標(biāo)。例如蘋(píng)果操作系統(tǒng)（ios)以及安卓（Andriod)操作系統(tǒng)都提供類(lèi)似的用戶(hù)界面。
[0004] 隨著使用者所安裝的應(yīng)用程序逐漸的增加，會(huì)使得需顯示在電子裝置的用戶(hù)界面 上應(yīng)用程序圖標(biāo)也隨著增加。相應(yīng)的用戶(hù)界面的頁(yè)數(shù)也隨著增加，使用者很難快速的查找 到需要的應(yīng)用程序圖標(biāo)。同時(shí)，每一頁(yè)面上所有的應(yīng)用程序圖標(biāo)都平鋪在用戶(hù)界面內(nèi)，用戶(hù) 只能通過(guò)點(diǎn)擊屏幕的方式來(lái)選擇需要的應(yīng)用程序圖標(biāo)。

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

[0005] 有鑒于此，本發(fā)明提供一種含有應(yīng)用程序圖標(biāo)的動(dòng)態(tài)拼圖界面的控制方法，控制 系統(tǒng)及具有該動(dòng)態(tài)拼圖界面的電子裝置。
[0006] 該電子裝置的動(dòng)態(tài)拼圖界面控制方法，所述電子裝置上存儲(chǔ)有多個(gè)應(yīng)用程序，并 存儲(chǔ)有一由所述應(yīng)用程序?qū)?yīng)的應(yīng)用圖標(biāo)拼接而成的動(dòng)態(tài)拼圖界面，所述電子裝置還包括 一顯示單元用于顯示所述動(dòng)態(tài)拼圖界面上的相應(yīng)尺寸內(nèi)的用戶(hù)界面，該動(dòng)態(tài)拼圖界面控制 方法包括步驟： S31，響應(yīng)用戶(hù)的輸入操作，產(chǎn)生一輸入信號(hào)； S32,根據(jù)所述輸入信號(hào)確定所述輸入操作是否移動(dòng)操作，若是，則進(jìn)入步驟S3321 ; S3321，根據(jù)所述移動(dòng)操作的方向確定選擇器框的移動(dòng)方向； S3322,獲取與當(dāng)前選擇器框所框選的第一應(yīng)用程序圖標(biāo)在選擇器框移動(dòng)方向上的相 鄰的第二應(yīng)用程序圖標(biāo)與所述第一應(yīng)用程序圖標(biāo)的相鄰邊框的重合度，判斷所述具有最大 重合度值的第二應(yīng)用程序圖標(biāo)的數(shù)量是否大于一個(gè)，若是，進(jìn)入步驟S3331 ;若否，進(jìn)入步 驟 S3332 ; 步驟S3331，根據(jù)一預(yù)設(shè)條件從所述多個(gè)具有最大重合度值的多個(gè)第二應(yīng)用程序圖標(biāo) 中確定符合所述預(yù)設(shè)條件的第二應(yīng)用程序圖標(biāo)為選擇器框移動(dòng)方向上的有效第二應(yīng)用程 序圖標(biāo)，進(jìn)入步驟S34 ; 步驟S3332,確定該具有最大重合度值的第二應(yīng)用程序圖標(biāo)為選擇器框移動(dòng)方向上的 有效第二應(yīng)用程序圖標(biāo)，進(jìn)入步驟S34 ; S34,控制顯示單元顯示選擇器框框選該有效第二應(yīng)用程序圖標(biāo)。
[0007] 該具有動(dòng)態(tài)拼圖界面的電子裝置，包括存儲(chǔ)多個(gè)應(yīng)用程序以及與該應(yīng)用程序?qū)?yīng) 的應(yīng)用程序圖標(biāo)的存儲(chǔ)單元，一用于響應(yīng)用戶(hù)的輸入操作產(chǎn)生相應(yīng)的輸入信號(hào)的輸入單 元，處理單元以及顯示單元，所述電子裝置還包括存儲(chǔ)于存儲(chǔ)單元中的指令模塊，處理單元 用于執(zhí)行存儲(chǔ)單元中的指令模塊，該指令模塊包括： 輸入控制模塊，根據(jù)所述輸入信號(hào)確定所述輸入操作是否移動(dòng)操作； 選擇器控制模塊，在所述在所述輸入操作是移動(dòng)操作時(shí)，根據(jù)所述移動(dòng)操作的方向確 定選擇器框的移動(dòng)方向以及獲取與當(dāng)前選擇器框所框選的第一應(yīng)用程序圖標(biāo)在選擇器框 移動(dòng)方向上的相鄰的第二應(yīng)用程序圖標(biāo)與所述第一應(yīng)用程序圖標(biāo)的相鄰邊框的重合度，確 定該具有最大重合度值的第二應(yīng)用程序圖標(biāo)為選擇器框移動(dòng)方向上的有效第二應(yīng)用程序 圖標(biāo)，在所述具有最大重合度值的第二應(yīng)用程序圖標(biāo)的數(shù)量大于一個(gè)時(shí)，根據(jù)一預(yù)設(shè)條件 從所述多個(gè)具有最大重合度值的第二應(yīng)用程序圖標(biāo)中確定符合所述預(yù)設(shè)條件的第二應(yīng)用 程序圖標(biāo)為選擇器框移動(dòng)方向上的有效第二應(yīng)用程序圖標(biāo)； 用戶(hù)界面控制模塊，控制顯示單元顯示選擇器框框選該有效第二應(yīng)用程序圖標(biāo)。
[0008] 該動(dòng)態(tài)拼圖界面控制系統(tǒng)，運(yùn)行于具有該動(dòng)態(tài)拼圖界面的電子裝置上，該電子裝 置包括存儲(chǔ)多個(gè)應(yīng)用程序以及與該應(yīng)用程序?qū)?yīng)的應(yīng)用程序圖標(biāo)的存儲(chǔ)單元，一用于響應(yīng) 用戶(hù)的輸入操作產(chǎn)生相應(yīng)的輸入信號(hào)的輸入單元，處理單元以及顯示單元，所述控制系統(tǒng) 包括： 輸入控制模塊，根據(jù)所述輸入信號(hào)確定所述輸入操作是否移動(dòng)操作； 選擇器控制模塊，在所述在所述輸入操作是移動(dòng)操作時(shí)，根據(jù)所述移動(dòng)操作的方向確 定選擇器框的移動(dòng)方向以及獲取與當(dāng)前選擇器框所框選的第一應(yīng)用程序圖標(biāo)在選擇器框 移動(dòng)方向上的相鄰的第二應(yīng)用程序圖標(biāo)與所述第一應(yīng)用程序圖標(biāo)的相鄰邊框的重合度，確 定該具有最大重合度值的第二應(yīng)用程序圖標(biāo)為選擇器框移動(dòng)方向上的有效第二應(yīng)用程序 圖標(biāo)，在所述具有最大重合度值的第二應(yīng)用程序圖標(biāo)的數(shù)量大于一個(gè)時(shí)，根據(jù)一預(yù)設(shè)條件 從所述多個(gè)具有最大重合度值的第二應(yīng)用程序圖標(biāo)中確定符合所述預(yù)設(shè)條件的第二應(yīng)用 程序圖標(biāo)為選擇器框移動(dòng)方向上的有效第二應(yīng)用程序圖標(biāo)； 用戶(hù)界面控制模塊，控制顯示單元顯示選擇器框框選該有效第二應(yīng)用程序圖標(biāo)。
[0009] 本發(fā)明中的采用動(dòng)態(tài)拼圖界面的用戶(hù)界面可以適用于多種不同顯示尺寸的電子 裝置。用戶(hù)可以通過(guò)輸入單元，將選擇器框切換至期望的應(yīng)用程序圖標(biāo)。
【附圖說(shuō)明】
[0010] 圖1為本發(fā)明一實(shí)施方式中的電子裝置的結(jié)構(gòu)示意圖。
[0011] 圖2為圖1中電子裝置的模塊示意圖。
[0012] 圖3為本發(fā)明一實(shí)施方式中的動(dòng)態(tài)拼圖界面的結(jié)構(gòu)示意圖。
[0013] 圖4為本發(fā)明另一實(shí)施方式中的動(dòng)態(tài)拼圖界面的結(jié)構(gòu)示意圖。
[0014] 圖5為本發(fā)明一實(shí)施方式中的生成動(dòng)態(tài)拼圖界面的方法流程圖。
[0015] 圖6為本發(fā)明一實(shí)施方式中的使用生成動(dòng)態(tài)拼圖界面的用戶(hù)界面示意圖。
[0016] 圖7為本發(fā)明一實(shí)施方式中具有動(dòng)態(tài)拼圖界面的電子裝置的用戶(hù)界面控制方法 流程圖。
[0017] 圖8為本發(fā)明一實(shí)施方式中的具有選擇器框的動(dòng)態(tài)拼圖界面的用戶(hù)界面示意圖。
[0018] 圖9為本發(fā)明一實(shí)施方式中的選擇器框的控制示意圖。
[0019] 圖10為本發(fā)明一實(shí)施方式中的選擇器框的控制示意圖。
[0020] 圖11為本發(fā)明一實(shí)施方式中的選擇器框的控制示意圖。
[0021] 圖12為本發(fā)明一實(shí)施方式中的選擇器框的控制示意圖。
[0022] 圖13為本發(fā)明一實(shí)施方式中具有動(dòng)態(tài)拼圖界面的電子裝置的用戶(hù)界面選擇器框 控制方法流程圖。
[0023] 主要元件符號(hào)說(shuō)明
【主權(quán)項(xiàng)】
1. 一種電子裝置的動(dòng)態(tài)拼圖界面控制方法，其特征在于，所述電子裝置上存儲(chǔ)有多個(gè) 應(yīng)用程序，并存儲(chǔ)有一由所述應(yīng)用程序?qū)?yīng)的應(yīng)用圖標(biāo)拼接而成的動(dòng)態(tài)拼圖界面，所述電 子裝置還包括一顯示單元用于顯示所述動(dòng)態(tài)拼圖界面上的相應(yīng)尺寸內(nèi)的用戶(hù)界面，該動(dòng)態(tài) 拼圖界面控制方法包括步驟： S1，響應(yīng)用戶(hù)的輸入操作，產(chǎn)生一輸入信號(hào)； S2,根據(jù)所述輸入信號(hào)確定所述輸入操作是否移動(dòng)操作，若是，則進(jìn)入步驟S321 ; S321，根據(jù)所述移動(dòng)操作的方向確定選擇器框的移動(dòng)方向； S322,獲取與當(dāng)前選擇器框所框選的第一應(yīng)用程序圖標(biāo)在選擇器框移動(dòng)方向上的相鄰 的第二應(yīng)用程序圖標(biāo)與所述第一應(yīng)用程序圖標(biāo)的相鄰邊框的重合度，判斷所述具有最大重 合度值的第二應(yīng)用程序圖標(biāo)的數(shù)量是否大于一個(gè)，若是，進(jìn)入步驟S3231