本發(fā)明屬于圖像處理技術(shù)領(lǐng)域，尤其涉及一種圖形界面焦點形狀處理的方法及系統(tǒng)。

背景技術(shù)：
人機(jī)交互界面的焦點移動，是用戶體驗的重要部分。焦點能夠流暢的移動，且焦點移動滿足用戶預(yù)期，會帶來良好的用戶感受。在一般人機(jī)交互界面中焦點起落點的形狀大小是固定的。例如：一般的焦點系統(tǒng)，所有焦點都是矩形，或者所有焦點都是圓形，這樣就限制并束縛了設(shè)計者的發(fā)揮，此時焦點移動時焦點形狀是無需變化的。在現(xiàn)有的人機(jī)交互界面中還存在不同形狀和大小的焦點，在焦點移動時，焦點生硬的從一種形狀突變到另一種形狀，略顯枯燥、不夠自然。

技術(shù)實現(xiàn)要素：
本發(fā)明實施例的目的在于提供一種圖形界面焦點形狀處理的方法和系統(tǒng)，旨在解決現(xiàn)有技術(shù)中在一般人機(jī)交互界面中存在不同形狀和大小的焦點圖形，在焦點圖形移動時生硬的從一種形狀突變到另一種形狀的問題。本發(fā)明實施例提供了一種圖形界面焦點形狀處理的方法，所述方法包括下述步驟：檢測圖形界面上的焦點位置變化情況；當(dāng)檢測所述焦點位置發(fā)生變化時，獲取起點焦點和落點焦點所在位置的坐標(biāo)值、圖形形狀及大??；根據(jù)所述起點焦點和落點焦點所在位置的坐標(biāo)值、圖形形狀及大小，確定焦點圖形形狀漸變方案；根據(jù)所述焦點圖形形狀漸變方案生成焦點漸變動畫并播放，待所述焦點漸變動畫播放結(jié)束后，在所述圖形界面上繪制出所述落點焦點圖形形狀和大小。本發(fā)明實施例還提供了一種圖形界面焦點形狀處理的系統(tǒng)，所述系統(tǒng)包括：檢測單元，用于檢測圖形界面上的焦點位置變化情況；獲取單元，用于當(dāng)檢測所述焦點位置發(fā)生變化時，獲取起點焦點和落點焦點所在位置的坐標(biāo)值、所述起點焦點和所述落點焦點的圖形形狀及大小；圖形漸變單元，用于根據(jù)所述起點焦點和落點焦點所在位置的坐標(biāo)值、圖形形狀及大小，確定焦點圖形形狀漸變方案，根據(jù)所述焦點圖形形狀漸變方案生成焦點漸變動畫并播放，待所述焦點漸變動畫播放結(jié)束后，在所述圖形界面上繪制出所述落點焦點圖形形狀和大小。在本發(fā)明實施例中，檢測圖形界面上的焦點位置變化情況，當(dāng)檢測焦點位置發(fā)生變化時，獲取起點焦點和落點焦點所在位置的坐標(biāo)值、起點焦點和落點焦點的圖形形狀及大小，再根據(jù)起點焦點和落點焦點所在位置的坐標(biāo)值、起點焦點和落點焦點的圖形形狀及大小，確定焦點圖形形狀漸變方案并執(zhí)行，根據(jù)焦點圖形形狀漸變方案生成焦點漸變動畫并播放，待焦點漸變動畫播放結(jié)束后，將落點焦點圖形形狀和大小繪制在圖形界面上。從而實現(xiàn)當(dāng)焦點在起落點位置的坐標(biāo)值不相同且形狀大小不一樣或形狀相同大小不一樣時，當(dāng)焦點移動時，焦點的形狀和大小是平滑漸變的，因此會給用戶帶來更流暢的使用體驗。附圖說明圖1是本發(fā)明實施例一提供的圖形界面焦點形狀處理的方法的流程圖。圖2是本發(fā)明實施例一提供的圖形界面焦點形狀處理的方法中，根據(jù)所述起點焦點和落點焦點分別所在位置的坐標(biāo)值、圖形形狀及大小，確定焦點圖形形狀漸變方案的步驟的流程圖。圖3是本發(fā)明實施例二提供的圖形界面焦點形狀處理的方法中的焦點圖形形狀漸變方案為正多邊形到圓形間或圓形到正多邊形間的平滑漸變方案的流程圖。圖4是本發(fā)明實施例一、二提供的隨時間變化的倒角曲線公式的倒角半徑r、正多邊形倒角弧心Oi以及正多邊形倒角曲線之間的關(guān)系示意圖。圖5是本發(fā)明實施例二提供的正方形平滑漸變?yōu)閳A形的漸變示意圖。圖6是本發(fā)明實施例二提供的正三角形平滑漸變?yōu)閳A形的漸變示意圖。圖7是本發(fā)明實施例三提供的圖形界面焦點形狀處理的方法中的焦點圖形形狀漸變方案為焦點圖形平滑縮放方案的流程圖.圖8是本發(fā)明實施例三提供的正多邊形和圓形平滑縮放的漸變示意圖。圖9是本發(fā)明實施例四提供的圖形界面焦點形狀處理的方法中的焦點圖形形狀漸變方案為正多邊形間的平滑漸變方案的流程圖。圖10是本發(fā)明實施例四提供的正方形平滑漸變?yōu)檎切蔚臐u變示意圖。圖11是本發(fā)明實施例五提供的圖形界面焦點形狀處理的系統(tǒng)的組成結(jié)構(gòu)圖。具體實施方式為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下結(jié)合附圖及實施例，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。實施例一請參閱圖1，本發(fā)明實施例一提供的圖形界面焦點形狀處理的方法的流程圖，該方法包括具體如下步驟：步驟S101、檢測圖形界面上的焦點位置變化情況；本發(fā)明實施例中，檢測焦點位置是否發(fā)生變化通過起點焦點和落點焦點的水平位置和垂直位置的坐標(biāo)值對比來判斷，當(dāng)檢測到起點焦點和落點焦點的水平位置的坐標(biāo)值不同或垂直位置的坐標(biāo)值不同或水平位置和垂直位置的坐標(biāo)值都不同時，說明起落點焦點的位置發(fā)生了變化。本發(fā)明實施例中，在步驟S101檢測圖形界面上的焦點位置變化情況之前，還包括步驟：用戶觸發(fā)邏輯。用戶觸發(fā)邏輯是指用戶按鍵等，觸發(fā)焦點移動的輸入。最常見的是按鍵操作，也包括觸屏、手勢、空間動作、語音操作等輸入方式。步驟S102、當(dāng)檢測到所述焦點位置發(fā)生變化時，獲取起點焦點和落點焦點所在位置的坐標(biāo)值、所述起點焦點和所述落點焦點的圖形形狀及大?。槐景l(fā)明實施例中，起點焦點和落點焦點所在位置的坐標(biāo)值和圖形形狀、大小在圖形界面系統(tǒng)中已經(jīng)均被設(shè)計師初始化，其中焦點圖形形狀包括但不限于正多邊形和圓形，其中正多邊形為正三角形、正方形、正五邊形、正N邊形等等。步驟S103、根據(jù)所述起點焦點和落點焦點所在位置的坐標(biāo)值、圖形形狀及大小，確定焦點圖形形狀漸變方案。需要說明的是，所述焦點圖形形狀漸變方案為：分別確定好起點焦點的坐標(biāo)值和落點焦點的坐標(biāo)值，以確定從起點焦點到落點焦點的運動軌跡線，根據(jù)起點焦點的圖形形狀及大小和落點焦點的圖形形狀及大小的比較結(jié)果，確定從起點焦點的圖形形狀及大小，經(jīng)過運動軌跡線，漸變到落點焦點的圖形形狀及大小的漸變方案。步驟S104、根據(jù)所述焦點圖形形狀漸變方案生成焦點漸變動畫并播放，待所述焦點漸變動畫播放結(jié)束后，在所述圖形界面上繪制出所述落點焦點圖形形狀和大小。由于圖形形狀漸變方案包括了在運動軌跡線上，從起點焦點的圖形形狀和大小漸變到落點焦點的圖形形狀和大小的漸變過程中的圖形形狀和大小；按照時間順序，繪制出相應(yīng)時間的焦點圖形形狀和大?。ò◤钠瘘c焦點的圖形形狀和大小漸變到落點焦點的圖形形狀和大小的漸變過程中所有的圖形形狀和大?。?，以生成焦點漸變動畫。待焦點漸變動畫播放結(jié)束后，在所述圖形界面上繪制出所述落點焦點圖形形狀和大小。在本實施例中，在人機(jī)交互界面中用戶觸發(fā)邏輯（例如：按鍵操作、語音操作、觸屏操作等方式操作），檢測圖形界面上的焦點位置變化情況，當(dāng)檢測焦點位置發(fā)生變化時，獲取起點焦點和落點焦點所在位置的坐標(biāo)值、起點焦點和落點焦點的圖形形狀及大小，再根據(jù)起點焦點和落點焦點所在位置的坐標(biāo)值、起點焦點和落點焦點的圖形形狀及大小，確定焦點圖形形狀漸變方案，根據(jù)焦點圖形形狀漸變方案生成焦點漸變動畫并播放，待焦點漸變動畫播放結(jié)束后，將落點焦點圖形形狀和大小繪制在圖形界面上。從而實現(xiàn)當(dāng)焦點在起落點位置的坐標(biāo)值不相同且形狀大小不一樣或形狀相同大小不一樣時，當(dāng)焦點移動時，焦點的形狀和大小是平滑漸變的，因此會給用戶帶來更流暢的使用體驗。請參閱圖2，本發(fā)明實施例一提供的圖形界面焦點形狀處理中的方法的步驟S103的具體流程圖，該方法包括具體如下步驟：需要說明的是，已預(yù)先獲取到在起點焦點位置繪制的圖形形狀和大小，以及需要在落點焦點位置繪制的圖形形狀和大小。步驟S201、判斷起落點焦點的圖形形狀是否為相同的圖形形狀，如果是，則執(zhí)行步驟S202，如果否，則執(zhí)行步驟S204；具體地，焦點的圖形形狀相同是指：起點焦點圖形形狀和落點焦點圖形形狀均為正多邊形或圓形等圖形形狀，該正多邊形包括被拉伸或縮小后的長多邊形；比如：正方形被拉伸或縮放前后的圖形均為長方形，長N邊形與長N邊形被拉伸或縮小為另一長N邊形也為相同圖形形狀，圓形與圓形被拉伸或縮小成橢圓也為相同圖形形狀，橢圓與橢圓被拉伸或縮小成另一橢圓也為相同圖形形狀。步驟S202、判斷起落點焦點的圖形大小是否相等，如果是，則執(zhí)行步驟S207，如果否，則執(zhí)行步驟S203；步驟S203、執(zhí)行焦點圖形平滑縮放方案，生成焦點漸變動畫并播放，該方案為焦點的圖形形狀進(jìn)行拉伸或縮小處理；具體地，所述焦點圖形平滑縮放方案包括了起點焦點到落點焦點的漸變動畫中的每一幅畫的拉伸比例或縮小比例；從而，播放執(zhí)行焦點圖形平滑縮放方案生成焦點漸變動畫時，產(chǎn)生從起點焦點的圖形形狀到落點焦點的圖形形狀的過程中產(chǎn)生拉伸或縮小的漸變效果。步驟S204、判斷起點焦點或落點焦點的圖形形狀是否為圓形形狀，如果是，則執(zhí)行步驟S205，如果否，則執(zhí)行步驟S206；步驟S205、執(zhí)行圓形到正多邊形間的平滑漸變方案，生成焦點漸變動畫并播放，該方案為當(dāng)起點焦點的圖形形狀為圓形時，起落點焦點圖形形狀由圓形到正多邊形漸變，或執(zhí)行正多邊形到圓形間的平滑漸變方案，當(dāng)落點焦點的圖形形狀為圓形時，起落點焦點圖形形狀由正多邊形到圓形漸變；步驟S206、執(zhí)行正多邊形間的平滑漸變方案，生成焦點漸變動畫并播放，該方案為起點焦點的圖形形狀慢慢漸變成圓形，圓形慢慢漸變成落點焦點的圖形形狀；步驟S207、當(dāng)焦點漸變動畫結(jié)束后，在圖形界面上繪制落點焦點的圖形形狀和大小。本發(fā)明實施例提供的圖形界面焦點形狀處理的方法適用于帶有焦點移動的人機(jī)交互界面，需要焦點在正多邊形、圓形（及這兩種形狀的x，y軸縮放變形）或其他形狀間漸變的情況。例如，手機(jī)、電腦、電視等顯示界面，焦點形狀從長方形漸變?yōu)閳A形等。本發(fā)明實施例中，首先通過判斷起落點焦點的圖形形狀是否相同來確定起落點焦點形狀平滑漸變方案，當(dāng)起落點焦點的圖形形狀相同時，再判斷起落點焦點的圖形大小是否相等，如果圖形形狀相同大小相等，則直接繪制等同的圖形在圖形界面上，不需要播放起落點焦點圖形形狀漸變動畫，如果圖形形狀相同但大小不相等，則對圖形進(jìn)行拉伸或縮小并播放起落點焦點圖形形狀漸變動畫；其次，當(dāng)起落點焦點的圖形形狀不相同時，再判斷起落點焦點中起點焦點或落點焦點的圖形形狀是否是圓形，如果是，則根據(jù)起落點焦點圖形形狀完成多邊形到圓形的漸變或者圓形到多邊形的漸變并播放相應(yīng)的起落點焦點圖形形狀漸變動畫，當(dāng)起落點焦點中任何一個焦點圖形形狀都不是圓形時，此時采用多邊形到多邊形的漸變方案，起點焦點的圖形形狀隨時間先漸變成圓形，再從圓形漸變成落點焦點的圖形形狀并播放起落點焦點圖形形狀漸變動畫。本發(fā)明實施例可以實現(xiàn)焦點在起落點位置的坐標(biāo)值不相同且形狀大小不一樣或形狀相同大小不一樣時，焦點移動時焦點的形狀和大小是平滑漸變的，因此會給用戶帶來更流暢的使用體驗。例如：在人機(jī)交互界面中有四張圖片，A、B圖片的圖形形狀為正方形，大小相等，C圖片的圖形形狀為長方形，D圖片的圖形形狀為正三角形。當(dāng)用戶選擇A圖片時，起點焦點所在位置和圖形形狀已經(jīng)給出，即已經(jīng)得到起點焦點的位置（A圖片中心點的水平和垂直坐標(biāo)值）和圖形形狀（正方形）；待起點焦點選中A圖片之后，移動焦點，當(dāng)焦點到達(dá)“確定”按鈕時，該按鈕的位置即為落點焦點所在位置，若按鈕的圖形形狀為圓形，則該落點焦點的圖形形狀為圓形，選中“確定”按鈕后，開始確定焦點需從A圖片位置移動到“確定”按鈕的位置，并且從正方形到圓形漸變的方案，啟動動畫開始執(zhí)行該隨時間變化的方案，比如2秒、5秒等一定時間內(nèi)，將出現(xiàn)正方形向圓形漸變的動畫過程，動畫結(jié)束后在“確定”按鈕上繪制出圓形焦點?；蛘弋?dāng)用戶從A圖片移動到B張圖片，起落點焦點所在位置發(fā)生了變化即A圖片中心的位置為起點焦點位置，B圖片中心的位置為落點焦點位置，起落點焦點的圖形形狀都為正方形，大小相等。當(dāng)B圖片被選中時，直接在B圖片上繪制出正方形焦點?；蛘弋?dāng)用戶從A圖片或B圖片移動到C圖片時，起落點焦點所在位置發(fā)生了變化即A或B圖片中心的位置為起點焦點位置，C圖片中心的位置為落點焦點位置，起點焦點的圖形形狀為正方形，落點焦點的圖形形狀為長方形，當(dāng)C圖片被選中時，開始確定焦點需從A或B圖片位置移動到C圖片位置，并且從正方形到長方形漸變的方案，啟動動畫開始執(zhí)行該隨時間變化的方案，比如2秒、5秒等一定時間，此時起點焦點移動到落點焦點時出現(xiàn)正方形進(jìn)行拉伸向長方形漸變的動畫，動畫結(jié)束后在C圖片上繪制出長方形焦點。或者當(dāng)用戶從C圖片移動到D圖片時，起落點焦點所在位置發(fā)生了變化即C圖片中心的位置為起點焦點位置，D圖片中心的位置為落點焦點位置，起點焦點的圖形形狀為長方形，落點焦點的圖形形狀為正三角形，當(dāng)D圖片被選中時，開始確定焦點需從A或B圖片位置移動到C圖片位置，并且從長方形到正三角形漸變的方案，啟動動畫開始執(zhí)行該隨時間變化的方案，比如2秒、5秒等一定時間，此時起點焦點移動到落點焦點時出現(xiàn)長方形向圓形漸變之后再漸變成正三角形的動畫，動畫結(jié)束后在D圖片上繪制出正三角形焦點。實施例二作為本發(fā)明另一實施例，若本發(fā)明實施例一提供的圖形界面焦點形狀處理中的方法的步驟S103中的焦點圖形形狀漸變方案為正多邊形到圓形間或圓形到正多邊形間的平滑漸變方案時，圖3示出了正多邊形到圓形間或圓形到正多邊形間的平滑漸變方案的方法的流程，具體步驟如下：步驟S301、計算隨時間變化的倒角半徑r；其中r為倒角弧的半徑，r初始化數(shù)值為0。r計算公式為：其中R為多邊形外接圓半徑，焦點飛行總時間為ta，當(dāng)前時間為t，n為正多邊形的邊的數(shù)量，r隨時間均勻增長而變化。需要說明的是，多邊形外接圓半徑R為多邊形的外接圓的半徑；焦點飛行總時間ta為預(yù)設(shè)時間，該預(yù)設(shè)時間可以根據(jù)漸變的快慢需要而做相應(yīng)調(diào)整，在此不做限定調(diào)整的方式及方法。步驟S302、計算正多邊形的倒角弧心Oi（xOi，yOi）所在位置的坐標(biāo)值；其中Oi（xOi，yOi）為倒角弧的圓心，β為第一個頂點的角度。正多邊形倒角弧心Oi計算公式為：倒角弧心Oi隨倒角半徑變化而變化。步驟S303、計算正多邊形的倒角曲線（x，y）；其中正多邊形的倒角曲線的計算公式為：倒角曲線隨倒角半徑變化而變化；其中β根據(jù)正多邊形的擺放位置取值。例如：若正多邊形，左右對稱擺放。當(dāng)最高處為一條邊時，取當(dāng)最高處為一個頂點時，取步驟S304、根據(jù)倒角半徑、倒角弧心所在位置的坐標(biāo)值和倒角曲線，繪制出相應(yīng)時間位置的焦點圖形形狀和大??；步驟S305、在圖形界面上顯示該時間位置對應(yīng)的焦點圖形形狀。在本發(fā)明實施例中，圖4示出了本實施例提供的隨時間變化的倒角曲線公式的倒角半徑r、正多邊形倒角弧心Oi以及正多邊形倒角曲線之間的關(guān)系示意圖。當(dāng)起點焦點圖形形狀為正多邊形，落點焦點圖形形狀為圓形時，起落點焦點移動時，計算出隨時間變化的倒角半徑r，計算出正多邊形倒角弧心Oi（xOi，yOi）和正多邊形倒角曲線（x，y），根據(jù)倒角半徑r，倒角弧心Oi（xOi，yOi）和倒角曲線（x，y），繪制出在相應(yīng)時間位置的焦點圖形形狀和大小，并在圖形界面上顯示該時間位置對應(yīng)的焦點圖形形狀，即繪制出對應(yīng)時間位置的焦點圖形形狀和大小并顯示在圖形界面上；根據(jù)各對應(yīng)時間位置的焦點圖形形狀和大小，組成正多邊形向圓形漸變的動畫。從而，根據(jù)所述焦點圖形形狀漸變方案生成正多邊形向圓形漸變的動畫并播放，動畫結(jié)束后，在圖形界面上繪制出圓形。例如：在起點焦點A位置時是長方形，落點焦點B位置時是圓形。當(dāng)前焦點在A位置，僅繪制靜態(tài)的長方形焦點A，當(dāng)用戶按鍵后，圖形界面焦點形狀處理的系統(tǒng)確定焦點需要從A位置移動到B位置，并且從長方形漸變到圓形。圖形界面焦點形狀處理的系統(tǒng)繪制移動且形狀漸變的焦點，啟動焦點移動動畫，同時啟動焦點形變動畫，長方形漸變?yōu)閳A形。圖形界面焦點形狀處理的系統(tǒng)會將這段動畫繪制在用戶界面上，展示出焦點一邊飛行一邊形狀漸變的動畫，焦點移動結(jié)束后，最后僅繪制靜態(tài)的圓形焦點B。本發(fā)明實施例中，當(dāng)焦點圖形形狀漸變方案為正多邊形到圓形間的平滑漸變方案時，所生成的動畫為正多邊形到圓形漸變的動畫。起點焦點的圖形形狀為正多邊形，動畫開始時，起點焦點的正多邊形的倒角半徑為0，當(dāng)起點焦點的正多邊形的倒角半徑逐漸增大時，起點焦點的正多邊形的倒角曲線的弧線部分長度越來越大，直線部分長度越來越短，結(jié)束時，起點焦點的正多邊形的倒角半徑達(dá)到所述起點焦點的正多邊形內(nèi)切圓的半徑，此時落點焦點的圖形形狀為圓形。正多邊形漸變?yōu)閳A形，就是逐步改變內(nèi)切倒角的半徑，從0漸變到內(nèi)切圓（圓形）半徑。開始時，倒角半徑為0，就是正多邊形；當(dāng)?shù)菇前霃街饾u增大，倒角曲線的弧線部分長度越來越大，直線部分長度越來越短；結(jié)束時，倒角半徑達(dá)到其內(nèi)切圓半徑時，就形成了一個圓形。如圖5所示，本發(fā)明實施例提供的正方形平滑漸變?yōu)閳A形的漸變示意圖，如圖6所示，本發(fā)明實施例提供的正三角形平滑漸變?yōu)閳A形的漸變示意圖。本發(fā)明實施例中，當(dāng)焦點圖形形狀漸變方案為圓形到正多邊形間的平滑漸變方案時，該方案是正多邊形到圓形間的平滑漸變方案的逆方案，所生成的動畫為正多邊形到圓形的漸變的逆動畫，即圓形向正多邊形漸變的動畫。當(dāng)起點焦點圖形形狀為圓形，落點焦點圖形形狀為正多邊形時，起落點焦點移動時，計算出隨時間變化的r，計算出正多邊形倒角弧心Oi（xOi，yOi）和正多邊形倒角曲線（x，y），根據(jù)倒角半徑r，倒角弧心Oi（xOi，yOi）和倒角曲線（x，y），繪制出在相應(yīng)時間位置的焦點圖形形狀和大小，并在圖形界面上顯示該時間位置對應(yīng)的焦點圖形形狀，即繪制出對應(yīng)時間位置的焦點圖形形狀和大小并顯示在圖形界面上；根據(jù)各對應(yīng)時間位置的焦點圖形形狀和大小，組成圓形向正多邊形的動畫。從而，根據(jù)所述焦點圖形形狀漸變方案生成圓形向正多邊形漸變的動畫并播放，動畫結(jié)束后，在圖形界面上繪制出正多邊形。本發(fā)明實施例中，起點焦點的圖形形狀為圓形，開始時，將起點焦點的圓形的倒角半徑設(shè)置為起點焦點的圓的半徑，隨著倒角半徑逐漸減小，倒角曲線的弧線部分長度越來越短，直線部分長度越來越長，結(jié)束時，落點焦點的正多邊形的倒角半徑為0，此時得到的正多邊形為落點焦點的圖形形狀。其中，圓形漸變?yōu)檎噙呅?，就是逐步改變外切倒角的半徑，從?nèi)切圓（圓形）半徑漸變到0。開始時，倒角半徑為內(nèi)切圓半徑，就是圓形；當(dāng)?shù)菇前霃街饾u減小，倒角曲線的弧線部分長度越來越短，直線部分長度越來越長；結(jié)束時，倒角半徑為0時，就形成了一個正多邊形。實施例三作為本發(fā)明另一實施例，若本發(fā)明實施例一提供的圖形界面焦點形狀處理中的方法的步驟S103中的焦點圖形形狀漸變方案為焦點圖形平滑縮放方案時，圖7示出了焦點圖形平滑縮放方案的方法的流程，具體步驟如下：步驟S701、計算起點焦點圖形的坐標(biāo)值（x，y）；本發(fā)明實施例中，起點焦點的初始圖形形狀均為正多邊形或圓形，其中起點焦點圖形的坐標(biāo)值定義為（x0，y0），起點焦點的縮放系數(shù)為（kx0，ky0），當(dāng)縮放系數(shù)不為（1,1）時，說明起點焦點圖形為多邊形或者橢圓。起點焦點圖形的坐標(biāo)值的計算公式為x=x0·kx0，y=y0·ky0，其中kx0是x方向縮放比例，ky0是y方向縮放比例。步驟S702、計算焦點圖形的倒角曲線（xkt，ykt）；焦點圖形的倒角曲線的計算公式為：其中焦點飛行總時間為ta，當(dāng)前時間為t，落點焦點圖形的縮放系數(shù)為（kx1，ky1），kx0、kx1是x方向縮放比例，ky0、ky1是y方向縮放比例，倒角曲線隨時間變化而變化。步驟S703、根據(jù)倒角曲線，繪制出相應(yīng)時間位置的焦點圖形形狀和大??；步驟S704、在圖形界面上顯示該時間位置對應(yīng)的焦點圖形形狀。本發(fā)明實施例中，焦點圖形形狀相同是指：起點焦點圖形形狀和落點焦點圖形形狀均為正多邊形或均為圓形，該正多邊形包括被拉伸或縮小后的長多邊形，比如：正方形與正方形被拉伸或縮放成的長方形為相同圖形形狀，長N邊形與長N邊形被拉伸或縮小成的另一長N邊形也為相同圖形形狀，圓形與圓形被拉伸或縮小成的橢圓也為相同圖形形狀，橢圓與橢圓被拉伸或縮小成的另一橢圓也為相同圖形形狀。本發(fā)明實施例中，起落點焦點圖形形狀可以是正多邊形或圓形，也可以不是正多邊形或圓形，而是正多邊形或圓形縮放產(chǎn)生的形狀，或者起落點焦點圖形形狀不是標(biāo)準(zhǔn)大小也需要縮放。因此需要給起落點焦點相應(yīng)的坐標(biāo)值乘上相應(yīng)的縮放系數(shù)，確定焦點漸變的方案，從而實現(xiàn)起落點焦點圖形形狀的平滑漸變。本發(fā)明實施例中，起點焦點的圖形形狀可以為正方形或圓形，起落點焦點相應(yīng)的坐標(biāo)值乘上相應(yīng)的縮放系數(shù)，確定焦點漸變的方案，從而實現(xiàn)起落點焦點圖形形狀的平滑漸變。例如：當(dāng)落點焦點圖形是長方形，需要給起點焦點的正方形的x，y坐標(biāo)值乘以縮放系數(shù)（2.0,1.0），表示落點焦點圖形的x軸比例相對于起點焦點圖形的x軸比例放大2倍，落點焦點圖形的y軸比例不變。當(dāng)落點焦點圖形是橢圓形，需要給起點焦點的圓形的x，y坐標(biāo)值乘以縮放系數(shù)（2.0,1.0），表示落點焦點圖形的x軸比例相對于起點焦點圖形的x軸比例放大2倍，落點焦點圖形的y軸比例不變。如圖8所示，正方形乘以縮放系數(shù)，可以變形為長方形；圓形乘以縮放系數(shù)，可以變形為橢圓。本發(fā)明實施例中，可以通過調(diào)整縮放系數(shù)以使起點焦點圖形形狀變形成落點焦點圖形形狀（圓形或者不同比例的橢圓）；同理，起點焦點圖形形狀可以是多邊形，通過縮放系數(shù)使起點焦點圖形形狀變形為正多邊形或者不同比例的多邊形。當(dāng)落點焦點的圖形形狀為橢圓時，橢圓所在位置為該起點焦點的圓形坐標(biāo)值乘上起點焦點的縮放系數(shù)（kx0，ky0），或落點焦點的圖形形狀為長方形時，長方形所在位置為該起點焦點的正方形坐標(biāo)值乘上起點焦點的縮放系數(shù)（kx0，ky0）。在根據(jù)焦點圖形形狀漸變方案對橢圓或長方形進(jìn)行拉伸或縮小以生成焦點漸變動畫的過程中，起點焦點相應(yīng)的坐標(biāo)值再乘上相應(yīng)的縮放系數(shù)（kx1，ky1），以確定對應(yīng)時間位置的橢圓或長方形（包括橢圓或長方形的位置及大小）；從而，播放焦點漸變動畫時，呈現(xiàn)從起點焦點的圖形形狀到落點焦點的圖形形狀漸變的效果。例如：起點焦點和落點焦點圖形均為橢圓，但是大小不相等，此時起點焦點的坐標(biāo)值為圓形的坐標(biāo)值乘上縮放系數(shù)（2.0，1.0），即起點焦點的橢圓為圓形在x軸的比例放大一倍；對起點焦點的橢圓進(jìn)行拉伸變形為落點焦點的橢圓時，其中拉伸的系數(shù)為（1.0，2.0），表示為落點焦點的坐標(biāo)值為起點焦點的坐標(biāo)值乘上縮放系數(shù)（1.0，2.0），起點焦點的橢圓將變形為落點焦點的橢圓，落點焦點的橢圓相對于起點焦點的橢圓在x軸的比例不變，y軸的比例放大了一倍。實施例四作為本發(fā)明另一實施例，若本發(fā)明實施例一提供的圖形界面焦點形狀處理中的方法的步驟S103中的焦點圖形形狀漸變方案為正多邊形間的平滑漸變方案時，圖9示出了所述正多邊形間的平滑漸變方案的方法的流程，具體步驟如下：步驟S901、起點焦點的第一正多邊形漸變?yōu)閳A形，計算隨時間變化的第一正多邊形的倒角半徑，計算第一正多邊形的倒角弧心所在位置的坐標(biāo)值和計算第一正多邊形的倒角曲線；其中，所述第一正多邊形為任一上述的正多邊形。其中倒角半徑、倒角弧心所在位置的坐標(biāo)值和倒角曲線的具體計算方法請參閱實施例二，在這里不再重復(fù)累述。步驟S902、圓形漸變?yōu)槁潼c焦點的第二正多邊形，計算隨時間變化的第二正多邊形的倒角半徑，計算第二正多邊形的倒角弧心所在位置的坐標(biāo)值和計算第二正多邊形的倒角曲線；其中，所述第二正多邊形為任一上述的正多邊形；需要說明的是，所述第一正多邊形和所述第二正多邊形不一定為大小相同的正多邊形。步驟S903、根據(jù)倒角半徑、倒角弧心所在位置的坐標(biāo)值和倒角曲線，繪制出相應(yīng)時間位置的焦點圖形形狀和大??；步驟S904、在圖形界面上顯示該時間位置對應(yīng)的焦點圖形形狀。本發(fā)明實施例中，當(dāng)起點焦點圖形形狀為第一正多邊形，落點焦點圖形形狀為第二正多邊形時，起落點焦點移動時，首先由起點焦點的第一正多邊形漸變?yōu)閳A形，計算出隨時間變化的倒角半徑r，計算出起點焦點的第一正多邊形的倒角弧心Oi（xOi，yOi）和起點焦點的第一正多邊形的倒角曲線（x，y），當(dāng)起點焦點的第一正多邊形漸變?yōu)閳A形時，再由圓形漸變?yōu)槁潼c焦點的第二正多邊形，計算出隨時間變化的倒角半徑r，計算出落點焦點的第二正多邊形的倒角弧心Oi（xOi，yOi）和落點焦點的第二正多邊形的倒角曲線（x，y），根據(jù)所述倒角半徑r，倒角弧心Oi（xOi，yOi）和倒角曲線（x，y），繪制出在相應(yīng)時間位置的焦點圖形形狀和大小，并在圖形界面上顯示該時間位置對應(yīng)的焦點圖形形狀，即實時繪制出對應(yīng)時間位置的焦點圖形形狀和大小并顯示在圖形界面上。在本實施例中，將起點焦點圖形形狀根據(jù)確定的漸變方案進(jìn)行變形，起點焦點的圖形形狀慢慢漸變成圓形，圓形慢慢漸變成落點焦點的圖形形狀，并同時播放焦點圖形形狀漸變動畫，動畫結(jié)束后，在圖形界面上繪制出落點焦點的圖形形狀和大小。如圖10所示，本發(fā)明實施例提供的正方形平滑漸變?yōu)檎切蔚臐u變示意圖。本發(fā)明實施例中，漸變開始時，起點焦點的正多邊形的倒角半徑為0，當(dāng)起點焦點的正多邊形的倒角半徑逐漸增大時，起點焦點的正多邊形的倒角曲線的弧線部分長度越來越大，直線部分長度越來越短，直到起點焦點的倒角半徑達(dá)到起點焦點的正多邊形內(nèi)切圓的半徑，此時焦點的圖形形狀為圓形。當(dāng)焦點的圖形形狀為圓形時，將落點焦點的正多邊形的倒角半徑設(shè)置為圓的半徑，并將落點焦點圖形的倒角半徑逐漸減小，落點焦點的正多邊形的倒角曲線的弧線部分長度越來越短，直線部分長度越來越長，結(jié)束時，落點焦點的正多邊形的倒角半徑為0，此時得到的正多邊形為落點焦點的圖形形狀。實施例五請參閱圖11，示出了本發(fā)明實施例五提供的圖形界面焦點形狀處理的系統(tǒng)的組成結(jié)構(gòu)，所述的系統(tǒng)包括：檢測單元111、獲取單元112和圖形漸變單元113。檢測單元111，用于檢測圖形界面上的焦點位置變化情況；獲取單元112，用于當(dāng)檢測所述焦點位置發(fā)生變化時，獲取起點焦點和落點焦點所在位置的坐標(biāo)值、所述起點焦點和所述落點焦點的圖形形狀及大小；圖形漸變單元113，用于根據(jù)所述起點焦點和落點焦點所在位置的坐標(biāo)值、圖形形狀及大小，確定焦點圖形形狀漸變方案，根據(jù)所述焦點圖形形狀漸變方案生成焦點漸變動畫并播放，待所述焦點漸變動畫播放結(jié)束后，在所述圖形界面上繪制出所述落點焦點圖形形狀和大小。更進(jìn)一步的，圖形漸變單元113還包括：計算模塊1131、第一判斷模塊1132、第二判斷模塊1133、第三判斷模塊1134和繪制模塊1135。計算模塊1131、用于計算并確定焦點圖形形狀漸變方案；第一判斷模塊1132、用于判斷起點焦點和落點焦點的圖形形狀是否為相同的圖形形狀，如果是則執(zhí)行第二判斷模塊1133，如果不是則執(zhí)行第三判斷模塊1134；第二判斷模塊1133、用于判斷起點焦點和落點焦點的圖形大小是否相等，如果是則執(zhí)行繪制模塊1135，如果不是則確定焦點圖形形狀漸變方案為焦點圖形平滑縮放方案并同時播放焦點漸變動畫；第三判斷模塊1134、用于判斷起點焦點或落點焦點的圖形形狀是否為圓形形狀，如果是則確定焦點圖形形狀漸變方案為正多邊形和圓形間的平滑漸變方案并同時播放焦點漸變動畫，當(dāng)起點焦點的圖形形狀為圓形時，焦點圖形形狀由圓形到正多邊形漸變，當(dāng)落點焦點的圖形形狀為圓形時，焦點圖形形狀由正多邊形到圓形漸變，如果不是則確定焦點圖形形狀漸變方案為正多邊形間的平滑漸變方案并同時播放焦點漸變動畫，起點焦點的圖形形狀慢慢漸變成圓形，圓形慢慢漸變成落點焦點的圖形形狀；繪制模塊1135、用于所述焦點漸變動畫播放結(jié)束后，在圖形界面上繪制落點焦點的圖形形狀和大小。本實施例提供的圖形界面焦點形狀處理的系統(tǒng)，通過檢測單元111檢測圖形界面上的焦點位置變化情況；根據(jù)起落點焦點移動情況，通過獲取單元112獲取起點焦點和落點焦點所在位置的坐標(biāo)值、所述起點焦點和所述落點焦點的圖形形狀及大??；在圖形漸變單元113中確定焦點圖形形狀漸變方案，通過判斷模塊判斷起落點焦點圖形形狀是否相同和大小是否相等，則確定不同的焦點圖形形狀漸變方案，根據(jù)所述焦點圖形形狀漸變方案生成焦點漸變動畫并播放，待所述焦點漸變動畫播放結(jié)束后，將所述落點焦點圖形形狀和大小繪制在所述圖形界面上。從而，實現(xiàn)當(dāng)焦點在起落點位置的坐標(biāo)值不相同且形狀大小不一樣或形狀相同大小不一樣時，當(dāng)焦點移動時，焦點的形狀和大小是平滑漸變的，因此會給用戶帶來更流暢的使用體驗。值得注意的是，上述系統(tǒng)實施例中，所包括的各個單元只是按照功能邏輯進(jìn)行劃分的，但并不局限于上述的劃分，只要能夠?qū)崿F(xiàn)相應(yīng)的功能即可；另外，各功能單元的具體名稱也只是為了便于相互區(qū)分，并不用于限制本發(fā)明的保護(hù)范圍。另外，本領(lǐng)域普通技術(shù)人員可以理解實現(xiàn)上述各實施例方法中的全部或部分步驟是可以通過程序來指令相關(guān)的硬件來完成，相應(yīng)的程序可以存儲于一計算機(jī)可讀取存儲介質(zhì)中，所述的存儲介質(zhì)，如ROM/RAM、磁盤或光盤等。以上所述僅為本發(fā)明的較佳實施例而已，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)所作的任何修改、等同替換和改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。