.NET - Criando uma interface com usuário ao estilo Windows 8 usando Panels


  Neste artigo vou apresentar um programa feito na linguagem C# que utiliza uma interface com o usuário ao estilo Windows 8.

Antes de apresentar o programa seria bom dar alguns conceitos básicos sobre o componente Panel que  foi usado no projeto.

O controle Panel é um container que é usado para hospedar um grupo de controles. Ele é muito usado quando você precisa ocultar e exibir um grupo de controles pois ao invés de fazer o tratamento para cada controle você apenas coloca todos os controles em um Panel e trata apenas o Panel.

Para criar um componente Panel em tempo de execução e atribuir algumas propriedades é muito simples.

Veja o trecho de código a seguir que faz isso:

'Criamos uma instância da classe Panel
Dim macPanel As New Panel()

'Definimos algumas propriedades do Panel
macPanel.Location = New System.Drawing.Point(26, 12)
macPanel.Name = "Panel1"
macPanel.Size = New System.Drawing.Size(228, 200)
macPanel.BackColor = Color.LightBlue

'após definir as propriedades basta adicionar o Panel no formulário
Controls.Add(macPanel)
            //Criamos uma instância da classe Panel
	Panel macPanel = new Panel();
	//Definimos algumas propriedades do Panel
	macPanel.Location = new System.Drawing.Point(26, 12);
	macPanel.Name = "Panel1";
	macPanel.Size = new System.Drawing.Size(228, 200);
	macPanel.BackColor = Color.LightBlue;
	//após definir as propriedades basta adicionar o Panel no formulário
	Controls.Add(macPanel);

 

VB .NET C#

Agora vamos incluir um controle TextBox e um controle CheckBox  no Panel que criamos :

     'Cria um TextBox e define algumas propriedades
      Dim txtNome As New TextBox()
        txtNome.Location = New Point(10, 10)
        txtNome.Text = "Macoratti .net"
        txtNome.Size = New Size(200, 30)
         'Cria um CheckBox e define algumas propriedades
        Dim chkTeste As New CheckBox()
        chkTeste .Location = New Point(10, 50)
        chkTeste .Text = "Marcar Aqui"
        chkTeste .Size = New Size(200, 30)
        'inclui os controles no Panel criado
        macPanel.Controls.Add(txtNome)
        macPanel.Controls.Add(chkTeste)        
       //Cria um TextBox e define algumas propriedades
	TextBox txtNome = new TextBox();
	txtNome.Location = new Point(10, 10);
	txtNome.Text = "Macoratti .net";
	txtNome.Size = new Size(200, 30);
	//Cria um CheckBox e define algumas propriedades
	CheckBox chkTeste = new CheckBox();
	chkTeste.Location = new Point(10, 50);
	chkTeste.Text = "Marcar Aqui";
	chkTeste.Size = new Size(200, 30);
	//inclui os controles no Panel criado
	macPanel.Controls.Add(txtNome);
	macPanel.Controls.Add(chkTeste);
VB .NET C#

Para ocultar e/ou exibir o  o controle basta usar sua propriedade Visible:    macPanel.Visible = false

Tudo o que fizemos via código também pode ser feito usando a janela de propriedades do controle Panel.

Abaixo vemos o formulário principal do programa:

A seguir o formulário para gerenciar dados dos Alunos:

São usados apenas 3 componentes externos nesta interface  que estão presentes na pasta bin\debug.

O restante é criado usando Panels.

Embora seja apenas um protótipo você pode espiar o  código para ver como foi feito e quem sabe adaptar o leiaute em alguns dos seu projetos.

Pegue o projeto completo aqui :   GerenciaEscola_UI_Win8.zip

Pois tu, Senhor, és bom, e pronto a perdoar, e abundante em benignidade para todos os que te invocam.
Salmos 86:5

Veja os Destaques e novidades do SUPER DVD Visual Basic (sempre atualizado) : clique e confira !

Quer migrar para o VB .NET ?

Quer aprender C# ??

Quer aprender os conceitos da Programação Orientada a objetos ?

Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

Quer aprender a criar aplicações Web Dinâmicas usando a ASP .NET MVC 5 ?

  Gostou ?   Compartilhe no Facebook   Compartilhe no Twitter

Referências:


José Carlos Macoratti