(转)C# 制作以动画的方式显示图像(一)

逛CSDN时发现的，由于对图像操作很不熟悉，留作备用学习：
http://topic.csdn.net/u/20081031/08/197ba3bf-7177-4f14-ba16-59d09d7334d8.html

十一将至，放假前将GDI+最后一部分今天终于完成：以动画的方式显示图像。希望对 GDI+编程的园友有所帮助。　

PPT 以动画方式显示幻灯片是其一个很重要的特点，相信里边一定有您喜欢的动画方式，今天我就带大家认识几款以动画方式显示幻灯片的制作方法，由于是GDI+编程，这里以图像代替幻灯片（其实原理是相通的）来演示如何制作以动画方式显示图像。　

说明：由于是以动画方式显示图像，这里没办法直接贴静态截图，因此决定给园友开源，将所有的可运行代码附在案例后面，由于所有的动画处理图像的对象放在都pictureBox控件中，同时定义的类都大同小异，因此这里先把下面案例中要用到的所有类及装载图像的代码给大家，运行时用这里的代码加下面任意一个实例的代码即可运行程序！同时楼主保证每个案例代码都编译通过，绝不忽悠！

private Bitmap SourceBitmap;
private Bitmap MyBitmap;

private void button2_Click(object sender, EventArgs e)
{
//打开图像文件
OpenFileDialog openFileDialog = new OpenFileDialog();
openFileDialog.Filter = "图像文件(JPeg, Gif, Bmp, etc.)
|*.jpg;*.jpeg;*.gif;*.bmp;*.tif; *.tiff; *.png| JPeg 图像文件(*.jpg;*.jpeg)
|*.jpg;*.jpeg |GIF 图像文件(*.gif)|*.gif |BMP图像文件(*.bmp)|*.bmp
|Tiff图像文件(*.tif;*.tiff)|*.tif;*.tiff|Png图像文件(*.png)| *.png |所有文件(*.*)|*.*";
if (openFileDialog.ShowDialog() == DialogResult.OK)
{
//得到原始大小的图像
SourceBitmap = new Bitmap(openFileDialog.FileName);
//得到缩放后的图像
MyBitmap = new Bitmap(SourceBitmap, this.pictureBox1.Width, this.pictureBox1.Height);
this.pictureBox1.Image = MyBitmap;
}
}

一. 以上下反转的方式显示图像.
原理: 计算图像位置和高度后以高度的一半为轴进行对换上下半边的图像.
代码:

private void button1_Click(object sender, EventArgs e)
  {
  try
  {
  int width = this.MyBitmap.Width; //图像宽度
  int height = this.MyBitmap.Height; //图像高度
  Graphics g = this.panel1.CreateGraphics();
  g.Clear(Color.Gray);
  for (int i = -width / 2; i <= width / 2; i++)
  {
  g.Clear(Color.Gray);
  int j = Convert.ToInt32(i * (Convert.ToSingle(height) / Convert.ToSingle(width)));
  Rectangle DestRect = new Rectangle(0, height / 2 -j, width, 2 * j);
  Rectangle SrcRect = new Rectangle(0, 0, MyBitmap.Width, MyBitmap.Height);
  g.DrawImage(MyBitmap, DestRect, SrcRect, GraphicsUnit.Pixel);
  System.Threading.Thread.Sleep(10);
  }
  }
  catch (Exception ex)
  {
  MessageBox.Show(ex.Message, "信息提示");
  }
  }

二. 以上下对接的方式显示图像
原理: 首先将图像分为上下两部分, 然后分别显示.
代码:

private void button1_Click(object sender, EventArgs e)
  {
  try
  {
  int width = this.pictureBox1.Width; //图像宽度
  int height = this.pictureBox1.Height; //图像高度
  Graphics g = this.panel1.CreateGraphics();
  g.Clear(Color.Gray);
  Bitmap bitmap = new Bitmap(width, height);
  int x = 0;
  while (x <= height / 2)
  {
  for (int i = 0; i <= width - 1; i++)
  {
  bitmap.SetPixel(i, x, MyBitmap.GetPixel(i, x));
  }
  for (int i = 0; i <= width - 1; i++)
  {
  bitmap.SetPixel(i, height - x - 1, MyBitmap.GetPixel(i, height - x - 1));
  }
  x++;
  this.panel1.Refresh();
  g.DrawImage (bitmap,0,0);
  System.Threading.Thread.Sleep(10);
  }
  }
  catch (Exception ex)
  {
  MessageBox.Show(ex.Message, "信息提示");
  }
  }

三. 以四周扩散的方式显示图像
原理: 首先设置图像显示的位置, 然后按高度和宽度的比例循环输出, 直到高度和宽度为原始大小.
代码:

private void button1_Click(object sender, EventArgs e)
  {
  try
  {
  int width = this.MyBitmap.Width; //图像宽度
  int height = this.MyBitmap.Height; //图像高度
  //取得Graphics对象
  Graphics g = this.panel1.CreateGraphics();
  g.Clear(Color.Gray); //初始为全灰色
  for (int i = 0; i <= width / 2; i++)
  {
  int j = Convert.ToInt32 (i*(Convert.ToSingle(height) / Convert.ToSingle(width)));
  Rectangle DestRect = new Rectangle(width / 2 - i, height/2-j, 2 * i, 2*j);
  Rectangle SrcRect = new Rectangle(0, 0, MyBitmap.Width, MyBitmap.Height);
  g.DrawImage(MyBitmap, DestRect, SrcRect, GraphicsUnit.Pixel);
  System.Threading.Thread.Sleep(10);
  }
  }
  catch (Exception ex)
  {
  MessageBox.Show(ex.Message, "信息提示");
  }
  }

四. 以分块效果显示图像
原理: 首先将图分为几块, 再使用 Bitmap 类的 Clone方法从原图指定的块中复制图像, 最后将这些块依次显示出来便可
代码:

private void button1_Click(object sender, EventArgs e)
  {
  Graphics g = this.panel1.CreateGraphics();
  g.Clear(Color.White);
  int width = MyBitmap.Width;
  int height = MyBitmap.Height;
  //定义将图片切分成四个部分的区域
  RectangleF[] block ={
  new RectangleF(0,0,width/2,height/2),
  new RectangleF(width/2,0,width/2,height/2),
  new RectangleF(0,height/2,width/2,height/2),
  new RectangleF(width/2,height/2,width/2,height/2)};
  //分别克隆图片的四个部分
  Bitmap[] MyBitmapBlack ={  MyBitmap.Clone(block[0],System.Drawing.Imaging.PixelFormat.DontCare),  MyBitmap.Clone(block[1],System.Drawing.Imaging.PixelFormat.DontCare),  MyBitmap.Clone(block[2],System.Drawing.Imaging.PixelFormat.DontCare),  MyBitmap.Clone(block[3],System.Drawing.Imaging.PixelFormat.DontCare)};

  //绘制图片的四个部分，各部分绘制时间间隔为0.5秒
  g.DrawImage(MyBitmapBlack[0], 0, 0);
  System.Threading.Thread.Sleep(1000);
  g.DrawImage(MyBitmapBlack[1], width / 2, 0);
  System.Threading.Thread.Sleep(1000);
  g.DrawImage(MyBitmapBlack[3], width / 2, height / 2);
  System.Threading.Thread.Sleep(1000);
  g.DrawImage(MyBitmapBlack[2], 0, height / 2);
  }

五. 以淡入淡出效果显示图像
原理: 使用 ImageAttrributes 类的 SetColorMatrix() 方法设置颜色, 调整矩阵实现淡出的效果. 此类还可以对颜色进行校正, 调暗, 调亮和移除等.
代码:

private void button1_Click(object sender, EventArgs e)
  {
  try
  {
  Graphics g = this.panel1.CreateGraphics();
  g.Clear(Color.Gray);
  int width = MyBitmap.Width;
  int height = MyBitmap.Height;
  ImageAttributes attributes = new ImageAttributes();
  ColorMatrix matrix = new ColorMatrix();
  //创建淡入颜色矩阵
  matrix.Matrix00 = (float)0.0;
  matrix.Matrix01 = (float)0.0;
  matrix.Matrix02 = (float)0.0;
  matrix.Matrix03 = (float)0.0;
  matrix.Matrix04 = (float)0.0;
  matrix.Matrix10 = (float)0.0;
  matrix.Matrix11 = (float)0.0;
  matrix.Matrix12 = (float)0.0;
  matrix.Matrix13 = (float)0.0;
  matrix.Matrix14 = (float)0.0;
  matrix.Matrix20 = (float)0.0;
  matrix.Matrix21 = (float)0.0;
  matrix.Matrix22 = (float)0.0;
  matrix.Matrix23 = (float)0.0;
  matrix.Matrix24 = (float)0.0;
  matrix.Matrix30 = (float)0.0;
  matrix.Matrix31 = (float)0.0;
  matrix.Matrix32 = (float)0.0;
  matrix.Matrix33 = (float)0.0;
  matrix.Matrix34 = (float)0.0;
  matrix.Matrix40 = (float)0.0;
  matrix.Matrix41 = (float)0.0;
  matrix.Matrix42 = (float)0.0;
  matrix.Matrix43 = (float)0.0;
  matrix.Matrix44 = (float)0.0;
  matrix.Matrix33 = (float)1.0;
  matrix.Matrix44 = (float)1.0;
  //从0到1进行修改色彩变换矩阵主对角线上的数值
  //使三种基准色的饱和度渐增
  Single count = (float)0.0;
  while (count < 1.0)
  {
  matrix.Matrix00 = count;
  matrix.Matrix11 = count;
  matrix.Matrix22 = count;
  matrix.Matrix33 = count;
  attributes.SetColorMatrix(matrix, ColorMatrixFlag.Default, ColorAdjustType.Bitmap);
  g.DrawImage(MyBitmap, new Rectangle(0, 0, width, height),
  0, 0, width, height, GraphicsUnit.Pixel, attributes);
  System.Threading.Thread.Sleep(200);
  count = (float)(count + 0.02);
  }
  }
  catch (Exception ex)
  {
  MessageBox.Show(ex.Message, "信息提示");
  }
  }

  private void button3_Click(object sender, EventArgs e)
  {
  try
  {
  Graphics g = this.panel1.CreateGraphics();
  g.Clear(Color.Gray);
  int width = MyBitmap.Width;
  int height = MyBitmap.Height;
  ImageAttributes attributes = new ImageAttributes();
  ColorMatrix matrix = new ColorMatrix();
  //创建淡出颜色矩阵
  matrix.Matrix00 = (float)0.0;
  matrix.Matrix01 = (float)0.0;
  matrix.Matrix02 = (float)0.0;
  matrix.Matrix03 = (float)0.0;
  matrix.Matrix04 = (float)0.0;
  matrix.Matrix10 = (float)0.0;
  matrix.Matrix11 = (float)0.0;
  matrix.Matrix12 = (float)0.0;
  matrix.Matrix13 = (float)0.0;
  matrix.Matrix14 = (float)0.0;
  matrix.Matrix20 = (float)0.0;
  matrix.Matrix21 = (float)0.0;
  matrix.Matrix22 = (float)0.0;
  matrix.Matrix23 = (float)0.0;
  matrix.Matrix24 = (float)0.0;
  matrix.Matrix30 = (float)0.0;
  matrix.Matrix31 = (float)0.0;
  matrix.Matrix32 = (float)0.0;
  matrix.Matrix33 = (float)0.0;
  matrix.Matrix34 = (float)0.0;
  matrix.Matrix40 = (float)0.0;
  matrix.Matrix41 = (float)0.0;
  matrix.Matrix42 = (float)0.0;
  matrix.Matrix43 = (float)0.0;
  matrix.Matrix44 = (float)0.0;
  matrix.Matrix33 = (float)1.0;
  matrix.Matrix44 = (float)1.0;
  //从1到0进行修改色彩变换矩阵主对角线上的数值
  //依次减少每种色彩分量
  Single count = (float)1.0;
  while (count > 0.0)
  {
  matrix.Matrix00 = (float)count;
  matrix.Matrix11 = (float)count;
  matrix.Matrix22 = (float)count;
  matrix.Matrix33 = (float)count;
  attributes.SetColorMatrix(matrix, ColorMatrixFlag.Default, ColorAdjustType.Bitmap);
  g.DrawImage(MyBitmap, new Rectangle(0, 0, width, height),
  0, 0, width, height, GraphicsUnit.Pixel, attributes);
  System.Threading.Thread.Sleep(20);
  count = (float)(count - 0.01);
  }
  }
  catch (Exception ex)
  {
  MessageBox.Show(ex.Message, "信息提示");
  }
  }

六. 以左右对接的方式显示图像
原理: 首先将图像分为左右两部分, 然后分别显示.
代码:

private void button1_Click(object sender, EventArgs e)
  {
  //以左右对接方式显示图像
  try
  {
  int width = this.MyBitmap.Width; //图像宽度
  int height = this.MyBitmap.Height; //图像高度
  Graphics g = this.panel1.CreateGraphics();
  g.Clear(Color.Gray); //初始为全灰色
  Bitmap bitmap = new Bitmap(width, height);
  int x = 0;
  while (x <= width / 2)
  {
  for (int i = 0; i <= height - 1; i++)
  {
  bitmap.SetPixel(x, i, MyBitmap.GetPixel(x, i));
  }
  for (int i = 0; i <= height - 1; i++)
  {
  bitmap.SetPixel(width - x - 1, i,
  MyBitmap.GetPixel(width - x - 1, i));
  }
  x++;
  this.panel1.Refresh();
  g.DrawImage (bitmap,0,0);
  System.Threading.Thread.Sleep(10);
  }
  }
  catch (Exception ex)
  {
  MessageBox.Show(ex.Message, "信息提示");
  }
  }

posted @ 2009-08-19 11:02 oraclejava 阅读(521) 评论(0) 收藏举报

刷新页面返回顶部

我只是个编程的偏执狂

(转)C# 制作以动画的方式显示图像(一)

公告