记分牌动画

最新推荐文章于 2024-05-09 09:33:13 发布

原创最新推荐文章于 2024-05-09 09:33:13 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#gdi+ #silverlight #c# #float

编程心得垃圾篓专栏收录该内容

8 篇文章

订阅专栏

本文介绍了如何使用C#和GDI+来创建一个记分牌翻页动画效果。作者通过正交投影，实现页面在翻动时保持宽度不变，仅纵向拉伸压缩，并添加阴影效果。文章详细描述了C#中创建Bitmap、Graphics、Font、Brush等对象的过程，以及如何绘制文本和处理图像。最后，作者探讨了GDI+在Silverlight等新技术面前的未来地位。

又是帮忙，同事要做一个记分牌的功能，嵌入到程序主窗口，用来显示时间和一些选择列表

抽象的说，就是一个动画效果，每个页面的上半部或下半部可以翻动，显示上一页或下一页

每页上显示字符串

考虑用D3D太牛刀了，用GDI太繁琐了，用C#和GDI+尝试了一把，不过之前没用过C#，开始也没底

不打算做的太立体，所以用正交投影效果，页翻动时页宽不变，只是纵向拉伸压缩，辅以阴影效果

因为从来没用过C#，在此记录一下一些实现过程的问题和方法：

C#中类的成员函数的参数没有默认值吗？构造函数不能用默认值初始化成员变量吗？（未解，TODO）

从一个图片文件生成Bitmap对象，Bitmapbitmap("filename");

从Bitmap对象创建Graphics，Graphics g = Graphics.FromImage(bmp);

创建字体，Font font = new Font("font_type", size);

创建画刷，SolidBrush brush = new SolidBrush(color.Red);

创建输出矩形：Rectangle rect = new Rectangle(x, y, w, h);

创建文本格式，StringFormat strFormat = new StringFormat();

设置文本格式，strFormat.Alignment = strFormat.LineAlignment = StringAlignment.Center;

绘制文本：g.DrawString(str, font, brush, rect, strFormat);

释放：g.Dispose();

用上述方法创建旧页和新页Bitmap对象

创建上半部分和下半部分的矩形对象

下面代码并不完整，仅作说明

对角度i从90到-90度循环

double s = Math.Sin(Math.PI * (double)i / 180.0);

使用缓冲，绘制旧图为背景图，

BufferedGraphicsContext currentContext;
BufferedGraphics myBuffer;
currentContext = BufferedGraphicsManager.Current;
myBuffer = currentContext.Allocate(dg, new Rectangle(0,0,m_w,m_h));
myBuffer.Graphics.DrawImage(newBmp, rcUpSrc, rcUpDst, GraphicsUnit.Pixel);

用颜色属性使翻动页朝下的面和下半部将被遮挡的旧页变暗

float[][] matrixItems = {
        new float[] {s, 0.0f, 0.0f, 0.0f, 0.0f},
        new float[] {0.0f, s, 0.0f, 0.0f, 0.0f},
        new float[] {0.0f, 0.0f, s, 0.0f, 0.0f},
        new float[] {0.0f, 0.0f, 0.0f, 1.0f, 0.0f},
        new float[] {0.0f, 0.0f, 0.0f, 0.0f, 1.0f} };
ColorMatrix colorMatrix = new ColorMatrix(matrixItems);
ImageAttributes imageAttributes = new ImageAttributes();
imageAttributes.SetColorMatrix(colorMatrix, ColorMatrixFlag.Default, ColorAdjustType.Bitmap);

每次计算出翻动页投影后的高度，用DrawImage绘制到对应位置

int newH = (int)((double)m_h * s / 2.0);
int newY = m_y + m_h/2 - newH;
myBuffer.Graphics.DrawImage(m_curImage, rcPage, 
                    rcUpSrc.X, rcUpSrc.Y, rcUpSrc.Width, rcUpSrc.Height,
                    GraphicsUnit.Pixel, imageAttributes);
myBuffer.Render();
myBuffer.Render(dg);

上半部和下半部翻动页和静止页要分成两个循环来做，方法同上，只是绘制顺序，位置不同

神往GDI+已久，今日总算牛刀小试

最近在看Silverlight，不知道GDI+是否就被直接跳过，日后直接使用的机会也不大？