Анимация в windows form c

Introduction

In this article, we will learn how to create an animated loading screen in windows form application. We can also say that animation is a picture or figure which are manipulated to appear as moving images. This will help us to create animated windows forms. adding animation in forms will make it different from other simple forms. Let’s have a look at the steps for the animated screen in windows forms application.

Step 1

First of all open visual studio and then click on create new project.

Step 2 

After clicking create a new project, a new window will pop up in this new window you have to click on windows form application and it will help to select the templates of the project and then click on next button.

Step 3 

In this step you have to select the name of the project, location of the project, and the .Net framework of your choice after that click on create.

Step 4

After selecting the name of the project similar window will pop up as shown below and then click on solution explorer then right-click on the name that you have decided for the project as I have decided is demo.

Step 5

Solution explorer will open the given below menu in the menu you have to select add menu and in add menu select new item.   

   

Step 6

In this window, Select User Control(Windows Forms) option and in name section you can change the name after that click on add button.

Step 7

After clicking add button a new window will open in this window you have to double click and then given below window will pop up.

Step 8

And then write the code for creating animated screen and it contains color of the screen, size of the screen, and border radius. For creating a rectangle you have to add a namespace called system.Drawing.Drawing2D. after that write given below code.

protected override void OnPaint(PaintEventArgs e) {
    e.Graphics.SmoothingMode = SmoothingMode.HighQuality;
    GraphicsPath gp = new GraphicsPath();
    gp.AddArc(new Rectangle(0, 0, size, size), 180, 90);
    gp.AddArc(new Rectangle(Width - size, 0, size, size), -90, 90);
    gp.AddArc(new Rectangle(Width - size, Height - size, size, size), 0, 90);
    gp.AddArc(new Rectangle(0, Height - size, size, size), 90, 90);
    e.Graphics.FillPath(new LinearGradientBrush(ClientRectangle, clor1, clor2, distance), gp);
    e.Graphics.DrawString(txt, Font, new SolidBrush(ForeColor), ClientRectangle, new StringFormat() {
        LineAlignment = StringAlignment.Center, Alignment = StringAlignment.Center
    });
    base.OnPaint(e);
}

gp.AddArc will create a curve rectangle and e.graphics.fillpath will add colors to curved rectangle and in last e.graphics.drawstring will add text to the screen, 

Step 9

Next add the colors to the screen for that create property in this get method return the value of the variable name and set method will assign the value.

public Color Color {
    get {
        return clor1;
    }
    set {
        clor1 = value;
        Invalidate();
    }
}
public Color Color1 {
    get {
        return clor2;
    }
    set {
        clor2 = value;
        Invalidate();
    }
}

In above code get method will return the value of clor1 and set method will assign the value of clor1. Similarly, in Color1 get method will return the value of clor2 and set method will assign the value of clor2.  

Step 10

public UserControl1() {
    InitializeComponent();
    DoubleBuffered = true;
    t.Interval = 60;
    t.Start();
    t.Tick += (s, e) => {
        angle = angle % 360 + 1;
    };
    ForeColor = Color.White;
}
public float angle {
    get {
        return distance;
    }
    set {
        distance = value;
        Invalidate();
    }
}
public int Borderradius {
    get {
        return size;
    }
    set {
        size = value;
        Invalidate();
    }
}

In this create an object of timer called t and above code is used to start the timer, interval, and tick (occurs when intervals have elapsed). And to create borderradius in the get method will return the size of the radius and set method will assign the size of the screen.

using System;
using System.ComponentModel;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Windows.Forms;
namespace animation {
    [DefaultEvent("click")]
    public partial class UserControl1: UserControl {
        int size = 20;
        float distance = 45;
        Color clor1 = Color.Blue, clor2 = Color.Orange;
        Timer t = new Timer();
        string txt = "Loading";
        public UserControl1() {
            InitializeComponent();
            DoubleBuffered = true;
            t.Interval = 60;
            t.Start();
            t.Tick += (s, e) => {
                angle = angle % 360 + 1;
            };
            ForeColor = Color.White;
        }
        public float angle {
            get {
                return distance;
            }
            set {
                distance = value;
                Invalidate();
            }
        }
        public int Borderradius {
            get {
                return size;
            }
            set {
                size = value;
                Invalidate();
            }
        }
        protected override void OnPaint(PaintEventArgs e) {
            e.Graphics.SmoothingMode = SmoothingMode.HighQuality;
            GraphicsPath gp = new GraphicsPath();
            gp.AddArc(new Rectangle(0, 0, size, size), 180, 90);
            gp.AddArc(new Rectangle(Width - size, 0, size, size), -90, 90);
            gp.AddArc(new Rectangle(Width - size, Height - size, size, size), 0, 90);
            gp.AddArc(new Rectangle(0, Height - size, size, size), 90, 90);
            e.Graphics.FillPath(new LinearGradientBrush(ClientRectangle, clor1, clor2, distance), gp);
            e.Graphics.DrawString(txt, Font, new SolidBrush(ForeColor), ClientRectangle, new StringFormat() {
                LineAlignment = StringAlignment.Center, Alignment = StringAlignment.Center
            });
            base.OnPaint(e);
        }
        public Color Color {
            get {
                return clor1;
            }
            set {
                clor1 = value;
                Invalidate();
            }
        }
        public Color Color1 {
            get {
                return clor2;
            }
            set {
                clor2 = value;
                Invalidate();
            }
        }
        private void UserControl1_Load(object sender, EventArgs e) {}
    }
}

Conclusion

This article will help to create an animated screen using windows forms appliction in c#. This is all about creating animated forms different from other simple forms.

Thanks, I hope this will help you.

Я советую использовать класс System.Windows.Forms.Timer для таких целей. Создайте таймер, задайте интервал в миллисекундах через который будет генерироваться событие Tick. Событию присвойте обработчик, в котором накапливайте число шагов (например в статическую переменную). Если оно превысило нужное вам, то останавливайте таймер. Пример кода вам в помощь.

private void mainForm_Click(object sender, EventArgs e)
        {
            Timer timer = new Timer();
            timer.Interval = 30; // каждые 30 миллисекунд
            int count = 0;
            int max = 10;
            Graphics g = this.CreateGraphics();
            g.Clear(Color.White);
            int x = 10;
            int y = 10;
            g.DrawEllipse(Pens.Black, x, y, 10, 10);
            timer.Tick += new EventHandler((o, ev) =>
            {
                x += 5;
                y += 5;
                g.Clear(Color.White);
                g.DrawEllipse(Pens.Black, x, y, 10, 10);
                count++;

                if (count == max)
                {
                    Timer t = o as Timer; // можно тут просто воспользоваться timer
                    t.Stop();
                }
            });
            timer.Start();   // запустили, а остановится он сам                              
        }

Этот код по клику двигает кружок на пустой форме.
Если вы хотите, например, всегда за 1 секунду рисовать анимацию, то соответсвенно берите всегда интервал, скажем, 10 миллисекунд и 100 шагов, а параметры изображения меняйте на 1/100 от общего изменения (разность между началом и концом анимации) за каждый шаг. Можно еще снижать частоту перерисовки для маленьких объектов, но это уже на ваше усмотрение.

Анимация в Windows Forms

Windows Forms — это каркас приложения Windows, который позволяет создавать графические пользовательские интерфейсы для приложений Windows. Одним из базовых элементов Windows Forms является PictureBox, который предназначен для отображения изображений и анимации. В этой статье мы рассмотрим, как создавать анимацию в Windows Forms, используя PictureBox.

Создание анимации в Windows Forms

Загрузить изображения
Первый шаг в создании анимации — это загрузка отдельных кадров анимации в PictureBox. В Windows Forms можно использовать класс Image для загрузки и отображения изображений в PictureBox. Чтобы загрузить изображение в PictureBox, вы можете использовать следующий код:

pictureBox.Image = Image.FromFile(@"C:\animation_frame_1.png");

Для загрузки нескольких кадров анимации вы можете использовать массив Image:

Image[] animationFrames =
{
    Image.FromFile(@"C:\animation_frame_1.png"),
    Image.FromFile(@"C:\animation_frame_2.png"),
    Image.FromFile(@"C:\animation_frame_3.png")
};

Отображение анимации
После загрузки кадров анимации в PictureBox, следующий шаг — это отображение этих кадров в PictureBox с определенной задержкой, чтобы создать эффект анимации. Для этого можно использовать таймер:

private int frameIndex = 0;
private Image[] animationFrames = { Image.FromFile(@"C:\animation_frame_1.png"), Image.FromFile(@"C:\animation_frame_2.png"), Image.FromFile(@"C:\animation_frame_3.png") };

private void timer_Tick(object sender, EventArgs e)
{
    pictureBox.Image = animationFrames[frameIndex];
    frameIndex = (frameIndex + 1) % animationFrames.Length;
}

В этом коде мы используем таймер, чтобы каждые несколько миллисекунд обновлять изображение в PictureBox с новым кадром анимации. Переменная frameIndex используется для отслеживания текущего кадра анимации, а переменная animationFrames хранит все кадры анимации.

Изменение скорости анимации
Если вы хотите изменить скорость анимации, вы можете изменить интервал таймера:

timer.Interval = 50; // Установить интервал в 50 миллисекунд

Чем меньше значение интервала, тем быстрее будет проигрываться анимация.

Остановка и возобновление анимации
Вы также можете остановить и возобновить анимацию в PictureBox при помощи методов Stop() и Start() таймера:

timer.Stop(); // Остановить анимацию
timer.Start(); // Возобновить анимацию

Создание плавной анимации
Чтобы создать плавную анимацию, вы можете использовать эффект сглаживания, чтобы сделать переход между кадрами более плавным. Для этого вы можете использовать класс Bitmap и метод Graphics.DrawImage для наложения кадров анимации друг на друга:

private Bitmap animationBitmap = new Bitmap(800, 600);
private Graphics animationGraphics;
private int frameIndex = 0;
private Image[] animationFrames = { Image.FromFile(@"C:\animation_frame_1.png"), Image.FromFile(@"C:\animation_frame_2.png"), Image.FromFile(@"C:\animation_frame_3.png") };

private void timer_Tick(object sender, EventArgs e)
{
    animationGraphics.DrawImage(animationFrames[frameIndex], 0, 0);
    pictureBox.Image = animationBitmap;
    frameIndex = (frameIndex + 1) % animationFrames.Length;
}

private void Form1_Load(object sender, EventArgs e)
{
    animationGraphics = Graphics.FromImage(animationBitmap);
    animationGraphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
}

В этом коде мы создаем битмап и графику, чтобы наложить кадры анимации друг на друга с использованием метода DrawImage класса Graphics. Мы также устанавливаем режим сглаживания для графики, чтобы создать эффект более плавной анимации.

Заключение
После прочтения этой статьи вы должны знать, как создавать анимацию в Windows Forms с помощью PictureBox и таймера. Вы также узнали, как изменять скорость анимации, останавливать и возобновлять ее, а также создавать эффект более плавной анимации при помощи класса Bitmap и метода DrawImage класса Graphics.

Надеюсь, эта статья поможет вам создать красивую анимацию для вашего следующего приложения Windows. Спасибо за чтение!