Criando Splash - Com Efeito


por Mauricio Junior em 1/1/2011 0

 

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.

 

voltar   comente  subir

 
Mauricio Junior Formado pela Faculdade Anhanguera, Especialista pela FGV (Fundação Getúlio Vargas), Pós-Graduação em Docência Superior e cursando Mestrado na UNB Engenharia Elétrica; .
Tenho 29 anos e possuo sete livros publicados pela editora Ciência Moderna. Sou Certificado Microsoft MCP, MCAD e MVP, faço parte da comunidade ASPNETI.COM, ECODE10.COM, onde publico artigos, vídeos, ebooks e livros Publico artigos, vídeos e podcast em outras comunidades. Trabalho como Analista de Sistemas / Desenvolvedor na empresa ATP S/A. Blog: blog.mauriciojunior.org, Site pessoal www.mauriciojunior.org



Comentários:
Comentado por: Diegovisk - 14/5/2008 0:00:00
É Realmente, esta linha de comando deixa o inicio do form um pouco mais diferenciado, interessante, porém deixando o interval do timer = 350, tive que mudar o timer1.Interval = de 190 para 200, para haver uma maior sincronização com o form seguinte.

Valeu!

Comente (dê sua opinião):
Comentário:
Código Imagem:  (digite o código da imagem respeitando maiúsculo e minúsculo)

Favor digitar o código da imagem para cadastramento.

 

Outros Artigos do Autor

Usando themes ASP.NET 2.0 (Parte 1)
Multimídia C#.NET
Public Interface
Emulando o Windows Phone 7 em seu celular
Download grátis - Sistema de Controle de Combustível
MinimizeBox no Celular
Vídeo - iGas - Sistema de Gasolina Mobile
Dica para acrescentar valor
App iComenda temporariamente free
Insistência com Vírus por E-mail
Windows Phone 7 Multi Touch
Pegando erro na aplicação web
Sistema de Login em ASP Utilizando três camadas - Parte VIII
Conecte - Os games
Cache no .NET
Acessando banco de dados com pocket pc
XAML Power Toys
Sistema de Login em ASP – Parte VI
Criando Splash - Com Efeito
Trabalhando com GridView e RowCommand
Alerta JavaScript com Link Button
Usando o Flash para Desenvolver Game no Microsoft XNA Developer
Trabalhando com o componente Accordion
Vídeo-Aula: Criando um Sistema para Celular com Banco de Dados
Find My iPhone
Vídeo Live Search
Label Server Control AccessKey
O futuro da tecnologia com a Microsoft
Como fazer uma enquete - parte 2
Append Data Bound Items
IsDecimal
Sistema de Login com ASP 3.0 usando três camadas – Parte I
Verifica Browser utilizando C#
Converter DataView em DataTable
Sistema de Login em ASP – Parte IX (Utilizando três camadas)