Criando Splash

 

Com Efeito

 

Livros do autor, editora Ciência Moderna.

 

 

Olá pessoal, este artigo ensina como trabalhar com o Splash colocando efeitos agradáveis ao usuário final. A versão Visual Studio.NET usada é a 2005 com o framework 2.0. O exemplo é bem simples porém muito prático para o uso no dia a dia.  O modelo usado foi criado para uma empresa brasileira e poderá te ajudar muito.

 

O primeiro passo é criar um projeto do tipo Windows Application e logo em seguida, criar um form com o nome FormSplash.cs.

 

Segue os pré-requisitos:

 

1 – Ferramenta Visual Studio.NET 2005

 

2 – Framework 2.0

 

3 – Linguagem C#.NET

 

4 – Componente Timer

 

Referência: 1.1

 

O componente que utilizarei é o Timer que serve para atualizar todo o momento a tela e com isso uso o Opacity para mudar o grau aparência da tela. Na tela de toolbox clique no componente Timer e arraste para o form. (Referência 1.2)

 

Referência: 1.2

 

Na referência 1.2, o primeiro componente é o Timer. Cliquei e arrastei para minha tela. (Referência 1.3)

 

Referência: 1.3

 

Note que agora o timer ficou junto a tela, cliquei em cima dele e fui em propriedades. Escolhi a forma Events onde possui o evento Tick, ao clicar duas vezes foi gerado um método onde programarei dentro. A referência 1.4 mostra como criar o Tick clicando duas vezes.

 

Referência: 1.4

 

Direto no código

 

Passando para o código, em poucas linhas darei a solução para todo o funcionamento. A primeira linha adicionada foi uma declaração de variável. (Referência 1.5)

 

private bool increase = true;

 

Referência: 1.5

 

Dentro do evento Tick adicionei o seguinte código: (Referência 1.6)

 

private void timer1_Tick(object sender, EventArgs e)

        {

            if (increase)

                this.Opacity += 0.02D;

            if (this.Opacity == 1)

            {

                increase = false;

                this.Close();

            }

        }

 

Referência: 1.6

 

Explicação:

 

Se a variável for “true”, o form possui uma propriedade chamada Opacity que serve para mexer na estrutura do layout. Dessa forma, de tempo em tempo o time vai adicionando 0.02 ao Opacity. O mesmo vai aparecendo na tela de pouco em pouco, ou seja, começa bem transparente e vai seguindo até chegar igual a 1. Ao chegar igual a 1, a variável “increase” se torna “false” e é fechado o form automaticamente.

 

Pode ser usado para chamar outro form ou coisa parecida.

 

Ainda não acabou, falta programar o Load do form para que chame o componente Timer. (Referência 1.7)

 

private void Form1_Load(object sender, EventArgs e)

        {

            timer1.Interval = 190;

            timer1.Tick += new EventHandler(this.timer1_Tick);

            timer1.Enabled = true;

            this.Opacity = 0;

        }

 

Referência: 1.7

 

Explicação:

 

Coloquei o intervalo do timer igual a 190 para que funcione um pouco mais lento do que o normal. O mesmo vem atribuído automaticamente o valor de 100. Depois chamo via EventHandler o evento criado. E por final coloco o form Opacity igual a 0 para que não mostre nada ao iniciar.

 

Segue todo o código da classe para melhor entendimento. (Referência 1.8)

 

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Text;

using System.Windows.Forms;

 

namespace SplashApplication

{

    public partial class Form1 : Form

    {

        private bool increase = true;

        public Form1()

        {

            InitializeComponent();

        }

        private void timer1_Tick(object sender, EventArgs e)

        {

            if (increase)

                this.Opacity += 0.02D;

            if (this.Opacity == 1)

            {

                increase = false;

                this.Close();

            }

        }

        private void Form1_Load(object sender, EventArgs e)

        {

            timer1.Interval = 190;

            timer1.Tick += new EventHandler(this.timer1_Tick);

            timer1.Enabled = true;

            this.Opacity = 0;

        }

 

    }

}

 

Referência: 1.8

 

Em funcionamento algumas telas serão mostradas.

 

Referência: 1.9

 

Referência: 1.10

 

Referência: 1.11

 

Bom esse foi o objetivo do artigo, mostrar que o form começa quase transparente e vai aumentando a resolução. Espero ter ajudado, qualquer duvida favor entrar em contato pelo e-mail mauricio@aspneti.com.

 

Mauricio Junior

 

www.mauriciojunior.org

 

www.aspneti.com – Sua comunidade.