超强图形API,支持半透明效果渲染汉字,图片,图标等.pdfVIP

红叶嵌入式 淘宝专卖： / 红叶嵌入式 红叶STM32 入门系列教程 超强图形API，支持半透明效果渲染汉字，图片，图标 Revision1.0 (2012-1-1) Copyright@2012 红叶嵌入式工作室ALLrightsreserved Copyright@2012 红叶嵌入式工作室ALLrightsreserved CCooppyyrriigghhtt@红红叶叶嵌嵌入入式式工工作作室室AALLLLrriigghhttssrreesseerrvveedd 红叶嵌入式 淘宝专卖： / 1. 1. 11..基本知识讲解 如何让图层之间显示半透明效果呢，以一个像素点来做通俗说明，只要让上层图层和底 层图层的颜色信息加以混合，成为一个新的像素点，那么这个新的像素点包含有2个图层的 颜色信息，从视觉上就能看到2个图层的效果，及有一定透明度的效果。 如何实现这样的混合呢，下面以计算公式说明。假设底层图层的一个像素点为B，顶层 的一个像素点为T。 对于B来说，它的颜色值为Cb。其中红绿蓝的颜色分分别为Rb，Gb，Bb，暂存变量为 Rb_temp，Gb_temp，Bb_temp 对于T来说，它的颜色值为Ct。其中红绿蓝的颜色分分别为Rt，Gt，Bt，暂存变量为 Rt_temp，Gt_temp，Bt_temp 然后新的颜色值为Cnew，颜色分量为Rnew，Gnew，Bnew。 现在我们设定不透明度的值为Trans，取值范围为0-1，但是为了避免浮点运算我们把 范围取0-100,运算的时候要除以100(因为扩大了100倍嘛)。 我们先对顶层像素的颜色通道进行alpha的加权运算 Rt_temp = Rt*Trans/100 Gt_temp = Gt*Trans/100 Bt_temp = Bt*Trans/100 然后对底层像素的颜色通道进行alpha的加权运算 Rb_temp = Rb*(100-Trans)/100 Gb_temp = Gb*(100-Trans)/100 Bb_temp = Bt*(100-Trans)/100 最后进行合成 Rnew = Rt_temp + Rb_temp Gnew = Gt_temp + Gb_temp Bnew = Bt_temp + Bb_temp 我们的液晶屏是16位色的，那么最后Cnew也是16位的 Cnew = Rnew 11+ Gnew 5+ Bnew ,其中Rnew，Gnew，Bnew均要为16位的变量。 2. 2. 22..硬件设计 无 3. 3. 33..实验效果 在屏幕上进行各种图案的绘制，演示了文字，图片，图标，案件，截屏等功能，最后把 整个屏幕截取下来并保存成bmp格式的图片，下面就把这个保存在SD卡中的图片贴出来， 作为实验效果图，如图3.1所示。 Copyright@2012 红叶嵌入式工作室ALLrightsreserved 2 Copyright@2012 红叶嵌入式工作室ALLrightsreserved CCooppyyrriigghhtt@红红叶叶嵌嵌入入式式工工作作室室AALLLLrriigghhttssrreesseerrvveedd 红叶嵌入式 淘宝专卖： / 图3.1 4. 4. 44..代码讲解 4.1工程文件结构 Copyright@2012 红叶嵌入式工作室A