[發(fā)明專利]一種圖形界面焦點(diǎn)形狀處理的方法及系統(tǒng)

有效

• 申請?zhí)枺?/td>: 201310265218.5
• 申請日: 2013-06-27
• 公開（公告）號: CN103345354B
• 公開（公告）日: 2017-07-18
• 發(fā)明（設(shè)計(jì)）人: 盧偉超;姬銳鋒
• 申請（專利權(quán)）人: 深圳TCL工業(yè)研究院有限公司
• 主分類號: G06F3/0484
• 分類號: G06F3/0484
• 代理公司: 深圳中一專利商標(biāo)事務(wù)所44237
• 代理人: 張全文

技術(shù)領(lǐng)域

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

背景技術(shù)

人機(jī)交互界面的焦點(diǎn)移動(dòng)，是用戶體驗(yàn)的重要部分。焦點(diǎn)能夠流暢的移動(dòng)，且焦點(diǎn)移動(dòng)滿足用戶預(yù)期，會帶來良好的用戶感受。在一般人機(jī)交互界面中焦點(diǎn)起落點(diǎn)的形狀大小是固定的。例如：一般的焦點(diǎn)系統(tǒng)，所有焦點(diǎn)都是矩形，或者所有焦點(diǎn)都是圓形，這樣就限制并束縛了設(shè)計(jì)者的發(fā)揮，此時(shí)焦點(diǎn)移動(dòng)時(shí)焦點(diǎn)形狀是無需變化的。

在現(xiàn)有的人機(jī)交互界面中還存在不同形狀和大小的焦點(diǎn)，在焦點(diǎn)移動(dòng)時(shí)，焦點(diǎn)生硬的從一種形狀突變到另一種形狀，略顯枯燥、不夠自然。

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

本發(fā)明實(shí)施例的目的在于提供一種圖形界面焦點(diǎn)形狀處理的方法和系統(tǒng)，旨在解決現(xiàn)有技術(shù)中在一般人機(jī)交互界面中存在不同形狀和大小的焦點(diǎn)圖形，在焦點(diǎn)圖形移動(dòng)時(shí)生硬的從一種形狀突變到另一種形狀的問題。

本發(fā)明實(shí)施例提供了一種圖形界面焦點(diǎn)形狀處理的方法，所述方法包括下述步驟：

檢測圖形界面上的焦點(diǎn)位置變化情況；

當(dāng)檢測所述焦點(diǎn)位置發(fā)生變化時(shí)，獲取起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)所在位置的坐標(biāo)值、圖形形狀及大小；

根據(jù)所述起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)所在位置的坐標(biāo)值、圖形形狀及大小，確定焦點(diǎn)圖形形狀漸變方案；

根據(jù)所述焦點(diǎn)圖形形狀漸變方案生成焦點(diǎn)漸變動(dòng)畫并播放，待所述焦點(diǎn)漸變動(dòng)畫播放結(jié)束后，在所述圖形界面上繪制出所述落點(diǎn)焦點(diǎn)圖形形狀和大小。

本發(fā)明實(shí)施例還提供了一種圖形界面焦點(diǎn)形狀處理的系統(tǒng)，所述系統(tǒng)包括：

檢測單元，用于檢測圖形界面上的焦點(diǎn)位置變化情況；

獲取單元，用于當(dāng)檢測所述焦點(diǎn)位置發(fā)生變化時(shí)，獲取起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)所在位置的坐標(biāo)值、所述起點(diǎn)焦點(diǎn)和所述落點(diǎn)焦點(diǎn)的圖形形狀及大小；

圖形漸變單元，用于根據(jù)所述起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)所在位置的坐標(biāo)值、圖形形狀及大小，確定焦點(diǎn)圖形形狀漸變方案，根據(jù)所述焦點(diǎn)圖形形狀漸變方案生成焦點(diǎn)漸變動(dòng)畫并播放，待所述焦點(diǎn)漸變動(dòng)畫播放結(jié)束后，在所述圖形界面上繪制出所述落點(diǎn)焦點(diǎn)圖形形狀和大小。

在本發(fā)明實(shí)施例中，檢測圖形界面上的焦點(diǎn)位置變化情況，當(dāng)檢測焦點(diǎn)位置發(fā)生變化時(shí)，獲取起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)所在位置的坐標(biāo)值、起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)的圖形形狀及大小，再根據(jù)起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)所在位置的坐標(biāo)值、起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)的圖形形狀及大小，確定焦點(diǎn)圖形形狀漸變方案并執(zhí)行，根據(jù)焦點(diǎn)圖形形狀漸變方案生成焦點(diǎn)漸變動(dòng)畫并播放，待焦點(diǎn)漸變動(dòng)畫播放結(jié)束后，將落點(diǎn)焦點(diǎn)圖形形狀和大小繪制在圖形界面上。從而實(shí)現(xiàn)當(dāng)焦點(diǎn)在起落點(diǎn)位置的坐標(biāo)值不相同且形狀大小不一樣或形狀相同大小不一樣時(shí)，當(dāng)焦點(diǎn)移動(dòng)時(shí)，焦點(diǎn)的形狀和大小是平滑漸變的，因此會給用戶帶來更流暢的使用體驗(yàn)。

附圖說明

圖1是本發(fā)明實(shí)施例一提供的圖形界面焦點(diǎn)形狀處理的方法的流程圖。

圖2是本發(fā)明實(shí)施例一提供的圖形界面焦點(diǎn)形狀處理的方法中，根據(jù)所述起點(diǎn)焦點(diǎn)和落點(diǎn)焦點(diǎn)分別所在位置的坐標(biāo)值、圖形形狀及大小，確定焦點(diǎn)圖形形狀漸變方案的步驟的流程圖。

圖3是本發(fā)明實(shí)施例二提供的圖形界面焦點(diǎn)形狀處理的方法中的焦點(diǎn)圖形形狀漸變方案為正多邊形到圓形間或圓形到正多邊形間的平滑漸變方案的流程圖。

圖4是本發(fā)明實(shí)施例一、二提供的隨時(shí)間變化的倒角曲線公式的倒角半徑r、正多邊形倒角弧心O_i以及正多邊形倒角曲線之間的關(guān)系示意圖。

圖5是本發(fā)明實(shí)施例二提供的正方形平滑漸變?yōu)閳A形的漸變示意圖。

圖6是本發(fā)明實(shí)施例二提供的正三角形平滑漸變?yōu)閳A形的漸變示意圖。

圖7是本發(fā)明實(shí)施例三提供的圖形界面焦點(diǎn)形狀處理的方法中的焦點(diǎn)圖形形狀漸變方案為焦點(diǎn)圖形平滑縮放方案的流程圖.

圖8是本發(fā)明實(shí)施例三提供的正多邊形和圓形平滑縮放的漸變示意圖。

圖9是本發(fā)明實(shí)施例四提供的圖形界面焦點(diǎn)形狀處理的方法中的焦點(diǎn)圖形形狀漸變方案為正多邊形間的平滑漸變方案的流程圖。

圖10是本發(fā)明實(shí)施例四提供的正方形平滑漸變?yōu)檎切蔚臐u變示意圖。

圖11是本發(fā)明實(shí)施例五提供的圖形界面焦點(diǎn)形狀處理的系統(tǒng)的組成結(jié)構(gòu)圖。

具體實(shí)施方式

為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點(diǎn)更加清楚明白，以下結(jié)合附圖及實(shí)施例，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的具體實(shí)施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。

實(shí)施例一