專利名稱：電子裝置屏幕上物件位移的顯示方法
技術(shù)領(lǐng)域：
本發(fā)明是有關(guān)于一種顯示方法，其系尤指一種電子裝置屏幕上物件位移的顯示方法。
背景技術(shù)：
近年來隨著科技的快速進步，進而快速發(fā)展出許多電子裝置，尤其是攜帶式電子裝置，而大幅提升民眾于日常生活上的便利性，例如攜帶式計算機、行動電話、個人數(shù)字助理(PDA)與攜帶式多媒體播放器等。早期的電子裝置由于較強調(diào)其功能性，所以顯示屏幕所顯示的畫面通常較為單調(diào)而缺乏變化。然而，隨著民眾使用要求日益提高，不但要求電子裝置須具備周全功能之外，還必須具備新奇多變的顯示畫面。因此，現(xiàn)今電子裝置的顯示屏幕能夠呈現(xiàn)許多功能選項或光標(biāo)操作等影像功能，且進一步能夠提供動畫效果，例如光標(biāo)動畫、動態(tài)選單等效果。現(xiàn)今為了更便利于民眾操作使用電子裝置，所以大都電子裝置的顯示屏幕皆為觸控式顯示屏幕，其可供民眾僅需使用指示器，例如手指或者指示筆，即可點選顯示屏幕的顯示畫面中的功能選單，而執(zhí)行對應(yīng)的功能。如此民眾不需透過電子裝置的按鍵進行選擇，因此提高了民眾使用電子裝置的便利性。另外，民眾透過觸控式顯示屏幕更可以與電子裝置進行互動，例如民眾可直接拖曳顯示屏幕所顯示的物件(例如數(shù)據(jù)項目物件)進行位移動作而移動，且于拖曳物件后可形成動畫，以呈現(xiàn)有別于靜態(tài)的動態(tài)視覺?，F(xiàn)今電子裝置可進一步顯示不同速度的動畫，而提高動態(tài)效果。舉例來說，民眾可拖曳顯示屏幕上的物件后并放開，該物件會持續(xù)移動形成動畫，且移動速度會有不同變化 (譬如快到慢或者慢到快到慢)，以在顯示屏幕呈現(xiàn)出具有不同速度變化的動畫效果。現(xiàn)有調(diào)整動畫的移動速度的方式，大都是采用調(diào)整速度快慢的方式，例如利用拋物線公式調(diào)整移動速度，但是此種調(diào)整方式難以控制物件移動的距離，如此物件容易移動超出顯示屏幕的顯示窗口的顯示范圍，而導(dǎo)致無法顯示完整物件于顯示窗口，進而影響動畫效果。因此，本發(fā)明即針對上述問題而提出一種電子裝置屏幕上物件位移的顯示方法， 其不僅可令物件(群)進行位移動作時，呈現(xiàn)出具速度變化的動畫顯示效果之外，又可改善現(xiàn)有方式無法正確定位物件于顯示窗口的缺點，進而增加動畫效果，以解決上述問題。

發(fā)明內(nèi)容
本發(fā)明的主要目的，是在電子裝置的(觸控式)顯示屏幕上，令物件(群)于位移動作時，呈現(xiàn)速度變化的動畫顯示效果。本發(fā)明的次要目的，是令電子裝置的(觸控式)顯示屏幕上的物件(群)于位移動作時，能正確的定位在新位置上并完整顯示于顯示屏幕的顯示窗口。為了達到上述的目的，本發(fā)明是一種電子裝置屏幕上物件位移的顯示方法，其特征在于包含下列步驟(A)讀取該電子裝置的硬件數(shù)據(jù)庫，取得欲顯示的復(fù)數(shù)筆數(shù)據(jù)項目物件(群)，并將之顯示于該電子裝置的顯示屏幕上設(shè)定的顯示窗口中；(B)使用者于該顯示窗口上拖曳該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)中的任一筆數(shù)據(jù)項目物件(群)，進行位移動作時，計算出使用者拖曳該筆數(shù)據(jù)項目物件(群)的拖曳速度；(C)設(shè)定一動畫時間，并依據(jù)該拖曳速度與該動畫時間計算出一動畫執(zhí)行距離；(D)設(shè)定一動畫次數(shù)，平均分配于該動畫時間內(nèi)，計算出一動畫間隔時間；(E)依據(jù)該動畫間隔時間與欲執(zhí)行動畫的次序計算出一動畫結(jié)束時間；(F)依據(jù)該動畫結(jié)束時間與一分配曲線計算出一分配比率；(G)依據(jù)該分配比率與該動畫執(zhí)行距離計算出欲執(zhí)行該次序動畫的一移動距離；(H)依據(jù)該移動距離計算出該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)位移后的更新坐標(biāo)，并依據(jù)該些更新坐標(biāo)將位移后的該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)重新繪制于該顯示窗口中；以及(I)重復(fù)進行步驟(E)到步驟(I)，直至執(zhí)行動畫的次序等于該動畫次數(shù)。本發(fā)明中，步驟(A)包含(Al)依據(jù)該電子裝置的該顯示屏幕的分辨率計算出該顯示屏幕上的該顯示窗口的最大顯示范圍；(A2)依據(jù)該顯示窗口的最大顯示范圍計算出每一筆數(shù)據(jù)項目物件(群)的容納高度；(A3)依據(jù)容納高度計算出該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的復(fù)數(shù)坐標(biāo)；以及(A4)依據(jù)該復(fù)數(shù)坐標(biāo)將該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)繪制于該顯示窗口中。本發(fā)明中，步驟(A2)中更包含(A21)依據(jù)該顯示窗口的最大顯示范圍計算出第一筆數(shù)據(jù)項目物件(群)位于該顯示窗口的一起始位置；及(A22)設(shè)定該第一筆數(shù)據(jù)項目物件(群)的一起始坐標(biāo)為該起始位置。本發(fā)明中，步驟(A3)中更包含(A31)依據(jù)第一筆數(shù)據(jù)項目物件(群)位于該顯示窗口的起始位置與該容納高度計算出其余該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的該復(fù)數(shù)坐標(biāo)。本發(fā)明中，步驟(B)中更包含(Bi)記錄使用者于該顯示窗口開始拖曳該筆數(shù)據(jù)項目物件(群)的一初始位置坐標(biāo)與一起始時間；(B2)記錄使用者于該顯示窗口停止拖曳該筆數(shù)據(jù)項目物件(群)的一結(jié)束位置坐標(biāo)與一結(jié)束時間；以及(B3)依據(jù)該初始位置坐標(biāo)、該結(jié)束位置坐標(biāo)、該起始時間與該結(jié)束時間計算出使用者拖曳該筆數(shù)據(jù)項目物件(群)的該拖曳速度。本發(fā)明中，步驟(C)中更包含(Cl)依據(jù)該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的容納高度及第一筆數(shù)據(jù)項目物件(群) 位于該顯示窗口的一起始位置修正該動畫執(zhí)行距離。本發(fā)明中，該分配曲線為一常態(tài)分配曲線。本發(fā)明中，該顯示屏幕為觸控式屏幕。本發(fā)明還公開了一種電子裝置屏幕上物件位移的顯示方法，包含有下列步驟(A)讀取該電子裝置的硬件數(shù)據(jù)庫，取得欲顯示的至少一工具列物件(群)，并將
5之顯示于該電子裝置的顯示屏幕上設(shè)定的顯示窗口中；(B)設(shè)定一動畫時間與一動畫執(zhí)行距離；(C)設(shè)定一動畫次數(shù)，平均分配于該動畫時間內(nèi)，計算出一動畫間隔時間；(D)依據(jù)該動畫間隔時間與欲執(zhí)行動畫的次序計算出一動畫結(jié)束時間；(E)依據(jù)該動畫結(jié)束時間與一分配曲線計算出一分配比率；(F)依據(jù)該分配比率與該動畫執(zhí)行距離計算出欲執(zhí)行該次序動畫的一移動距離；(G)依據(jù)該移動距離計算出該工具列物件(群)位移后的更新坐標(biāo)，并依據(jù)該更新坐標(biāo)將位移后的該工具列物件(群)重新繪制于該顯示窗口中；以及(H)重復(fù)進行步驟(D)到步驟(H)，直至執(zhí)行動畫的次序等于該動畫次數(shù)。本發(fā)明中，步驟(A)包含(Al)依據(jù)該電子裝置的該顯示屏幕的分辨率計算出該顯示屏幕上的該顯示窗口的最大顯示范圍；(A2)依據(jù)該顯示窗口的最大顯示范圍計算出該工具列物件(群)的容納長度；(A3)設(shè)定該工具列物件(群)的一起始坐標(biāo)；以及(A4)依據(jù)該起始坐標(biāo)將該工具列物件(群)繪制于該顯示窗口中。本發(fā)明中，步驟(A2)更包含(A21)依據(jù)該顯示窗口的最大顯示范圍計算出該工具列物件(群)位于該顯示窗口的一起始位置。本發(fā)明中，步驟(A3)中更包含(A31)設(shè)定該工具列物件(群)的該起始坐標(biāo)為該起始位置。本發(fā)明中，步驟(B)，是設(shè)定該工具列物件(群)的容納長度為該動畫執(zhí)行距離。本發(fā)明中，該分配曲線為一常態(tài)分配曲線。本發(fā)明具有的有益效果本發(fā)明所述的顯示方法即可令該復(fù)數(shù)筆數(shù)據(jù)項物件 (群)于顯示窗口進行位移動作時，呈現(xiàn)速度變化的動畫顯示效果，且本發(fā)明是依據(jù)動畫執(zhí)行過程的每步動畫的執(zhí)行距離控制動畫的速度變化，所以可易于控制動畫的速度變化，且可令電子裝置的顯示屏幕上的該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)于位移動作時，能正確的定位在新位置上并完整顯示。


圖1是本發(fā)明的一較佳實施例的電子裝置的顯示屏幕與顯示窗口的示意圖；圖2是本發(fā)明的一較佳實施例的數(shù)據(jù)項目物件(群)顯示于顯示窗口的示意圖；圖3至圖8是本發(fā)明的一較佳實施例的流程圖；圖9是本發(fā)明的一較佳實施例的分配曲線的曲線圖；圖10是本發(fā)明的另一較佳實施例的工具列物件(群)顯示于顯示窗口的示意圖； 以及圖11至圖14是本發(fā)明的另一較佳實施例的流程圖。圖號簡單說明10 顯示屏幕15 顯示窗口20數(shù)據(jù)項目物件(群) 22數(shù)據(jù)項目物件(群)
24數(shù)據(jù)項目物件(群) 沈數(shù)據(jù)項目物件(群)28數(shù)據(jù)項目物件(群) 30工具列物件(群)
具體實施例方式為使對本發(fā)明的結(jié)構(gòu)特征及所達成的功效有更進一步的了解與認識，用以較佳的實施例及附圖配合詳細的說明，說明如下本發(fā)明的顯示方法主要運用于電子裝置，其在電子裝置的顯示屏幕上的物件 (群)進行位移動作時，可呈現(xiàn)速度變化的動畫顯示效果。以下是列舉實施例詳細說明本發(fā)明的顯示方法。請參閱圖1，其是本發(fā)明的一較佳實施例的電子裝置的顯示屏幕與顯示窗口的示意圖。如圖所示，本發(fā)明所運用的電子裝置具有一顯示屏幕10，顯示屏幕10具有至少一顯示窗口 15，于此實施例僅具有一顯示窗口 15，但不局限本發(fā)明的顯示屏幕10僅可具有單一顯示窗口，其數(shù)量是依據(jù)設(shè)計需求而定。本發(fā)明的顯示屏幕10為觸控式顯示屏幕。顯示窗口 15用于顯示復(fù)數(shù)筆數(shù)據(jù)項目物件(群)。如圖1與圖2所示，此實施例的顯示窗口 15可顯示5筆數(shù)據(jù)項目物件(群)20、22、24、沈、28。該些數(shù)據(jù)項目物件(群)20、22、24、沈、28 的內(nèi)容為文字，例如為新聞、氣象與股市走勢等，以供電子裝置的使用者閱讀。請參閱圖2，其是本發(fā)明的一較佳實施例的數(shù)據(jù)項目物件(群)顯示于顯示窗口的示意圖。由于本發(fā)明的顯示屏幕10(參閱圖1)為觸控式顯示屏幕，所以可供使用者藉由指示器，例如手指或者指示筆，而拖曳顯示窗口 15所顯示的該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)20、 22、24、沈、28中的任一筆數(shù)據(jù)項目物件(群)，以卷動該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)20、22、 對、26、觀，以顯示其它筆數(shù)據(jù)項目物件(群)于顯示窗口 15。舉例來說，若使用者如圖2所示，拖曳顯示窗口 15的第一筆數(shù)據(jù)項目物件(群)20往下移動時，即會往下卷動顯示窗口 15所顯示的該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)20,22,24,26,28,并更新顯示其它筆原本未顯示的數(shù)據(jù)項目物件(群)于顯示窗口 15，以供使用者閱讀其內(nèi)容。使用者于向下拖曳第一筆數(shù)據(jù)項目物件(群)20位移動作后并放開時，即會向下卷動該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)20、22、24、沈、28，讓其它筆原本未顯示于顯示窗口 15 中的數(shù)據(jù)項目物件(群)顯示于顯示窗口 15中。上述向下卷動該復(fù)數(shù)筆數(shù)據(jù)項目物件 (群)20、22、24、沈、28的過程，是會形成動畫。該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)20、22、24、沈、 觀位移動作時，本發(fā)明會以不同速度顯示動畫，而呈現(xiàn)出具有速度變化的動畫。以下是配合圖2與圖3詳細說明本發(fā)明的顯示方法。請參閱圖3，其是本發(fā)明的一較佳實施例的流程圖。首先，進行步驟㈧讀取電子裝置的硬件數(shù)據(jù)庫(圖未示)，以取得欲顯示的復(fù)數(shù)筆數(shù)據(jù)項目物件(群)，其包括圖2所示的數(shù)據(jù)項目物件(群)20、22、24、沈、28，并顯示于電子裝置的顯示屏幕10上設(shè)定的顯示窗口 15中。此步驟(A)的詳細流程如圖4所示，之后將對此流程進行詳細說明。如圖3的步驟(B)所示，當(dāng)使用者操作電子裝置并于顯示屏幕10的顯示窗口 15 上拖曳數(shù)據(jù)項目物件(群)20、22、24J6、28中的任一筆數(shù)據(jù)項目物件(群)20、22、24J6 或觀進行位移動作時，本發(fā)明會計算出使用者拖曳數(shù)據(jù)項目物件(群)的拖曳速度。于此步驟中，使用者于顯示窗口 15上拖曳數(shù)據(jù)項目物件(群)20、22、24、沈或觀進行位移動作時，電子裝置的操作系統(tǒng)即會發(fā)出使用者在顯示窗口 15上的一操作訊息，操作系統(tǒng)是對應(yīng)使用者在顯示窗口 15上的操作狀態(tài)而發(fā)出此操作訊息，而通知使用者于顯示窗口 15上拖曳數(shù)據(jù)項目物件(群)20,22,24,26或觀進行位移動作，以進行計算而計算出拖曳速度。上述步驟⑶中計算出拖曳速度的詳細流程如圖7所示，以下配合圖2與圖7詳細說明本發(fā)明計算出拖曳速度的流程。如圖2所示，于此實施例中使用者是拖曳顯示窗口 15上所顯示的第一筆數(shù)據(jù)項目物件(群)20往下移動后并放開。由于此實施例中，使用者是拖曳第一筆數(shù)據(jù)項目物件(群)20，因此以下說明是以拖曳第一筆數(shù)據(jù)項目物件(群)20 的操作進行說明，但并不局限使用者僅能拖曳第一筆數(shù)據(jù)項目物件(群)20。本發(fā)明計算出拖曳速度的方法，是先執(zhí)行步驟(Bi)，記錄使用者于顯示屏幕10的顯示窗口 15開始拖曳第一筆數(shù)據(jù)項目物件(群)20的一初始位置坐標(biāo)Pl與一起始時間Tl。此外，進行步驟(B2)， 記錄使用者于顯示屏幕10的顯示窗口 15停止拖曳第一筆數(shù)據(jù)項目物件(群)20的一結(jié)束位置坐標(biāo)P2與一結(jié)束時間T2。然后，如步驟(Β； )所示，依據(jù)初始位置坐標(biāo)PI、結(jié)束位置坐標(biāo)P2、起始時間Tl與結(jié)束時間T2計算出使用者拖曳第一筆數(shù)據(jù)項目物件(群)20的拖曳速度VI，如此即可計算出使用者拖曳第一筆數(shù)據(jù)項目物件(群)20的拖曳速度VI。拖曳速度Vl如下列方程式所示拖曳速度Vl =(結(jié)束位置坐標(biāo)P2-初始位置坐標(biāo)PI)/(T2結(jié)束時間-Tl起始時間)完成上述步驟(B)而計算出拖曳速度Vl之后，接續(xù)執(zhí)行步驟(C)，設(shè)定一動畫時間 TA，并依據(jù)拖曳速度Vl與動畫時間TA計算出一動畫執(zhí)行距離DA。此步驟(C)是計算出執(zhí)行動畫過程，該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)位移的總距離。本發(fā)明可設(shè)定進行動畫的時間 TA，所以拖曳速度Vl與動畫時間TA的乘積即為動畫執(zhí)行距離DA，其如下列方程式所示動畫執(zhí)行距離DA =拖曳速度VI*動畫時間TA完成上述步驟(C)而計算出動畫執(zhí)行距離DA之后，接續(xù)執(zhí)行步驟(D)，設(shè)定一動畫次數(shù)TN，并平均分配于動畫時間TA內(nèi)，而計算出一動畫間隔時間TS。動畫間隔時間TS如下列方程式所示動畫間隔時間TS =動畫時間TA/動畫次數(shù)TN如上方程序所示，此步驟(D)是計算出整個動畫過程的執(zhí)行每步動畫的時間。也就是將動畫時間TA平均分配于每步動畫，即執(zhí)行每步動畫的時間均相同。舉例來說，若設(shè)定動畫次數(shù)TN為10，而動畫時間TA為3秒，所以執(zhí)行第一步、第二步至第十步動畫的時間皆為0.3秒。進行完步驟(D)而計算出動畫間隔時間TS之后，接續(xù)進行步驟(E)，依據(jù)動畫間隔時間TS與欲執(zhí)行動畫的次序計算出一動畫結(jié)束時間TDi (i = 1 TN)。也就是算出執(zhí)行每
步動畫的結(jié)束時間，例如執(zhí)行第一步動畫、第二步動畫.......第十步動畫的結(jié)束時間，動
畫結(jié)束時間TDi如下列方程式所示動畫結(jié)束時間TDi =動畫間隔時間TS*執(zhí)行動畫的次序(1 TN)計算出動畫結(jié)束時間TDi之后，進行步驟(F)，依據(jù)動畫結(jié)束時間TDi與一分配曲線計算出一分配比率 Ri (i = 1 TN)。由于要呈現(xiàn)不同速度變化的動畫，所以在動畫速度變化之下，執(zhí)行不同次序的動畫所位移的距離也會有所不同，譬如動畫位移速度由慢變快，即第二步動畫的位移速度較為第一步動畫的位移速度快，所以第二步動畫的位移距離則大于第一步動畫的位移距離。此步驟即依據(jù)速度變化而計算出不同次序動畫的分配比率Ri，以在下一步驟依據(jù)分配比率Ri計算出位移距離。本發(fā)明計算分配比率Ri的方式是積分分配曲線的某一位置，以獲得對應(yīng)此位置的曲線面積，而作為分配比率Ri。此曲線面積的總和為1。詳細來說，是將動畫結(jié)束時間TDi 作為位于分配曲線的位置，并代入此曲線的積分方程式，而計算出相對于此位置的曲線面積，而計算出分配比率Ri。上述的分配曲線可為一常態(tài)分配曲線(Normal Distribution) 0 上述的分配曲線的類型會依據(jù)設(shè)計動畫速度變化的需求不同而有所不同，且曲線面積的積分方程式也會依據(jù)分配曲線的不同而不同。如圖9所示，若欲設(shè)計動畫的速度變化為慢到快至慢，則可采用虛線的第一曲線。若欲設(shè)計動畫的速度變化為快到慢，則可采用實線的第 ■~ 曲線。完成上述步驟(F)而計算出分配比率Ri之后，進行步驟(G)，依據(jù)分配比率Ri與動畫執(zhí)行距離DA計算出欲執(zhí)行該次序動畫的一移動距離DAi (i = 1 TN)。此步驟是計算出進行不同次序動畫的移動距離DAi，即計算出每一步動畫所移動的位移距離，其會依據(jù)動畫速度變化而有所不同。移動距離DAi如下列方程式所示移動距離DAi =分配比率Ri*動畫執(zhí)行距離DA完成上述步驟(G)而計算出移動距離DAi之后，執(zhí)行步驟(H)，依據(jù)移動距離DAi 計算出該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)位移后的更新坐標(biāo)，并依據(jù)更新坐標(biāo)將位移后的該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)重新繪制于顯示窗口 15中，以顯示于顯示窗口 15。此步驟(H)是計算出該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的更新坐標(biāo)，也就是該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的新坐標(biāo)，并依據(jù)更新坐標(biāo)判斷那些筆數(shù)據(jù)項目物件(群)位于顯示窗口 15內(nèi)，并執(zhí)行操作系統(tǒng)的繪圖函式，而重新繪制該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)于顯示窗口 15中。上述的繪圖函式為一般現(xiàn)有的技術(shù)，在此即不再詳述。完成上述步驟(H)，即完成一步動畫，譬如第一步動畫。接續(xù)如步驟(I)所示，判斷動畫是否完成，此步驟即判斷執(zhí)行動畫的次序是否等于動畫次數(shù)TN。于此實施例中，動畫次數(shù)TN設(shè)定為10，所以即判斷是否完成第十步動畫，若未完成即重復(fù)執(zhí)行上述步驟(E)到步驟(I)，而計算出執(zhí)行下一步動畫的動畫結(jié)束時間TDi (步驟E)、分配比率Ri (步驟F)、移動距離DAi (步驟G)與更新坐標(biāo)(步驟H)，直至執(zhí)行動畫的次序等于動畫次數(shù)TN。若是判斷已完成動畫，則操作系統(tǒng)即會等待使用者下一次在顯示窗口 15上拖曳數(shù)據(jù)項目物件(群) 進行位移動作而發(fā)出操作訊息，以再次進行本發(fā)明的顯示方法。本發(fā)明執(zhí)行上述所有處理步驟，皆可藉由電子裝置的處理器執(zhí)行，或者設(shè)置其它硬件電路執(zhí)行上述處理步驟，熟悉本領(lǐng)域技術(shù)人員可得知其實施方式甚多，所以本發(fā)明并不局限利用何種硬件電路進行本發(fā)明的顯示方法。請參閱圖4，其是本發(fā)明進行步驟(A)的詳細流程圖，以下是對此流程進行詳細說明。進行步驟(A)顯示所讀取的該數(shù)筆數(shù)據(jù)項目物件(群)于顯示窗口 15中，是先如步驟 (Al)所示，依據(jù)電子裝置的顯示屏幕10的分辨率，而計算出顯示屏幕10上的顯示窗口 15 的最大顯示范圍。此步驟(Al)是依據(jù)顯示屏幕10的分辨率計算出顯示窗口 15內(nèi)的像素點的總數(shù)，以計算出顯示窗口 15的最大顯示范圍。接著，進行步驟(A2)依據(jù)顯示窗口 15 的最大顯示范圍計算出每一筆數(shù)據(jù)項目物件(群)的容納高度DI (參閱圖幻，以定義每一筆數(shù)據(jù)項目物件(群)位于顯示窗口 15的范圍，即每一筆數(shù)據(jù)項目物件(群)顯示內(nèi)容的范圍。如圖2所示，每一數(shù)據(jù)項目物件(群)的容納高度DI是相同。于此實施例中，預(yù)計顯示窗口 15顯示五筆數(shù)據(jù)項目物件(群)，所以依據(jù)顯示窗口 15的最大顯示范圍計算出每一筆數(shù)據(jù)項目物件(群)的容納高度DI，以讓每一筆數(shù)據(jù)項目物件(群)在有限的顯示范圍下具有最大容納高度DI，且可完整顯示于顯示窗口 15中。完成上述步驟m而計算出每一筆數(shù)據(jù)項目物件(群)的容納高度DI之后，進行步驟(?。?)依據(jù)容納高度DI計算出該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的復(fù)數(shù)坐標(biāo)。然后，進行步驟(A4)，依據(jù)該復(fù)數(shù)坐標(biāo)將該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)繪制于顯示窗口中15。此步驟是依據(jù)所計算出的該復(fù)數(shù)坐標(biāo)判斷那些數(shù)據(jù)項目物件(群)位于顯示窗口 15的最大顯示范圍內(nèi)，進而將的顯示于顯示窗口 15中。執(zhí)行上述步驟(Al)至步驟(A4)之后，即如圖 2所示，顯示窗口 15完整顯示數(shù)據(jù)項目物件(群)20、22、24、沈、28。請參閱圖5，其是本發(fā)明步驟(A2)的詳細流程圖。步驟(A2)更包含步驟(A21) 與步驟(A22)，步驟(A21)依據(jù)顯示窗口 15的最大顯示范圍計算出第一筆數(shù)據(jù)項目物件 (群)20位于顯示窗口 15的一起始位置PS (參閱圖2、。步驟糊設(shè)定第一筆數(shù)據(jù)項目物件(群)20于顯示窗口 15的一起始坐標(biāo)為起始位置PS，如此第一筆數(shù)據(jù)項目物件(群)20 即會顯示在顯示窗口 15的起始位置PS。請參閱圖6，其是本發(fā)明步驟(A3)的詳細流程圖。本發(fā)明進行圖4的步驟(A3)，依據(jù)容納高度DI計算出該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的該復(fù)數(shù)坐標(biāo)時，是更會如步驟(A31) 所示，依據(jù)第一筆數(shù)據(jù)項目物件(群)20位于顯示窗口 15的起始位置PS與容納高度DI計算出其余該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的該復(fù)數(shù)坐標(biāo)。此外，本發(fā)明為了確保執(zhí)行動畫后，后續(xù)顯示于顯示窗口 15中的第一筆數(shù)據(jù)項目物件(群)的起始坐標(biāo)仍位于起始位置PS。因此，如圖8所示，本發(fā)明的步驟(C)更包含步驟(Cl)。在步驟(C)計算出動畫執(zhí)行距離DA后，更進行步驟(Cl)，依據(jù)數(shù)據(jù)項目物件(群) 的容納高度DI及第一筆數(shù)據(jù)項目物件(群)位于顯示窗口 15的起始位置PS修正動畫執(zhí)行距離DA。如此，即可確保執(zhí)行動畫后，后續(xù)顯示于顯示窗口 15中的第一筆數(shù)據(jù)項目物件 (群)仍位于起始位置PS。本發(fā)明除了可運用于顯示數(shù)據(jù)項目物件(群)的位移動作之外，亦可顯示電子裝置的顯示屏幕10上的工具列(Tool Bar)物件(群)于隱藏過程的位移動畫。以下是配合實施例說明本發(fā)明顯示工具列物件(群)位移動作的方法。請參閱圖10，顯示窗口 15除了顯示有數(shù)據(jù)項目物件(群)20、22、24、沈之外，亦顯示有一工具列物件(群)30。工具列物件(群)30于隱藏時，是會往顯示窗口 15的右邊移動。本發(fā)明在工具列物件(群)30位移過程是可顯示速度變化的動畫。以下是配合圖10與圖11詳細說明本發(fā)明顯示工具列物件 (群)30位移動作的方法。請參閱圖11，其是本發(fā)明的另一較佳實施例的流程圖。如圖所示，本發(fā)明顯示工具列物件(群)30位移動作的方法，首先執(zhí)行步驟(A)讀取電子裝置的硬件數(shù)據(jù)庫，取得欲顯示的至少一工具列物件(群)30，并顯示于電子裝置的顯示屏幕10上設(shè)定的顯示窗口 15 中。此步驟(A)的詳細流程如圖12所示，之后將對此流程進行詳細說明。于此實施例中， 當(dāng)工具列物件(群)30隱藏時，工具列物件(群)30是會往顯示窗口 15的右邊移動，此時本發(fā)明會顯示具有速度變化的動畫。本發(fā)明的顯示方法是執(zhí)行步驟(B)，設(shè)定動畫時間TA 與動畫執(zhí)行距離DA，由于工具列物件(群)30的移動距離為其容納長度TW，所以即設(shè)定工具列物件(群)30的容納長度TW為動畫執(zhí)行距離DA。之后，執(zhí)行步驟(C)設(shè)定動畫次數(shù)TN，平均分配于動畫時間TA內(nèi)，而計算出動畫間隔時間TS，即計算出每步動畫的執(zhí)行時間。 接續(xù)，執(zhí)行步驟(D)，依據(jù)動畫間隔時間TS與欲執(zhí)行動畫的次序計算出動畫結(jié)束時間TDi (i =1 TN)。也就是計算出執(zhí)行每步動畫的結(jié)束時間。計算出上述動畫結(jié)束時間TDi之后，是執(zhí)行步驟(E)依據(jù)動畫結(jié)束時間TDi與分配曲線計算出分配比率Ri (i = 1 TN)。之后，執(zhí)行步驟(F)依據(jù)分配比率Ri與動畫執(zhí)行距離DA計算出欲執(zhí)行該次序動畫的移動距離DAi (i = 1 TN)。此步驟(F)是計算出進行不同次序動畫的移動距離DAi，即計算出不同步動畫所移動的距離，其會依據(jù)動畫速度變化而有所不同。接續(xù)，執(zhí)行步驟(G)依據(jù)移動距離DAi計算出工具列物件(群)30位移后的更新坐標(biāo)，并依據(jù)更新坐標(biāo)將位移后的工具列物件(群)30重新繪制于顯示窗口 15中。如此，即完成一步動畫。完成上述步驟(G)之后，是接續(xù)進行步驟(H)，判斷動畫是否完成，此步驟即判斷執(zhí)行動畫的次序是否等于動畫次數(shù)TN。若判斷未完成動畫，即重復(fù)執(zhí)行上述步驟(D)至步驟(H)，而計算出執(zhí)行下一步動畫的動畫結(jié)束時間TDi (步驟D)、分配比率Ri (步驟E)、移動距離DAi (步驟F)與工具列物件(群)30的更新坐標(biāo)(步驟G)，直至執(zhí)行動畫的次序等于動畫次數(shù)TN。若是判斷已完成動畫，由于工具列物件(群)30已經(jīng)隱藏，所以數(shù)據(jù)項目物件(群)可以往工具列物件(群)30的方向移動，而顯示更多數(shù)據(jù)項目物件(群)。如步驟(I)所示，更新圖10所示的第一筆數(shù)據(jù)項目物件(群)20的起始位置，同時也重新計算其它筆數(shù)據(jù)項目物件(群)的更新坐標(biāo)，且依據(jù)更新坐標(biāo)重新繪制該復(fù)數(shù)筆數(shù)據(jù)項目物件 (群)于顯示窗口 15。請參閱圖12，其是此實施例進行步驟㈧的詳細流程圖。進行圖11的步驟㈧顯示所讀取的工具列物件(群)30于顯示窗口 15中，是先如步驟(Al)所示，依據(jù)電子裝置的顯示屏幕10的分辨率，而計算出顯示屏幕10上的顯示窗口 15的最大顯示范圍。之后，執(zhí)行步驟(A2)依據(jù)顯示窗口 15的最大顯示范圍計算出工具列物件(群)30的容納長度TW(參閱圖10)，即定義工具列物件(群)30可容納工具物件的范圍。接著，進行步驟(??； )設(shè)定工具列物件(群)30的起始坐標(biāo)，此步驟(Α； )是設(shè)定工具列物件(群)30顯示于顯示窗口 15 上的初始位置。然后，進行步驟(A4)依據(jù)起始坐標(biāo)將工具列物件(群)30繪制于顯示窗口 15中。完成上述步驟后，即如圖10所示，顯示窗口 15顯示有工具列物件(群)30。請參閱圖13，其是此實施例的步驟(A2)的詳細流程圖。步驟(A2)更包含步驟 (A21)，步驟(A21)依據(jù)顯示窗口 15的最大顯示范圍計算出工具列物件(群)30位于顯示窗口 15的起始位置PS (參閱圖10)。如此，工具列物件(群)30即會顯示在顯示窗口 15的起始位置PS。請參閱圖14，其是此實施例的步驟(A3)的詳細流程圖。本發(fā)明進行圖12的步驟 (A3)，設(shè)定工具列物件(群)30的起始坐標(biāo)時，是更會如步驟(A31)所示，設(shè)定工具列物件 (群)30的起始坐標(biāo)為起始位置PS，以讓工具列物件(群)30顯示于顯示窗口 15的起始位置PS。綜上所述，本發(fā)明電子裝置屏幕上物件位移的顯示方法，是用于在物件(群)進行位移動作時，顯示速度變化的動畫，本發(fā)明的顯示方法主要是計算出每一步動畫的移動距離；然后，依據(jù)移動距離計算出物件(群)位移后的更新坐標(biāo)，并依據(jù)更新坐標(biāo)重新繪制位移后的物件(群)于電子裝置的顯示屏幕上設(shè)定的顯示窗口中。如此，令物件(群)進行位移動作時，即可呈現(xiàn)速度變化的動畫顯示效果。此外，由于本發(fā)明是依據(jù)顯示窗口的最大顯示范圍顯示物件(群)，以及設(shè)定顯示于顯示窗口的第一筆物件(群)的起始位置，所以可確保物件(群)完整顯示于顯示窗口中，以確保使用者觀看到完整的物件(群)。
綜上所述，僅為本發(fā)明的一較佳實施例而已，并非用來限定本發(fā)明實施的范圍，凡依本發(fā)明權(quán)利要求范圍所述的形狀、構(gòu)造、特征及精神所為的均等變化與修飾，均應(yīng)包括于本發(fā)明的權(quán)利要求范圍內(nèi)。
權(quán)利要求
1.一種電子裝置屏幕上物件位移的顯示方法，其特征在于包含下列步驟(A)讀取該電子裝置的硬件數(shù)據(jù)庫，取得欲顯示的復(fù)數(shù)筆數(shù)據(jù)項目物件(群)，并將之顯示于該電子裝置的顯示屏幕上設(shè)定的顯示窗口中；(B)使用者于該顯示窗口上拖曳該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)中的任一筆數(shù)據(jù)項目物件(群)，進行位移動作時，計算出使用者拖曳該筆數(shù)據(jù)項目物件(群)的拖曳速度；(C)設(shè)定一動畫時間，并依據(jù)該拖曳速度與該動畫時間計算出一動畫執(zhí)行距離；(D)設(shè)定一動畫次數(shù)，平均分配于該動畫時間內(nèi)，計算出一動畫間隔時間；(E)依據(jù)該動畫間隔時間與欲執(zhí)行動畫的次序計算出一動畫結(jié)束時間；(F)依據(jù)該動畫結(jié)束時間與一分配曲線計算出一分配比率；(G)依據(jù)該分配比率與該動畫執(zhí)行距離計算出欲執(zhí)行該次序動畫的一移動距離；(H)依據(jù)該移動距離計算出該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)位移后的更新坐標(biāo)，并依據(jù)該些更新坐標(biāo)將位移后的該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)重新繪制于該顯示窗口中；以及(I)重復(fù)進行步驟(E)到步驟(I)，直至執(zhí)行動畫的次序等于該動畫次數(shù)。
2.如權(quán)利要求1所述的顯示方法，其特征在于步驟(A)包含(Al)依據(jù)該電子裝置的該顯示屏幕的分辨率計算出該顯示屏幕上的該顯示窗口的最大顯示范圍；(A2)依據(jù)該顯示窗口的最大顯示范圍計算出每一筆數(shù)據(jù)項目物件(群)的容納高度；(A3)依據(jù)容納高度計算出該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的復(fù)數(shù)坐標(biāo)；以及(A4)依據(jù)該復(fù)數(shù)坐標(biāo)將該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)繪制于該顯示窗口中。
3.如權(quán)利要求2所述的顯示方法，其特征在于步驟(A2)中更包含(A21)依據(jù)該顯示窗口的最大顯示范圍計算出第一筆數(shù)據(jù)項目物件(群)位于該顯示窗口的一起始位置；及(A22)設(shè)定該第一筆數(shù)據(jù)項目物件(群)的一起始坐標(biāo)為該起始位置。
4.如權(quán)利要求2所述的顯示方法，其特征在于步驟(A3)中更包含(A31)依據(jù)第一筆數(shù)據(jù)項目物件(群)位于該顯示窗口的起始位置與該容納高度計算出其余該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的該復(fù)數(shù)坐標(biāo)。
5.如權(quán)利要求1所述的顯示方法，其特征在于步驟(B)中更包含(Bi)記錄使用者于該顯示窗口開始拖曳該筆數(shù)據(jù)項目物件(群)的一初始位置坐標(biāo)與一起始時間；(B2)記錄使用者于該顯示窗口停止拖曳該筆數(shù)據(jù)項目物件(群)的一結(jié)束位置坐標(biāo)與一結(jié)束時間；以及(B3)依據(jù)該初始位置坐標(biāo)、該結(jié)束位置坐標(biāo)、該起始時間與該結(jié)束時間計算出使用者拖曳該筆數(shù)據(jù)項目物件(群)的該拖曳速度。
6.如權(quán)利要求1所述的顯示方法，其特征在于步驟(C)中更包含(Cl)依據(jù)該復(fù)數(shù)筆數(shù)據(jù)項目物件(群)的容納高度及第一筆數(shù)據(jù)項目物件(群)位于該顯示窗口的一起始位置修正該動畫執(zhí)行距離。
7.如權(quán)利要求1所述的顯示方法，其特征在于該分配曲線為一常態(tài)分配曲線。
8.如權(quán)利要求1到7任一項所述的顯示方法，其特征在于該顯示屏幕為觸控式屏幕。
9.一種電子裝置屏幕上物件位移的顯示方法，其特征在于包含有下列步驟(A)讀取該電子裝置的硬件數(shù)據(jù)庫，取得欲顯示的至少一工具列物件(群)，并將之顯示于該電子裝置的顯示屏幕上設(shè)定的顯示窗口中；(B)設(shè)定一動畫時間與一動畫執(zhí)行距離；(C)設(shè)定一動畫次數(shù)，平均分配于該動畫時間內(nèi)，計算出一動畫間隔時間；(D)依據(jù)該動畫間隔時間與欲執(zhí)行動畫的次序計算出一動畫結(jié)束時間；(E)依據(jù)該動畫結(jié)束時間與一分配曲線計算出一分配比率；(F)依據(jù)該分配比率與該動畫執(zhí)行距離計算出欲執(zhí)行該次序動畫的一移動距離；(G)依據(jù)該移動距離計算出該工具列物件(群)位移后的更新坐標(biāo)，并依據(jù)該更新坐標(biāo)將位移后的該工具列物件(群)重新繪制于該顯示窗口中；以及(H)重復(fù)進行步驟(D)到步驟(H)，直至執(zhí)行動畫的次序等于該動畫次數(shù)。
10.如權(quán)利要求9所述的顯示方法，其特征在于步驟(A)包含(Al)依據(jù)該電子裝置的該顯示屏幕的分辨率計算出該顯示屏幕上的該顯示窗口的最大顯示范圍；(A2)依據(jù)該顯示窗口的最大顯示范圍計算出該工具列物件(群)的容納長度；(A3)設(shè)定該工具列物件(群)的一起始坐標(biāo)；以及(A4)依據(jù)該起始坐標(biāo)將該工具列物件(群)繪制于該顯示窗口中。
11.如權(quán)利要求10所述的顯示方法，其特征在于步驟(A2)更包含(A21)依據(jù)該顯示窗口的最大顯示范圍計算出該工具列物件(群)位于該顯示窗口的一起始位置。
12.如權(quán)利要求11所述的顯示方法，其特征在于步驟(A3)中更包含 (A31)設(shè)定該工具列物件(群)的該起始坐標(biāo)為該起始位置。
13.如權(quán)利要求9所述的顯示方法，其特征在于步驟(B)，是設(shè)定該工具列物件(群) 的容納長度為該動畫執(zhí)行距離。
14.如權(quán)利要求9所述的顯示方法，其特征在于該分配曲線為一常態(tài)分配曲線。
全文摘要
本發(fā)明是有關(guān)于一種電子裝置屏幕上物件位移的顯示方法，用于顯示電子裝置的顯示屏幕上物件(群)位移動作的動畫，其依據(jù)一動畫次數(shù)與一動畫時間計算出一動畫間隔時間；依據(jù)動畫間隔時間與欲執(zhí)行動畫的次序計算出一動畫結(jié)束時間；依據(jù)動畫結(jié)束時間與一分配曲線計算出一分配比率；依據(jù)分配比率與一動畫執(zhí)行距離計算出欲執(zhí)行該次序動畫的一移動距離；依據(jù)移動距離計算出物件(群)位移后的更新坐標(biāo)，并依據(jù)更新坐標(biāo)重新繪制位移后的物件(群)于電子裝置的顯示屏幕上的顯示窗口。本發(fā)明藉由計算出動畫過程的每步動畫的移動距離，以顯示物件(群)移動過程，如此令物件(群)于位移動作時，呈現(xiàn)速度變化的動畫顯示效果。
文檔編號G06F3/041GK102169404SQ20101012352
公開日2011年8月31日 申請日期2010年2月26日 優(yōu)先權(quán)日2010年2月26日
發(fā)明者蔡弘揚, 薛格閔 申請人:易搜比控股公司