Delphi制作实现图像的各种显示效果,比如百叶窗、渐变、淡入淡出、水平交错、雨滴效果等,用鼠标点击“打开图像”按钮,可以选择图像文件导入到窗体中;点击其它各个按钮,可以实现图像显示特效,例如:点击“推拉效果”,图像将从窗体下方缓缓向上升起;点击“垂直交错”,图片将从窗口上下同时出现,直到相互汇合,形成一幅完整的图片;点击“水平交错”,图片将从窗体的左右同时出现,直到相互汇合,形成一幅完整的图片;点击“雨滴效果”,图像将像下雨一样从上部向下滴落,直至形成完整的图片;点击“百叶窗效果”,将产生如下图所示的效果;点击“积木效果”按钮,图像将从上方以堆积的方式落下。

设计思路:在Delphi 中,实现一幅图像的显示是非常简单的,只要在Form 中定义一个Image 控件,设置其picture 属性,然后选择任何有效的图像文件进行load 即可。但这只是直接将图形显示在窗体中,毫无技巧可言。目前在许多学习软件、游戏光盘中,经常会看到各种图像显示技巧,凭着图像的移动、交错、雨滴状、百叶窗、积木堆叠等显现方式,使画面变得更为生动活泼,更能吸引观众。本文即是介绍如何在Delphi 中实现各种图像显示技巧。

设计步骤:

实现图像显示特效的操作很简单,只需要对图像分成不同的部分,缓存起来,然后逐步对图像进行扫描即可。

1.新建工程

(1)启动Delphi 6.0 程序。选择“文件”菜单下的“新建”命令,从弹出的子菜单中选择Application 选项,则出现新建工程的Form1 窗口。

(2)选择“文件”菜单下的“工程另存为”命令,弹出Save Unitl As 对话框。在“保存在”列表框中选择需要存放该窗口文件所在的目录名;在“文件名”编辑框中填写文件名,这里填写“Unit1”,点击“保存”按钮,保存上面的选项。

(3)执行上一步后,将弹出“工程另存为”对话框。在“保存在”列表框中选择需要存放该工程的目录名,最好和第(2)步选取相同的目录;在“文件名”编辑框中填写保存处理该工程的源代码的文件名,这里填写“Project1”,点击“保存”按钮,保存上面的选项。

2.修改窗口

(1)激活Unit1 窗口,在“属性”面板中设置该窗体的Caption 属性为“图像显示特效”,Name 属性为“Form1”。

(2)选择“标准”页上的Panel 选项,在窗体中添加1 个Panel 控件。在“属性”面板中设置BevelOuter 属性为“bvRaised”,BevelInner 属性为“bvNone”,BevelWidth 为1,Align 属性为“alTop”。
(3)选择“标准”页上的Button 选项,在Panel1 控件上添加8 个Button 控件,在“属性”面板中设置其Caption 属性分别为“打开图像”、“垂直交错”、“推拉效果”、“水平交错”、“雨滴效果”、“百叶窗效果”、“积木效果”和“退出”。

(4)选择“附加”页上的Image 选项,在窗体中添加一个Image 控件,在“属性”面板中设置其Align 属性为“alClient”,用鼠标点击Picture 属性右边的按钮,从弹出的对话框中导入合适的图像文件。

(5)选择“对话框”页上的OpenPictureDialog 选项,在窗体中添加一个“属性”控件,在Object Inspecter 面板中设置其Name 为“OpenPictureDialog1”,Options 属性为“[ofHideReadOnly,ofEnableSizing]”。

用Delphi实现百叶窗、雨滴、交错和渐变显示效果,此文将重点介绍代码的编写过程,向你一步一步分析如何实现该程序。

(1)实现垂直交错效果的原理是:将要显示的图形拆成两部分,奇数条扫描线由上往下搬移,偶数条扫描线的部分则由下往上搬移,而且两者同时进行。从屏幕上便可看到分别由上下两端出现的较淡图形向屏幕中央移动,直到完全清楚为止。代码如下:

procedure TForm1.Button2Click(Sender: TObject);
var
newbmp:Tbitmap;
i,j,bmpHeight,bmpWidth:integer;
begin
Image1.Visible:=False;//设置Image1 和Scrollbox1 的可见性
scrollbox1.Visible:=False;
panel1.Align:=albottom;//设置Panel1 的位置
newbmp:= Tbitmap.Create;//创建一个图像对象
//设置图像的各项属性
newbmp.Width:=Image1.Width;
newbmp.Height:=Image1.Height;
bmpHeight:=Image1.Height;
bmpWidth:=Image1.Width;
i:=;
while i<=bmpHeight do
begin
j:=i;
while j > do
//将一个画布的矩形区域拷贝到另一个画布的矩形区域
begin
newbmp.Canvas.copyrect(rect(,j-,bmpWidth,j),
Image1.Canvas,rect(,bmpHeight-i+j-,bmpWidth,bmpHeight-i+j));
newbmp.Canvas.copyrect(rect(,bmpHeight-j,bmpWidth,bmpHeight-j+),Image1.Canvas,
rect(,i-j,bmpWidth,i-j+));
j:=j-;
end;
Form1.Canvas.draw(,,newbmp);//窗体重绘
i:=i+;
end;
newbmp.free;//释放图像对象
end;

(2)推拉效果将要显示的图形是由上、下、左、右方向拉进屏幕内显示地,同时将屏幕上原来的旧图覆盖,此种效果可分为四种,上拉、下拉、左拉、右拉,但原理都差不多,以上拉效果为例。原理:首先将放在暂存图形的第一条水平线,搬移至要显示位图的最后一条水平线,接着再将暂存图形的前两条水平线,依序搬移至要显示位图的最后两条水平线,然后搬移前三条、前四条⋯⋯直到全部图形数据搬完为止。在搬移的过程中即可看到显示的位图由下而上浮起,而达到上拉的效果:

//推拉效果
procedure TForm1.Button3Click(Sender: TObject);
var
newbmp: Tbitmap;
i,bmpHeight,bmpWidth:integer;
begin
Image1.Visible:=False;//设置Image1 和Scrollbox1 的可见性
scrollbox1.Visible:=False;
panel1.Align:=albottom;//设置Panel1 的位置
newbmp:= Tbitmap.Create;//创建一个图像对象
//设置图像的各项属性
newbmp.Width:=Image1.Width;
newbmp.Height:=Image1.Height;
bmpHeight:=Image1.Height;
bmpWidth:=Image1.Width;
for i:= to bmpHeight do
//将一个画布的矩形区域拷贝到另一个画布的矩形区域
begin ewbmp.Canvas.copyrect(rect(,bmpHeight-i,bmpWidth,bmpHeight),Image1.
Canvas,rect(,,bmpWidth,i));
Form1.Canvas.draw(,,newbmp);//窗体重绘
end;
newbmp.free;//释放图像对象
end;

(3)水平交错效果的原理同垂直交错效果的原理一样,只是将分成两组后的图形分别由左右两端移进屏幕。代码如下:

//水平交错效果
procedure TForm1.Button4Click(Sender: TObject);
var
newbmp:Tbitmap;
i,j,bmpHeight,bmpWidth:integer;
begin
Image1.Visible:=False;//设置Image1 和Scrollbox1 的可见性
scrollbox1.Visible:=False;
panel1.Align:=albottom;//设置Panel1 的位置
newbmp:= Tbitmap.Create;//创建一个图像对象
//设置图像的各项属性
newbmp.Width:=Image1.Width;
newbmp.Height:=Image1.Height;
bmpHeight:=Image1.Height;
bmpWidth:=Image1.Width;
i:=;
while i<=bmpWidth do
begin
j:=i;
while j > do
//将一个画布的矩形区域拷贝到另一个画布的矩形区域
begin
Image1.Visible:=False;
scrollbox1.Visible:=False;
panel1.Align:=albottom;
newbmp.Canvas.copyrect(rect(j-,,j,bmpHeight),Image1.Canvas,rect(bmpWidth-i+j-,,
bmpWidth-i+j,bmpHeight));
newbmp.Canvas.copyrect(rect(bmpWidth-j,,bmpWidth-j+,bmpHeight),Image1.Canvas,
rect(i-j,,i-j+,bmpHeight));
j:=j-;
end;
Form1.Canvas.draw(,,newbmp);//窗体重绘
i:=i+;
end;
newbmp.free;//释放图像对象
end;

(4)雨滴效果的原理:将暂存图形的最后一条扫描线,依序搬移到显示位图的第一条到最后一条扫描线,让此条扫描线在屏幕上留下它的轨迹。接着再把暂存图形的倒数第二条扫描线,依序搬移到显示位图的第一条到倒数第二条扫描线。其余的扫描线依此类推:

//雨滴效果
procedure TForm1.Button5Click(Sender: TObject);
var
newbmp:Tbitmap;
i,j,bmpHeight,bmpWidth:integer;
begin
Image1.Visible:=False;//设置Image1 和Scrollbox1 的可见性
scrollbox1.Visible:=False;
panel1.Align:=albottom;//设置Panel1 的位置
newbmp:= Tbitmap.Create;//创建一个图像对象
//设置图像的各项属性
newbmp.Width:=Image1.Width;
newbmp.Height:=Image1.Height;
bmpHeight:=Image1.Height;
bmpWidth:=Image1.Width;
for i:=bmpHeight downto do
for j:= to i do
//将一个画布的矩形区域拷贝到另一个画布的矩形区域
begin
newbmp.Canvas.copyrect(rect(,j-,bmpWidth,j),Image1.Canvas,rect(,i-,bmpWidth,i));
Form1.Canvas.draw(,,newbmp);//窗体重绘
end;
newbmp.free;//释放图像对象
end;

(5)积木效果的原理是雨滴效果的一种变化,不同之处在于,积木效果每次搬移的是一块图形,而不只是一根扫描线。代码如下:

//积木效果
procedure TForm1.Button7Click(Sender: TObject);
var
newbmp:Tbitmap;
i,j,bmpHeight,bmpWidth:integer;
begin
Image1.Visible:=False;//设置Image1 和Scrollbox1 的可见性
scrollbox1.Visible:=False;
panel1.Align:=albottom;//设置Panel1 的位置
newbmp:= Tbitmap.Create;//创建一个图像对象
//设置图像的各项属性
newbmp.Width:=Image1.Width;
newbmp.Height:=Image1.Height;
bmpHeight:=Image1.Height;
bmpWidth:=Image1.Width;
i:=bmpHeight;
while i> do
begin
for j:= to i do
//将一个画布的矩形区域拷贝到另一个画布的矩形区域
begin
newbmp.Canvas.copyrect(rect(,j-,bmpWidth,j),Image1.Canvas,rect(,i-,bmpWidth,i));
Form1.Canvas.draw(,,newbmp);//窗体重绘
end;
i:=i-;
end;
newbmp.free;//释放图像对象
end;

(6)百叶窗效果的原理:将放在暂存图形的数据分成若干组,然后依次从第一组到最后一组搬移,第一次每组各搬移第一条扫描线到显示位图的相应位置,第二次搬移第二条扫描线,接着搬移第三条、第四条扫描线。代码如下:

//百叶窗效果
procedure TForm1.Button6Click(Sender: TObject);
var
newbmp:Tbitmap;
i,j,bmpHeight,bmpWidth:integer;
xgroup,xcount:integer;
begin
Image1.Visible:=False;//设置Image1 和Scrollbox1 的可见性
scrollbox1.Visible:=False;
panel1.Align:=albottom;//设置Panel1 的位置
newbmp:= Tbitmap.Create;//创建一个图像对象
//设置图像的各项属性
newbmp.Width:=Image1.Width;
newbmp.Height:=Image1.Height;
bmpHeight:=Image1.Height;
bmpWidth:=Image1.Width;
xgroup:=;
xcount:=bmpHeight div xgroup;
for i:= to xcount do
for j:= to xgroup do
//将一个画布的矩形区域拷贝到另一个画布的矩形区域
begin
newbmp.Canvas.copyrect(rect(,xcount*j+i-,bmpWidth,xcount*j+i),Image1.Canvas,
rect(,xcount*j+i-,bmpWidth,xcount*j+i));
Form1.Canvas.draw(,,newbmp);//窗体重绘
end;
newbmp.free;//释放图像对象
end;

(7)点击“打开图像”按钮,可以导入选定的图像文件。代码如下:

procedure TForm1.Button1Click(Sender: TObject);
begin
OpenPictureDialog1.filter:=’Bitmap file(*.bmp)|*.bmp’;//文件格式过滤
Form1.OpenPictureDialog1.Title:=’请选择一个图像文件打开’;//打开对话框标题
Form1.OpenPictureDialog1.InitialDir:=’C:\My Documents\My Pictures’;//导入文件初始路径
if OpenPictureDialog1.Execute then
Image1.Picture.LoadFromFile(openpicturedialog1.FileName);//导入图像文件
Image1.Visible:=true;//设置Image1 和Scrollbox1 的可见性
scrollbox1.Visible:=true;
end;

Delphi制作图像特殊显示效果的更多相关文章

  1. Delphi制作DLL

    一.开使你的第一个DLL专案 1.File->Close all->File->New﹝DLL﹞ 代码: //自动产生Code如下 library Project2; //这有段废话 ...

  2. Delphi实现图像文本旋转特效完整代码

    Delphi实现图像文本旋转特效完整代码,本程序利用的控件主要是Panel 控件.Image 控件.Edit 控件.Label 控件和Button 控件.本程序的关键是利用Delphi 的bmp_ro ...

  3. 用Delphi制作DLL

    一.开使你的第一个DLL专案  1.File->Close all->File->New﹝DLL﹞代码: //自动产生Code如下  library Project2;  //这有段 ...

  4. Delphi制作QQ自动登录器源码

    Delphi制作QQ自动登录器源码  http://www.cnblogs.com/sunsoft/archive/2011/02/25/1964967.html 以TM2009为例,检查了一下,未登 ...

  5. 问题-[Delphi]PixelFormat 图像颜色的数据格式

     PixelFormat: (指定图像中每个像素的颜色数据的格式) Delphi                                        微软                  ...

  6. 用Delphi制作仿每行带按钮的列表

    Delphi做程序开发在使用到列表控件时,一般是列表放文本内容,在列表以外放操作按钮,选中列表某项再点按钮进行操作.现在Web开发做列表的样式总是列表的每行都有操作按钮,如微博的列表风格: Web开发 ...

  7. 用delphi制作无界面的activex控件

    首先,您要了解: •COM的基本原理 •能被网页调用的非可视ActiveX控件必须是一种至少实现了IOleObject接口的TAutoObject组件 •利用Delphi向导生成的ActiveX控件必 ...

  8. Delphi : 制作程序启动欢迎界面

    制作欢迎界面的代码,大家参考 登陆窗体命名為:loginform.找到工程文件(Project -> View Source),找到如下代碼部分:begin   Application.Init ...

  9. delphi制作登陆窗体

    delphi登陆窗体的制作,就我知道的,可以有两种方法,一种是在工程文件中实现登陆窗体的动态调用,另一种就是在主窗体的OnCreate事件中动态创建登陆窗体,两种方法都需要将主窗体设置为Auto-cr ...

随机推荐

  1. we7 数据库

    备份其他we7网站数据库 然后附加数据库,重新命名即可 不能是对其他we7数据库生成脚本,然后执行脚本,因为后台需要一些配置数据 不然后台看不到左侧的工具栏

  2. HRBUST 1909 理工门外的树(双数组实现线段树功能)

    线段树固然可以做,但是在考虑线段树之前应该先考虑一下,这种用两个数组来解决问题的方法能不能行,如果行的话,就会为我们省很多时间,毕竟线段树代码量比较大 #include<iostream> ...

  3. hihoCoder 1257 Snake Carpet(很简单的构造方法)

    2015 ACM / ICPC 北京现场赛 I 题 构造 注意一个小坑,每条蛇的输出是要从头到尾输出的. 还要注意的是,不能开数组去模拟构造过程,然后输出,那样会TLE的. #include < ...

  4. 天梯赛决赛 L2-1.红色警报 并查集

    L2-013. 红色警报 时间限制 400 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 陈越 战争中保持各个城市间的连通性非常重要.本题要求你编写一 ...

  5. Django之路: 模版篇

    一.Django 模版  上章是介绍简单的把django.http.HttpResponse的内容显示到网页上,下面就介绍以下如何使用渲染模版的方法来显示内容.本节代码是基于Django 1.8,但 ...

  6. 读取excel数据 到 datagrid 出现 找不到可安装的ISAM

    读取excel数据 到 datagrid 出现:找不到可安装的ISAM       错误: 实在没有办法了 就仔细的查看了 一下数据链接字符串: string strConn = "Prov ...

  7. 我的云服务之WWW

    云服务器系统是:[root@ip-172-31-27-132 system]# cat /etc/redhat-release Red Hat Enterprise Linux Server rele ...

  8. [转] 用Maven搭建多模块企业级项目

    转自:http://www.cnblogs.com/quanyongan/archive/2013/05/28/3103243.html 首先,前面几次学习已经学会了安装maven,如何创建maven ...

  9. HAProxy 7层 负载均衡

    系统 CentOS 5.8 x64 wget http://haproxy.1wt.eu/download/1.3/src/haproxy-1.3.26.tar.gz cd haproxy-1.3.2 ...

  10. Ubuntu安装PHP时候出错--xml2-config not found

    在Ubuntu下接着安装php时候,在configure后,又出现错误提示:error: xml2-config not found. Please check your libxml2 instal ...