专利名称:自定义渐层背景以凸显选单图标的方法
技术领域:
本发明涉及一种凸显选单图标的方法,尤其是一种自定义渐层背景以凸显 选单图标的方法。
背景技术:
由于电子相关技术领域的进步,电子设备功能不仅日益强大,同时体积与 重量也逐渐减少。这样的科技发展,也使得掌上型电子设备,例如笔记型计 算机、个人数字助理机(Personal digital assistant, PDA)、行动电话、计算机辞典 等彼此间的界限越来越模糊,以往的掌上型电子设备往往仅具有单一功能,现 在却已可见到齐聚各种功能于一身的随身装置。
然而,体积缩小后,显示屏随之縮小乃必然结果,小屏幕固然具有大屏幕 所没有的轻巧,却也使得操作者和电子设备之间的沟通变得困难。尤其现在的 可携式电子设备往往具有令人眼花撩乱的功能选单,要让具备如此众多功能的 电子设备能轻易地被操作者所使用,同时又要兼具轻薄短小的优点,除了操作 系统软件的改良外,另一发展方向便是强化选单图标与背景的辨识度。
过去的掌上型电子设备虽可让使用者变换各种不同颜色的背景,但却无法 对所选的颜色做进一步的调整。所以一旦该颜色和某些选单图标的颜色接近, 将造成使用者难以在这种颜色背景下辨识某些选单图标,此时,使用者往往只 有被迫更换其它颜色背景,且极有可能在更换后又发生部分选单图标难以辨识 的情况,这不仅使得使用者无法选择自己喜爱的颜色作为背景,同时也增加操 作上的不便性。
因此,如何让使用者能在不影响选单图标的辨识度下,任意指定自己所喜 爱的颜色作为背景,乃本发明所欲解决的问题。
发明内容
本发明为解决背景技术中存在的上述技术问题,而提出一种自定义渐层背 景以凸显选单图标方法。
本发明的技术解决方案是本发明为一种自定义渐层背景以凸显选单图标
方法,其特殊之处在于该方法包含下列步骤
1) 提供显示屏;
2) 提供选单图标显示在显示屏上;
3) 取得显示屏的像素点行列数值;
4) 接收底色与罩色;
5) 根据显示屏像素点行列数值调整罩色透明度;
6) 对底色与罩色进行遮盖处理,形成渐层图形;
7) 在渐层图形上迭合选单图标,形成渐层背景。 上述步骤5)的具体步骤如下
5.1) 取得显示屏的像素点行数,并将像数点行数设为k;
5.2) 取得罩色第i行像素;
5.3) 判断是否i〈k,若i〈k成立,则进行步骤5.4);若i〈k不成立,则结束 透明度处理;
5.4) 将透明度设为T,且T为i和k所构成的函数,即I^T (i,k)。
5.5) 以T为透明度对罩色的第i行进行透明度处理;即将罩色第i行像素点依
照方程式T:T (i,k)做透明度处理;
5.6) 罩色第i行进行透明度处理后,继续取得罩色第i+l行,并进行步骤5.2) 到步骤5.6)的处理,直到步骤5.3)中i〈k不再成立为止。
上述步骤6)中对底色与罩色进行遮盖处理是利用alpha通道技术将罩色遮盖 在底色上。
上述步骤7)之后还包括步骤8)在显示屏上输出选单图标与渐层背景。 上述底色与罩色由红、绿、蓝三原色的色调、浓度、亮度或其组合构成。 另一种自定义渐层背景以凸显选单图标的方法,其特殊之处在于该方法 包含下列步骤
1) 提供选单图标;
2) 取得选单图标的像素点坐标信息;
3) 接收底色与罩色;
4) 根据选单图标的像素点坐标信息调整罩色透明度;
5) 对底色与罩色进行遮盖处理,形成选单图标边缘渐层图形;
6)在选单图标边缘渐层图形上迭合选单图标,形成选单图标边缘渐层背景。 上述步骤4)的具体步骤如下
4.1) 取得选单图标中心像素点的横坐标,将其设为X;取得选单图标中心像
素点的横坐标,将其设为y。
4.2) 取得选单图标的像素点宽度及高度,并将宽度设为w,高度设为h。
4.3) 自选单图标边缘起算,取得a行像素点,a行范围内所有像素点将成为 进行透明度处理的对象,a值的大小由使用者决定;
4.4) 取得自选单图标边缘起算,往外延伸a行的范围内所有像素点坐标(i,j), 即取得罩色上坐标满足x—w/2 —a<i<x+w/2 + a以及y —h/2—a<j<y+h/2 屮a的像素点;
4.5) 将透明度设为T,且T为i、 j和k所构成的函数,即T钌(i,j,k);
4.6) 以T为透明度对所取得的罩色像素点进行透明度处理将所取得的罩色像 素点,依照方程式T-T (i,j,k)做透明度处理。
上述步骤5)中对底色与罩色进行遮盖处理是利用alpha通道技术将罩色遮盖 在底色上。
上述步骤6)之后,还包含步骤7)输出选单图标与选单图标边缘渐层背景。
上述底色与罩色由红、绿、蓝三原色色调、浓度、亮度或其组合构成。
本发明通过自定义渐层背景以凸显选单图标,该方法让使用者能在不影响 选单图标的辨识度下,任意指定自己所喜爱的颜色作为背景。同时加强了选单 图标与背景图形在视觉上的区别,使选单图标不致因迭合在背景图形上而模糊 不清。
图l为本发明第一实施例流程图2为本发明第一实施例透明度处理方法流程图3为本发明第一实施例渐层图形示意图4为本发明第一实施例示意图5为本发明第二实施例流程图6为本发明第二实施例透明度处理流程图7为本发明第二实施例选单图标边缘渐层图形示意图8为本发明第二实施例示意图。
其中,101-选单,102-选单图标,103-单色背景图形,701-渐层图形,702-显示屏,703-选单图标,704-渐层背景,801-选单图标边缘渐层图形,802-选单 图标,803-选单图标边缘渐层背景;
具体实施例方式
参见图l、 3、 4,本发明第一实施例包含下列步骤
步骤201:提供显示屏702。
显示屏702用以输出掌上型电子装置的选单图标102和渐层图形701,以供使 用者点选与操作。
步骤202:提供选单IOI,每一个选单101包含选单图标102。
上述选单101包含F1辞典、F2学习、F3多媒体、F4记事、F5系统等功能选 单IOI,且每个选单101包含选单图标102,如Fl辞典之选单101包含全句翻译、 英汉辞典、牛津高阶、剑桥百科、日华华日、多国辞典、汉英辞典、百科图解、 专业辞典、国语辞典、A卡、B卡等功能选单图标102。
步骤203:取得显示屏702的像素点行列数值。
此处所取得的显示屏702的像素点行列数值,将作为稍后透明度处理时的参 数依据。
步骤204:接收底色与罩色。
使用者可通过掌上型电子设备所提供的电子画板,任意决定底色和罩色色 彩。此外,通过调整红、绿、蓝三原色色调、浓度及亮度大小,使用者可任意 调配出各种不同底色和罩色。
步骤205:根据显示屏702像素点行列数值调整罩色透明度。 罩色透明度调整乃根据显示屏702像素点行数或者列数来决定。例如显示 屏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:对底色与罩色进行遮盖处理形成渐层图形701。
利用alpha通道技术将已经过透明度处理的罩色遮盖在底色上,形成渐层图
形701。
步骤207:在渐层图形701上迭合选单图标703,形成渐层背景704。 将选单图标703迭合在先前步骤所得的渐层图形701上,即可形成具有突显 选单图标703效果的渐层背景704。通过将选单图标703迭合在渐层图形701上, 不仅可让背景图形有别于以往单调的单一色彩,还可避免使用者在选单图标703 和背景图形之间发生视觉混淆以及模糊不情的情况。
参见图2,本发明第一实施例的透明度处理方法,包含下列步骤 步骤301:取得显示屏702的像素点行数,并将像数点行数设为k。 步骤302:取得罩色第i行像素。 步骤303:判断是否i〈k。
若i〈k成立,则进行步骤304;若i〈k不成立,则结束透明度处理。 步骤304:透明度T-T (i,k)。
将透明度设为T,且T为i和k所构成的函数,即丁=丁 (i,k)。 步骤305:以T为透明度对罩色的第i行进行透明度处理。 将罩色第i行像素点依照方程式T:T (i,k)做透明度处理。 步骤306: i=i+l。
罩色第i行进行透明度处理后,继续取得罩色第i+l行,并进行步骤302到步 骤306处理,直到步骤303中i〈k不再成立为止。
参见图5、 7、 8,本发明第二实施例包含下列步骤 步骤401:提供选单IOI,每个选单101包含选单图标802。 步骤402:取得选单图标802的像素点坐标信息。
选单图标802的像素点坐标信息包含横坐标x和纵坐标y,选单图标802的像 素点坐标信息将作为稍后透明度处理时的参数。 步骤403:接收底色与罩色。
使用者可通过掌上型电子设备所提供的电子画板,任意决定底色和罩色色 彩。此外,通过调整红、绿、蓝三原色色调、浓度及亮度大小,使用者可任意 调配出各种不同底色和罩色。
步骤404:根据选单图标802像素点坐标信息调整罩色透明度。 罩色透明度调整乃以选单图标802的像素点坐标信息为依据,在此仅针对选
单图标802的边缘附近区域做透明度处理,而非全画面均作透明度处理。
步骤405:对底色与罩色进行遮盖处理,形成选单图标边缘渐层图形801。 利用alpha通道技术将已调整完透明度的罩色遮盖在底色上,可形成选单图
标边缘渐层图形801。
步骤406:在选单图标边缘渐层图形801上迭合选单图标802,形成选单图标
边缘渐层背景803。
将选单图标802迭合在先前步骤所得的渐层图形801上,即可形成具有突显 选单图标802效果的渐层背景803。通过将选单图标802迭合在选单图标边缘渐层 图形801上,无论背景图形如何更换,均可避免使用者在选单图标802和背景图 形上发生视觉混淆以及模糊不情的情况。
参见图6,本发明第二实施例的透明度处理方法,包含下列步骤
步骤501:取得选单图标802中心的像素点坐标(x,y)
取得选单图标802中心像素点的横坐标,将其设为x;取得选单图标中心像 素点的横坐标,将其设为y。
步骤502:取得选单图标802的像素点宽度及高度,并将宽度设为w,高度设为h。
步骤503:自选单图标802边缘起算,取得a行像素点。
自选单图标802边缘起算,a行范围内所有像素点将成为进行透明度处理的 对象,a值的大小由使用者决定。
步骤504:取得自选单图标802边缘起算,往外延伸a行的范围内所有像素点 坐标(i,j)。
即取得罩色上坐标满足x—w/2—a〈i〈x+w/2+a以及y—h/2—a<j<y+ h/2+a的像素点。
步骤505:透明度T-T (i,j,a)。
将透明度设为T,且T为i、 j和k所构成的函数,即T-T (i,j,k)。 步骤506:以T为透明度对所取得的罩色像素点进行透明度处理将所取得的 罩色像素点,依照方程式T二T (i,j,k)做透明度处理。
权利要求
1、一种自定义渐层背景以凸显选单图标方法,其特征在于该方法包含下列步骤1)提供显示屏;2)提供选单图标显示在显示屏上;3)取得显示屏的像素点行列数值;4)接收底色与罩色;5)根据显示屏像素点行列数值调整罩色透明度;6)对底色与罩色进行遮盖处理,形成渐层图形;7)在渐层图形上迭合选单图标,形成渐层背景。
2、 根据权利要求l所述的自定义渐层背景以凸显选单图标方法,其特征在 于所述步骤5)的具体步骤如下5.1) 取得显示屏的像素点行数,并将像数点行数设为k;5.2) 取得罩色第i行像素;5.3) 判断是否i〈k,若i〈k成立,则进行步骤5.4);若i〈k不成立,则结 束透明度处理;5.4) 将透明度设为T,且T为i和k所构成的函数,即T-T (i,k);5.5) 以T为透明度对罩色的第i行进行透明度处理;即将罩色第i行像素点 依照方程式T:T (i,k)做透明度处理;5.6) 罩色第i行进行透明度处理后,继续取得罩色第i+l行,并进行步骤 5.2)到步骤5.6)的处理,直到步骤5.3)中i〈k不再成立为止。
3、 根据权利要求2所述的自定义渐层背景以凸显选单图标的方法,其特征 在于所述步骤6)中对底色与罩色进行遮盖处理是利用alpha通道技术将罩色 遮盖在底色上。
4、 根据权利要求1或2或3所述的自定义渐层背景以凸显选单图标的方法, 其特征在于所述步骤7)之后还包括步骤8)在显示屏上输出选单图标与渐层北旦 冃尔。
5、 根据权利要求4所述的自定义渐层背景以凸显选单图标的方法,其特征 在于所述底色与罩色由红、绿、蓝三原色的色调、浓度、亮度或其组合构成。
6、 一种自定义渐层背景以凸显选单图标的方法,其特征在于该方法包含 下列步骤1) 提供选单图标;2) 取得选单图标的像素点坐标信息;3) 接收底色与罩色;4) 根据选单图标的像素点坐标信息调整罩色透明度;5) 对底色与罩色进行遮盖处理,形成选单图标边缘渐层图形;6) 在选单图标边缘渐层图形上迭合选单图标,形成选单图标边缘渐层背景。
7、 根据权利要求6所述的自定义渐层背景以凸显选单图标的方法,其特征 在于所述步骤4)的具体步骤如下4.1) 取得选单图标中心像素点的横坐标,将其设为X;取得选单图标中心 像素点的横坐标,将其设为y;4.2) 取得选单图标的像素点宽度及高度,并将宽度设为W,高度设为h;4.3) 自选单图标边缘起算,取得a行像素点,a行范围内所有像素点将成为 进行透明度处理的对象,a值的大小由使用者决定;4.4) 取得自选单图标边缘起算,往外延伸a行的范围内所有像素点坐标(i, j),即取得罩色上坐标满足x—w/2—a<i<x+w/2+a以及y—h/2—a<j<y+ h/2+a的像素点;4.5) 将透明度设为T,且T为i、 j和k所构成的函数,即丁=丁 (i,j,k);4.6) 以T为透明度对所取得的罩色像素点进行透明度处理将所取得的罩色 像素点,依照方程式T二T (i,j,k)做透明度处理。
8、 根据权利要求7所述的自定义渐层背景以凸显选单图标的方法,其特征 在于所述步骤5)中对底色与罩色进行遮盖处理是利用alpha通道技术将罩色 遮盖在底色上。
9、 根据权利要求6或7或8所述的自定义渐层背景以凸显选单图标的方法, 其特征在于所述步骤6)之后,还包含步骤7)输出选单图标与选单图标边缘渐层背景。
10、 根据权利要求9所述的自定义渐层背景以凸显选单图标的方法,其特征在于所述底色与罩色由红、绿、蓝三原色色调、浓度、亮度或其组合构成。
全文摘要
本发明涉及一种自定义渐层背景以凸显选单图标的方法,包含下列步骤提供显示屏;提供选单图标,选单图标显示在显示屏上;取得显示屏的像素点行列数值;接收底色与罩色;根据显示屏像素点行列数值调整罩色透明度;对底色与罩色进行遮盖处理,形成渐层图形;及迭合选单图标于渐层图形上形成渐层背景。通过上述步骤可加强选单图标与背景图形在视觉上的区别,使选单图标不致因迭合在背景图形上而模糊不清。
文档编号G06F3/048GK101393512SQ20081023182
公开日2009年3月25日 申请日期2008年10月21日 优先权日2008年10月21日
发明者超 刘, 张国颖, 陈淮琰 申请人:无敌科技(西安)有限公司