專利名稱:自定義漸層背景以凸顯選單圖標(biāo)的方法
技術(shù)領(lǐng)域:
本發(fā)明涉及一種凸顯選單圖標(biāo)的方法,尤其是一種自定義漸層背景以凸顯 選單圖標(biāo)的方法。
背景技術(shù):
由于電子相關(guān)技術(shù)領(lǐng)域的進(jìn)步,電子設(shè)備功能不僅日益強(qiáng)大,同時體積與 重量也逐漸減少。這樣的科技發(fā)展,也使得掌上型電子設(shè)備,例如筆記型計 算機(jī)、個人數(shù)字助理機(jī)(Personal digital assistant, PDA)、行動電話、計算機(jī)辭典 等彼此間的界限越來越模糊,以往的掌上型電子設(shè)備往往僅具有單一功能,現(xiàn) 在卻已可見到齊聚各種功能于一身的隨身裝置。
然而,體積縮小后,顯示屏隨之縮小乃必然結(jié)果,小屏幕固然具有大屏幕 所沒有的輕巧,卻也使得操作者和電子設(shè)備之間的溝通變得困難。尤其現(xiàn)在的 可攜式電子設(shè)備往往具有令人眼花撩亂的功能選單,要讓具備如此眾多功能的 電子設(shè)備能輕易地被操作者所使用,同時又要兼具輕薄短小的優(yōu)點,除了操作 系統(tǒng)軟件的改良外,另一發(fā)展方向便是強(qiáng)化選單圖標(biāo)與背景的辨識度。
過去的掌上型電子設(shè)備雖可讓使用者變換各種不同顏色的背景,但卻無法 對所選的顏色做進(jìn)一步的調(diào)整。所以一旦該顏色和某些選單圖標(biāo)的顏色接近, 將造成使用者難以在這種顏色背景下辨識某些選單圖標(biāo),此時,使用者往往只 有被迫更換其它顏色背景,且極有可能在更換后又發(fā)生部分選單圖標(biāo)難以辨識 的情況,這不僅使得使用者無法選擇自己喜愛的顏色作為背景,同時也增加操 作上的不便性。
因此,如何讓使用者能在不影響選單圖標(biāo)的辨識度下,任意指定自己所喜 愛的顏色作為背景,乃本發(fā)明所欲解決的問題。
發(fā)明內(nèi)容
本發(fā)明為解決背景技術(shù)中存在的上述技術(shù)問題,而提出一種自定義漸層背 景以凸顯選單圖標(biāo)方法。
本發(fā)明的技術(shù)解決方案是本發(fā)明為一種自定義漸層背景以凸顯選單圖標(biāo)
方法,其特殊之處在于該方法包含下列步驟
1) 提供顯示屏;
2) 提供選單圖標(biāo)顯示在顯示屏上;
3) 取得顯示屏的像素點行列數(shù)值;
4) 接收底色與罩色;
5) 根據(jù)顯示屏像素點行列數(shù)值調(diào)整罩色透明度;
6) 對底色與罩色進(jìn)行遮蓋處理,形成漸層圖形;
7) 在漸層圖形上迭合選單圖標(biāo),形成漸層背景。 上述步驟5)的具體步驟如下
5.1) 取得顯示屏的像素點行數(shù),并將像數(shù)點行數(shù)設(shè)為k;
5.2) 取得罩色第i行像素;
5.3) 判斷是否i〈k,若i〈k成立,則進(jìn)行步驟5.4);若i〈k不成立,則結(jié)束 透明度處理;
5.4) 將透明度設(shè)為T,且T為i和k所構(gòu)成的函數(shù),即I^T (i,k)。
5.5) 以T為透明度對罩色的第i行進(jìn)行透明度處理;即將罩色第i行像素點依
照方程式T:T (i,k)做透明度處理;
5.6) 罩色第i行進(jìn)行透明度處理后,繼續(xù)取得罩色第i+l行,并進(jìn)行步驟5.2) 到步驟5.6)的處理,直到步驟5.3)中i〈k不再成立為止。
上述步驟6)中對底色與罩色進(jìn)行遮蓋處理是利用alpha通道技術(shù)將罩色遮蓋 在底色上。
上述步驟7)之后還包括步驟8)在顯示屏上輸出選單圖標(biāo)與漸層背景。 上述底色與罩色由紅、綠、藍(lán)三原色的色調(diào)、濃度、亮度或其組合構(gòu)成。 另一種自定義漸層背景以凸顯選單圖標(biāo)的方法,其特殊之處在于該方法 包含下列步驟
1) 提供選單圖標(biāo);
2) 取得選單圖標(biāo)的像素點坐標(biāo)信息;
3) 接收底色與罩色;
4) 根據(jù)選單圖標(biāo)的像素點坐標(biāo)信息調(diào)整罩色透明度;
5) 對底色與罩色進(jìn)行遮蓋處理,形成選單圖標(biāo)邊緣漸層圖形;
6)在選單圖標(biāo)邊緣漸層圖形上迭合選單圖標(biāo),形成選單圖標(biāo)邊緣漸層背景。 上述步驟4)的具體步驟如下
4.1) 取得選單圖標(biāo)中心像素點的橫坐標(biāo),將其設(shè)為X;取得選單圖標(biāo)中心像
素點的橫坐標(biāo),將其設(shè)為y。
4.2) 取得選單圖標(biāo)的像素點寬度及高度,并將寬度設(shè)為w,高度設(shè)為h。
4.3) 自選單圖標(biāo)邊緣起算,取得a行像素點,a行范圍內(nèi)所有像素點將成為 進(jìn)行透明度處理的對象,a值的大小由使用者決定;
4.4) 取得自選單圖標(biāo)邊緣起算,往外延伸a行的范圍內(nèi)所有像素點坐標(biāo)(i,j), 即取得罩色上坐標(biāo)滿足x—w/2 —a<i<x+w/2 + a以及y —h/2—a<j<y+h/2 屮a的像素點;
4.5) 將透明度設(shè)為T,且T為i、 j和k所構(gòu)成的函數(shù),即T釕(i,j,k);
4.6) 以T為透明度對所取得的罩色像素點進(jìn)行透明度處理將所取得的罩色像 素點,依照方程式T-T (i,j,k)做透明度處理。
上述步驟5)中對底色與罩色進(jìn)行遮蓋處理是利用alpha通道技術(shù)將罩色遮蓋 在底色上。
上述步驟6)之后,還包含步驟7)輸出選單圖標(biāo)與選單圖標(biāo)邊緣漸層背景。
上述底色與罩色由紅、綠、藍(lán)三原色色調(diào)、濃度、亮度或其組合構(gòu)成。
本發(fā)明通過自定義漸層背景以凸顯選單圖標(biāo),該方法讓使用者能在不影響 選單圖標(biāo)的辨識度下,任意指定自己所喜愛的顏色作為背景。同時加強(qiáng)了選單 圖標(biāo)與背景圖形在視覺上的區(qū)別,使選單圖標(biāo)不致因迭合在背景圖形上而模糊 不清。
圖l為本發(fā)明第一實施例流程圖2為本發(fā)明第一實施例透明度處理方法流程圖3為本發(fā)明第一實施例漸層圖形示意圖4為本發(fā)明第一實施例示意圖5為本發(fā)明第二實施例流程圖6為本發(fā)明第二實施例透明度處理流程圖7為本發(fā)明第二實施例選單圖標(biāo)邊緣漸層圖形示意圖8為本發(fā)明第二實施例示意圖。
其中,101-選單,102-選單圖標(biāo),103-單色背景圖形,701-漸層圖形,702-顯示屏,703-選單圖標(biāo),704-漸層背景,801-選單圖標(biāo)邊緣漸層圖形,802-選單 圖標(biāo),803-選單圖標(biāo)邊緣漸層背景;
具體實施例方式
參見圖l、 3、 4,本發(fā)明第一實施例包含下列步驟
步驟201:提供顯示屏702。
顯示屏702用以輸出掌上型電子裝置的選單圖標(biāo)102和漸層圖形701,以供使 用者點選與操作。
步驟202:提供選單IOI,每一個選單101包含選單圖標(biāo)102。
上述選單101包含F(xiàn)1辭典、F2學(xué)習(xí)、F3多媒體、F4記事、F5系統(tǒng)等功能選 單IOI,且每個選單101包含選單圖標(biāo)102,如Fl辭典之選單101包含全句翻譯、 英漢辭典、牛津高階、劍橋百科、日華華日、多國辭典、漢英辭典、百科圖解、 專業(yè)辭典、國語辭典、A卡、B卡等功能選單圖標(biāo)102。
步驟203:取得顯示屏702的像素點行列數(shù)值。
此處所取得的顯示屏702的像素點行列數(shù)值,將作為稍后透明度處理時的參 數(shù)依據(jù)。
步驟204:接收底色與罩色。
使用者可通過掌上型電子設(shè)備所提供的電子畫板,任意決定底色和罩色色 彩。此外,通過調(diào)整紅、綠、藍(lán)三原色色調(diào)、濃度及亮度大小,使用者可任意 調(diào)配出各種不同底色和罩色。
步驟205:根據(jù)顯示屏702像素點行列數(shù)值調(diào)整罩色透明度。 罩色透明度調(diào)整乃根據(jù)顯示屏702像素點行數(shù)或者列數(shù)來決定。例如顯示 屏702像素點為240行和180列,則可令罩色第l行的透明度為(1 — 1/240),第2 行透明度為(1—2/240),第3行透明度為(1—3/240)依此類推;也可令罩色第 l列的透明度為(1 — 1/180),第2列透明度為(1—2/180),第3列透明度為(l一 3/180)依此類推。
步驟206:對底色與罩色進(jìn)行遮蓋處理形成漸層圖形701。
利用alpha通道技術(shù)將已經(jīng)過透明度處理的罩色遮蓋在底色上,形成漸層圖
形701。
步驟207:在漸層圖形701上迭合選單圖標(biāo)703,形成漸層背景704。 將選單圖標(biāo)703迭合在先前步驟所得的漸層圖形701上,即可形成具有突顯 選單圖標(biāo)703效果的漸層背景704。通過將選單圖標(biāo)703迭合在漸層圖形701上, 不僅可讓背景圖形有別于以往單調(diào)的單一色彩,還可避免使用者在選單圖標(biāo)703 和背景圖形之間發(fā)生視覺混淆以及模糊不情的情況。
參見圖2,本發(fā)明第一實施例的透明度處理方法,包含下列步驟 步驟301:取得顯示屏702的像素點行數(shù),并將像數(shù)點行數(shù)設(shè)為k。 步驟302:取得罩色第i行像素。 步驟303:判斷是否i〈k。
若i〈k成立,則進(jìn)行步驟304;若i〈k不成立,則結(jié)束透明度處理。 步驟304:透明度T-T (i,k)。
將透明度設(shè)為T,且T為i和k所構(gòu)成的函數(shù),即丁=丁 (i,k)。 步驟305:以T為透明度對罩色的第i行進(jìn)行透明度處理。 將罩色第i行像素點依照方程式T:T (i,k)做透明度處理。 步驟306: i=i+l。
罩色第i行進(jìn)行透明度處理后,繼續(xù)取得罩色第i+l行,并進(jìn)行步驟302到步 驟306處理,直到步驟303中i〈k不再成立為止。
參見圖5、 7、 8,本發(fā)明第二實施例包含下列步驟 步驟401:提供選單IOI,每個選單101包含選單圖標(biāo)802。 步驟402:取得選單圖標(biāo)802的像素點坐標(biāo)信息。
選單圖標(biāo)802的像素點坐標(biāo)信息包含橫坐標(biāo)x和縱坐標(biāo)y,選單圖標(biāo)802的像 素點坐標(biāo)信息將作為稍后透明度處理時的參數(shù)。 步驟403:接收底色與罩色。
使用者可通過掌上型電子設(shè)備所提供的電子畫板,任意決定底色和罩色色 彩。此外,通過調(diào)整紅、綠、藍(lán)三原色色調(diào)、濃度及亮度大小,使用者可任意 調(diào)配出各種不同底色和罩色。
步驟404:根據(jù)選單圖標(biāo)802像素點坐標(biāo)信息調(diào)整罩色透明度。 罩色透明度調(diào)整乃以選單圖標(biāo)802的像素點坐標(biāo)信息為依據(jù),在此僅針對選
單圖標(biāo)802的邊緣附近區(qū)域做透明度處理,而非全畫面均作透明度處理。
步驟405:對底色與罩色進(jìn)行遮蓋處理,形成選單圖標(biāo)邊緣漸層圖形801。 利用alpha通道技術(shù)將已調(diào)整完透明度的罩色遮蓋在底色上,可形成選單圖
標(biāo)邊緣漸層圖形801。
步驟406:在選單圖標(biāo)邊緣漸層圖形801上迭合選單圖標(biāo)802,形成選單圖標(biāo)
邊緣漸層背景803。
將選單圖標(biāo)802迭合在先前步驟所得的漸層圖形801上,即可形成具有突顯 選單圖標(biāo)802效果的漸層背景803。通過將選單圖標(biāo)802迭合在選單圖標(biāo)邊緣漸層 圖形801上,無論背景圖形如何更換,均可避免使用者在選單圖標(biāo)802和背景圖 形上發(fā)生視覺混淆以及模糊不情的情況。
參見圖6,本發(fā)明第二實施例的透明度處理方法,包含下列步驟
步驟501:取得選單圖標(biāo)802中心的像素點坐標(biāo)(x,y)
取得選單圖標(biāo)802中心像素點的橫坐標(biāo),將其設(shè)為x;取得選單圖標(biāo)中心像 素點的橫坐標(biāo),將其設(shè)為y。
步驟502:取得選單圖標(biāo)802的像素點寬度及高度,并將寬度設(shè)為w,高度設(shè)為h。
步驟503:自選單圖標(biāo)802邊緣起算,取得a行像素點。
自選單圖標(biāo)802邊緣起算,a行范圍內(nèi)所有像素點將成為進(jìn)行透明度處理的 對象,a值的大小由使用者決定。
步驟504:取得自選單圖標(biāo)802邊緣起算,往外延伸a行的范圍內(nèi)所有像素點 坐標(biāo)(i,j)。
即取得罩色上坐標(biāo)滿足x—w/2—a〈i〈x+w/2+a以及y—h/2—a<j<y+ h/2+a的像素點。
步驟505:透明度T-T (i,j,a)。
將透明度設(shè)為T,且T為i、 j和k所構(gòu)成的函數(shù),即T-T (i,j,k)。 步驟506:以T為透明度對所取得的罩色像素點進(jìn)行透明度處理將所取得的 罩色像素點,依照方程式T二T (i,j,k)做透明度處理。
權(quán)利要求
1、一種自定義漸層背景以凸顯選單圖標(biāo)方法,其特征在于該方法包含下列步驟1)提供顯示屏;2)提供選單圖標(biāo)顯示在顯示屏上;3)取得顯示屏的像素點行列數(shù)值;4)接收底色與罩色;5)根據(jù)顯示屏像素點行列數(shù)值調(diào)整罩色透明度;6)對底色與罩色進(jìn)行遮蓋處理,形成漸層圖形;7)在漸層圖形上迭合選單圖標(biāo),形成漸層背景。
2、 根據(jù)權(quán)利要求l所述的自定義漸層背景以凸顯選單圖標(biāo)方法,其特征在 于所述步驟5)的具體步驟如下5.1) 取得顯示屏的像素點行數(shù),并將像數(shù)點行數(shù)設(shè)為k;5.2) 取得罩色第i行像素;5.3) 判斷是否i〈k,若i〈k成立,則進(jìn)行步驟5.4);若i〈k不成立,則結(jié) 束透明度處理;5.4) 將透明度設(shè)為T,且T為i和k所構(gòu)成的函數(shù),即T-T (i,k);5.5) 以T為透明度對罩色的第i行進(jìn)行透明度處理;即將罩色第i行像素點 依照方程式T:T (i,k)做透明度處理;5.6) 罩色第i行進(jìn)行透明度處理后,繼續(xù)取得罩色第i+l行,并進(jìn)行步驟 5.2)到步驟5.6)的處理,直到步驟5.3)中i〈k不再成立為止。
3、 根據(jù)權(quán)利要求2所述的自定義漸層背景以凸顯選單圖標(biāo)的方法,其特征 在于所述步驟6)中對底色與罩色進(jìn)行遮蓋處理是利用alpha通道技術(shù)將罩色 遮蓋在底色上。
4、 根據(jù)權(quán)利要求1或2或3所述的自定義漸層背景以凸顯選單圖標(biāo)的方法, 其特征在于所述步驟7)之后還包括步驟8)在顯示屏上輸出選單圖標(biāo)與漸層北旦 冃爾。
5、 根據(jù)權(quán)利要求4所述的自定義漸層背景以凸顯選單圖標(biāo)的方法,其特征 在于所述底色與罩色由紅、綠、藍(lán)三原色的色調(diào)、濃度、亮度或其組合構(gòu)成。
6、 一種自定義漸層背景以凸顯選單圖標(biāo)的方法,其特征在于該方法包含 下列步驟1) 提供選單圖標(biāo);2) 取得選單圖標(biāo)的像素點坐標(biāo)信息;3) 接收底色與罩色;4) 根據(jù)選單圖標(biāo)的像素點坐標(biāo)信息調(diào)整罩色透明度;5) 對底色與罩色進(jìn)行遮蓋處理,形成選單圖標(biāo)邊緣漸層圖形;6) 在選單圖標(biāo)邊緣漸層圖形上迭合選單圖標(biāo),形成選單圖標(biāo)邊緣漸層背景。
7、 根據(jù)權(quán)利要求6所述的自定義漸層背景以凸顯選單圖標(biāo)的方法,其特征 在于所述步驟4)的具體步驟如下4.1) 取得選單圖標(biāo)中心像素點的橫坐標(biāo),將其設(shè)為X;取得選單圖標(biāo)中心 像素點的橫坐標(biāo),將其設(shè)為y;4.2) 取得選單圖標(biāo)的像素點寬度及高度,并將寬度設(shè)為W,高度設(shè)為h;4.3) 自選單圖標(biāo)邊緣起算,取得a行像素點,a行范圍內(nèi)所有像素點將成為 進(jìn)行透明度處理的對象,a值的大小由使用者決定;4.4) 取得自選單圖標(biāo)邊緣起算,往外延伸a行的范圍內(nèi)所有像素點坐標(biāo)(i, j),即取得罩色上坐標(biāo)滿足x—w/2—a<i<x+w/2+a以及y—h/2—a<j<y+ h/2+a的像素點;4.5) 將透明度設(shè)為T,且T為i、 j和k所構(gòu)成的函數(shù),即丁=丁 (i,j,k);4.6) 以T為透明度對所取得的罩色像素點進(jìn)行透明度處理將所取得的罩色 像素點,依照方程式T二T (i,j,k)做透明度處理。
8、 根據(jù)權(quán)利要求7所述的自定義漸層背景以凸顯選單圖標(biāo)的方法,其特征 在于所述步驟5)中對底色與罩色進(jìn)行遮蓋處理是利用alpha通道技術(shù)將罩色 遮蓋在底色上。
9、 根據(jù)權(quán)利要求6或7或8所述的自定義漸層背景以凸顯選單圖標(biāo)的方法, 其特征在于所述步驟6)之后,還包含步驟7)輸出選單圖標(biāo)與選單圖標(biāo)邊緣漸層背景。
10、 根據(jù)權(quán)利要求9所述的自定義漸層背景以凸顯選單圖標(biāo)的方法,其特征在于所述底色與罩色由紅、綠、藍(lán)三原色色調(diào)、濃度、亮度或其組合構(gòu)成。
全文摘要
本發(fā)明涉及一種自定義漸層背景以凸顯選單圖標(biāo)的方法,包含下列步驟提供顯示屏;提供選單圖標(biāo),選單圖標(biāo)顯示在顯示屏上;取得顯示屏的像素點行列數(shù)值;接收底色與罩色;根據(jù)顯示屏像素點行列數(shù)值調(diào)整罩色透明度;對底色與罩色進(jìn)行遮蓋處理,形成漸層圖形;及迭合選單圖標(biāo)于漸層圖形上形成漸層背景。通過上述步驟可加強(qiáng)選單圖標(biāo)與背景圖形在視覺上的區(qū)別,使選單圖標(biāo)不致因迭合在背景圖形上而模糊不清。
文檔編號G06F3/048GK101393512SQ20081023182
公開日2009年3月25日 申請日期2008年10月21日 優(yōu)先權(quán)日2008年10月21日
發(fā)明者超 劉, 張國穎, 陳淮琰 申請人:無敵科技(西安)有限公司