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

 

 

 

 

 

         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)

 

 

Na referência 1.2, o primeiro componente é o Timer. Cliquei e arrastei para minha tela. (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.

 

 

 

 

 

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.

 

 

 

 

 

 

 

 

 

 

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.