用VC 实现图象渐显和渐隐

原创 2000年12月28日 22:24:00
作者: 周长发

摘 要 图象的渐显/渐隐被广泛运用与图象处理和多媒提娱乐软件。本文基于Windows的调色板动画和时间码技术设计了通用的图象渐显和渐隐算法,并实现了其Visual C++程序编码。

关键词 渐显、渐隐、调色板、调色板动画、时间码

图象的渐显/渐隐是十分重要的图象效果,广泛运用于图象处理和多媒提娱乐软件。渐显/渐隐算法设计的最大困难是速度控制,包括定时和快速改变图象中各象素的颜色。如采用普通的全图扫描算法,则速度较慢,很难真正体现渐显/渐隐效果。

利用Windows(3.x.95/98/NT)操作系统特殊的调色板管理和时间码定时机制能设计出有效的图象渐显/渐隐算法。Windows提供一种被称为调色板动画(palette animation)的颜色处理技术,它通过快速改变颜色调色板中所选取的表项中的颜色能模拟颜色的变化。设置时间码,定时调用该技术使图象颜色渐变就能实现图象的渐显和渐隐。

一、调色板动画

在Visual C++中实现调色板动画依赖于MFC类库提供的CPalette类和CDC类中的若干成员函数,其基本步骤如下:

调用CPalette::CreatePalette(LPLOGPALETTE lpLogPalette)函数创建逻辑调色板,注意将参数LPLOGPALETTE所指向的各颜色表项结构的peFlags域设置为PC_RESERVED,以防止其它窗口同该调色板匹配颜色。;
调用CDC::SelectPalette和CDC::RealizePalette函数选择和实现所创建的逻辑调色板;
调用CPalette::AnimatePalette函数改变颜色,实现调色板动画;
动画完成后应恢复系统调色板。
CPalette::AnimatePalette是其中最关键的函数,其原型如下:

void AnimatePalette(

UINT nStartIndex, // 起始的表项号

UINT nNumEntries, // 变化的表项数

LPPALETTEENTRY lpPaletteColors ); // 逻辑调色板表项指针

lpPaletteColors为指向PALETTEENTRY结构的指针,其中存储着逻辑调色板将要更新的颜色信息。PALETTEENTRY结构定义如下:

typedef struct tagPALETTEENTRY { // pe

BYTE peRed;

BYTE peGreen;

BYTE peBlue;

BYTE peFlags;

} PALETTEENTRY;

peRed、peGreen、peBlue分别表示逻辑调色板项的R、G、B颜色分量值。peFlags 应被置为PC_RESERVED 。

nStartIndex为lpPaletteColors中将变化的起始表项号,nNumEntries 为lpPaletteColors中将变化的表项数。

二、时间码定时

CWnd::SetTimer函数可设置一个系统时间码,并指定每经过一定的时间间隔使Windows系统发送一个WM_TIMER消息到窗口的消息队列中。窗口在每当接收到相应的WM_TIMER消息时做一定的处理,便实现了定时处理。

通常应在窗口的消息循环中接受和处理WM_TIMER消息,这样将很难编制通用的定时操作。通用的定时操作应将定时处理封装在一个函数中,而不与其它的代码纠缠在一起。笔者实现这一技术的技巧是,在循环操作中截获窗口消息,如消息为指定的时间码消息,则进行定时处理;否则分发消息给窗口消息处理机制。如果定时操作已结束,则修改循环标志,退出循环。具体的代码如下:

………………………………

// 设置时间码,pWnd为处理定时操作的窗口对象指针

pWnd->SetTimer(0x100, uTimeOut, NULL);

// 屏蔽鼠标操作,使定时操作不受影响

pWnd->SetCapture();

// 开始定时操作

BOOL bDone = FALSE;

MSG msg;

while (! bDone)

{

if (::PeekMessage(&msg, NULL, 0, 0, PM_REMOVE))

{

if (msg.message == WM_TIMER && msg. WParam == 0x100)

{

…………………..

定时操作代码

…………………..

// 如定时操作完成,则设置循环标志,结束操作

if (定时操作完成)

bDone = TRUE;

}

::TranslateMessage(&msg);

::DispatchMessage(&msg);

}

}

// 释放鼠标

::ReleaseCapture();

// 删除时间码

pWnd->KillTimer(0x100);

…………………………..

函数PeekMessage截获窗口消息,TranslateMessage和DispatchMessage函数解释和分发除指定时间码消息之外的所有消息,以避免丢失消息。

三、渐显

渐显就是将显示颜色由黑色(RGB(0, 0, 0))逐渐变化为图象各象素的颜色的过程。开始时调用CPalette::GetPaletteEntries函数保存图象调色板的各逻辑表项信息,然后调用CPalette::SetPaletteEntries函数将逻辑调色板中各逻辑表项的peRed、peGreen、peBlue置为0,定时调用CPalette::AnimatePalette,每次将各逻辑表项的peRed、peGreen、peBlue值增加一个变化量,直到它们分别等于图象逻辑调色板中各逻辑表项的peRed、peGreen、peBlue值。

下面的函数FadeIn通过对调色板颜色表项中的各颜色分量值先设为0,然后进行递增,直到所有颜色值都恢复成原调色板中颜色值来实现渐显。

// 图象渐显效果

// 参数:

// pWnd – 显示图象的窗口

// pPal – 调色板指针

// nDeta – 各颜色分量的减小量

// uTimeOut – 时间的变化量

void FadeIn(CWnd *pWnd, CPalette *pPal, int nDeta, UINT uTimeOut)

{

// 保留原来的调色板颜色表项

int nTotalColors = pPal->GetEntryCount();

PALETTEENTRY PaletteColors0[256];

pPal->GetPaletteEntries(0, nTotalColors, PaletteColors0);

// 先将调色板表项中各颜色分量置为0

PALETTEENTRY PaletteColors1[256];

for (int i=0; i<nTotalColors; ++i)

{

PaletteColors1[i].peRed = 0;

PaletteColors1[i].peGreen = 0;

PaletteColors1[i].peBlue = 0;

PaletteColors1[i].peFlags = PC_RESERVED;

}

pPal->SetPaletteEntries(0, nTotalColors, PaletteColors1);

pPal->AnimatePalette(0, nTotalColors, PaletteColors1);

// 设置时间码

pWnd->SetTimer(0x100, uTimeOut, NULL);

// 开始渐显

pWnd->SetCapture();

BOOL bDone = FALSE;

MSG msg;

while (! bDone)

{

if (::PeekMessage(&msg, NULL, 0, 0, PM_REMOVE))

{

if (msg.message == WM_TIMER && msg.wParam == 0x100)

{

CClientDC dc(pWnd);

CPalette *pOldPal = dc.SelectPalette(pPal, FALSE);

dc.RealizePalette();

// 递增各颜色分量

PALETTEENTRY PaletteColors[256];

pPal->GetPaletteEntries(0, nTotalColors, PaletteColors);

BOOL bRedZero=FALSE;

BOOL bGreenZero=FALSE;

BOOL bBlueZero=FALSE;

for (int i=0; i<nTotalColors; ++i)

{

if (PaletteColors[i].peRed + nDeta <

PaletteColors0[i].peRed)

{

PaletteColors[i].peRed += nDeta;

bRedZero = FALSE;

}

else if (PaletteColors[i].peRed + 1 <

PaletteColors0[i].peRed)

{

PaletteColors[i].peRed++;

bRedZero = FALSE;

}

else

bRedZero = TRUE;

if (PaletteColors[i].peGreen + nDeta <

PaletteColors0[i].peGreen)

{

PaletteColors[i].peGreen += nDeta;

bGreenZero = FALSE;

}

else if (PaletteColors[i].peGreen + 1 <

PaletteColors0[i].peGreen)

{

PaletteColors[i].peGreen++;

bGreenZero = FALSE;

}

else

bGreenZero = TRUE;

if (PaletteColors[i].peBlue + nDeta <

PaletteColors0[i].peBlue)

{

PaletteColors[i].peBlue += nDeta;

bBlueZero = FALSE;

}

else if (PaletteColors[i].peBlue +1 <

PaletteColors0[i].peBlue)

{

PaletteColors[i].peBlue++;

bBlueZero = FALSE;

}

else

bBlueZero = TRUE;

}

// 直到恢复原始值结束

bDone = bRedZero && bGreenZero && bBlueZero;

// 使系统改变调色板

pPal->AnimatePalette(0, nTotalColors, PaletteColors);

}

::TranslateMessage(&msg);

::DispatchMessage(&msg);

}

}

::ReleaseCapture();

pWnd->KillTimer(0x100);

// 恢复原始调色板

pPal->SetPaletteEntries(0, nTotalColors, PaletteColors0);

pPal->AnimatePalette(0, nTotalColors, PaletteColors0);

}

四、渐隐

渐隐就是将显示颜色由图象各象素的颜色逐渐变化为黑色(RGB(0, 0, 0))的过程,即定时调用CPalette::AnimatePalette,每次将各逻辑表项的peRed、peGreen、peBlue值减小一个变化量,直到它们都为0。

下面的函数FadeOut通过对调色板颜色表项中的各颜色分量值进行递减,直到所有颜色值都变成0(即黑色)来实现渐隐。

// 图象渐隐效果

// 参数:

// pWnd – 显示图象的窗口

// pPal – 调色板指针

// nDeta – 各颜色分量的减小量

// uTimeOut – 时间的变化量

void FadeOut(CWnd *pWnd, CPalette *pPal, int nDeta, UINT uTimeOut)

{

// 保留原来的调色板颜色表项

int nTotalColors = pPal->GetEntryCount();

PALETTEENTRY PaletteColors0[256];

pPal->GetPaletteEntries(0, nTotalColors, PaletteColors0);

// 设置时间码

pWnd->SetTimer(0x100, uTimeOut, NULL);

// 开始渐隐

pWnd->SetCapture();

BOOL bDone = FALSE;

MSG msg;

while (! bDone)

{

if (::PeekMessage(&msg, NULL, 0, 0, PM_REMOVE))

{

if (msg.message == WM_TIMER && msg.wParam == 0x100)

{

CClientDC dc(pWnd);

CPalette *pOldPal = dc.SelectPalette(pPal, FALSE);

dc.RealizePalette();

PALETTEENTRY PaletteColors[256];

pPal->GetPaletteEntries(0, nTotalColors, PaletteColors);

BOOL bRedZero=FALSE;

BOOL bGreenZero=FALSE;

BOOL bBlueZero=FALSE;

// 递减颜色分量

for (int i=0; i<nTotalColors; ++i)

{

if (PaletteColors[i].peRed > nDeta)

{

PaletteColors[i].peRed -= nDeta;

bRedZero = FALSE;

}

else if (PaletteColors[i].peRed > 1)

{

PaletteColors[i].peRed--;

bRedZero = FALSE;

}

else

bRedZero = TRUE;

if (PaletteColors[i].peGreen > nDeta)

{

PaletteColors[i].peGreen -= nDeta;

bGreenZero = FALSE;

}

else if (PaletteColors[i].peGreen > 1)

{

PaletteColors[i].peGreen--;

bGreenZero = FALSE;

}

else

bGreenZero = TRUE;

if (PaletteColors[i].peBlue > nDeta)

{

PaletteColors[i].peBlue -= nDeta;

bBlueZero = FALSE;

}

else if (PaletteColors[i].peBlue > 1)

{

PaletteColors[i].peBlue--;

bBlueZero = FALSE;

}

else

bBlueZero = TRUE;

}

// 如所有颜色分量都为0,则结束渐隐

bDone = bRedZero && bGreenZero && bBlueZero;

// 使系统改变调色板

pPal->AnimatePalette(0, nTotalColors, PaletteColors);

}

::TranslateMessage(&msg);

::DispatchMessage(&msg);

}

}

::ReleaseCapture();

pWnd->KillTimer(0x100);

// 恢复原始调色板

pPal->SetPaletteEntries(0, nTotalColors, PaletteColors0);

pPal->AnimatePalette(0, nTotalColors, PaletteColors0);

}

如何实现先渐显再渐隐的动画?

我们知道在Android中Animation是实现动画的类,而AlphaAnimation是sh
  • cjllife
  • cjllife
  • 2014年08月28日 10:07
  • 639

CSS3实现文字渐隐效果

div{ -webkit-animation: twinkling 1s infinite ease-in-out } .animated{ -webkit-animation-du...
  • dududu01
  • dududu01
  • 2015年07月21日 20:35
  • 7306

C#中窗体渐显渐隐

资源设计时,先将窗体的Opacity属性值设置为0% 然后往窗体上放置一个100ms定时器, 其Enable属性设置为true, 然后编写如下代码:   private bool bExitFor...
  • xingyu_soft
  • xingyu_soft
  • 2016年02月22日 09:13
  • 812

Unity3d UI渐隐渐显

private void FadeOut(Transform targetTransform, float duration) {Component[] components = targetTran...
  • u010024818
  • u010024818
  • 2015年07月31日 10:47
  • 141

iOS渐隐渐现效果跳转

ViewController *VC = [[ViewController alloc]init];     CATransition *tration = [CATransition anim...
  • sevenquan
  • sevenquan
  • 2016年01月02日 16:23
  • 1606

react.js-10-渐隐动画

var Hello = React.createClass({ getInitialState: function () { return { ...
  • woaini705
  • woaini705
  • 2016年03月12日 16:23
  • 271

用VC实现图象渐显和渐隐

摘 要 图象的渐显/渐隐被广泛运用与图象处理和多媒提娱乐软件。本文基于windows的调色板动画和时间码技术设计了通用的图象渐显和渐隐算法,并实现了其visual c++程序编码。关键词 渐显、渐隐、...
  • zhzociboss
  • zhzociboss
  • 2009年05月17日 15:22
  • 307

js实现图片渐隐渐显的切换效果

原帖地址:http://topic.csdn.net/u/20111115/09/836eeb82-ab49-41a8-a21f-26a232be1194.html?67769 楼主希望对DIV层实...
  • Legend1988
  • Legend1988
  • 2011年11月15日 16:31
  • 8365

android实现View的渐隐渐现功能

android实现View的渐隐渐现功能就用到了动画Animation 首先在res目录下新建anim文件夹,然后再anim文件夹下新建xml文件gradually.xml 该xml文件主要定义实...
  • centralperk
  • centralperk
  • 2012年09月05日 18:22
  • 6639

用TransitionDrawable实现ImageView渐隐渐显过渡效果,并解决OutOfMemory问题

用TransitionDrawable实现ImageView渐隐渐显效果,解决OutOfMemory问题 感谢 http://adk.tumblr.com/post/13069401302/out...
  • heqiangflytosky
  • heqiangflytosky
  • 2014年02月28日 21:34
  • 2932
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用VC 实现图象渐显和渐隐
举报原因:
原因补充:

(最多只允许输入30个字)