Aplicação Windows - Panel e TabControl

Nesta aula iremos aprender sobre dois componentes bem utilizados na criação de uma aplicação windows, com Panel e TabControl, você pode organizar os seus forms sem fazer bagunça no código.

assinaturaAssine nossa Comunidade

Aplicação Windows - Panel - TabControl

Panel

Panel é um componente utilizado tanto em aplicações Windows como Web Forms.

O componente Panel serve para separar componentes dentro do formulário, com diferentes funções, sem a necessidade de criar vários formulários.

Possui uma propriedade chamada visible que pode receber true ou false. Se setá-lo como true, ficará visível, se false, ficará escondido.

Vamos inserir o componente Panel no formulário:

  • Localizar o componente Panel na ToolBox ;
  • Arrastar e soltar o componente para o formulário;
  • Clicar com o botão direito do mouse em propriedades do componente e alterar a propriedade name para pnlCadastro.

Vamos adicionar alguns componentes dentro do componente pnlCadastro:

  • Label ;
  • Textbox - com propriedade name igual txtNome ;
  • Button com propriedade name igual btnAlerta;

Ao clicar com o botão direito no componente pnlCadastro, vamos alterar a propriedade visible para false.

Agora vamos adicionar um componente button no formulário chamado btnShowCadastro. Quando clicarmos neste botão, faremos a ação de mostrar o componente pnlCadastro, que está escondido, conforme configurado na etapa anterior:

      
        
        // setar a propriedade visible = true  para mostra o componente pnlCadastro na tela,
        // ao clicar no button btnShowCadastro.

        namespace WindowsFormsApplication  
        {
         public partial class FrmPanel : Form 
         
         {
           public FrmPanel()
           {
             InitializeComponent();
           }

           private void btnAlerta_Click (object sender, EventArgs e)
           {
              MessageBox.Show("O dado digitado é: " + txtNome.Text);
           }

           private void btnShowCadastro_Click(object sender, EventArgs e)
           {
            pnlCadastro.visible = true;
           }
         }
        }
       
    

TabControl

Tab Control é basicamente um componente panel, porém ele possui abas que, quando o usuário clica em uma delas, o TabControl troca o conteúdo. Essas abas são chamadas de tab.

Para inserir o componente Tab Control no formulário:

  • Localizar o componente TabControl na ToolBox ;
  • Arrastar e soltar o componente para o formulário;

Vamos adicionar três tabs no TabControl.

Para isso, vamos clicar na seta que aparece no canto superior direito do TabControl e em seguida, clicar no menu Add Tab.

Cada tab possui suas próprias propriedades e conteúdos. Vamos configurar a propriedade name das tabs para tabPage1, tabPage2 e tabPage3.

No exemplo a seguir, iremos abrir o formulário frmTabControl1 mostrando a tabPage3 como padrão no evento Load, utilizando a propriedade SelectTab:

      
        
        // Utilizando a propriedade SelectTab do componente TabControl, passando o nome da tab 
        // como parâmetro(tabPage3).

        namespace WindowsFormsApplication  
        {
         public partial class FrmTabControl : Form 
         
         {
           public FrmTabControl()
           {
             InitializeComponent();
           }
         
           private void FrmtabControl1_Load(object sender, EventArgs e)
           {
            tabControl1.SelectTab("tabPage3");
           }
         }
        }
       
    

Aplicação Windows - Panel e TabControl

Nesta aula iremos aprender sobre dois componentes bem utilizados na criação de uma aplicação windows, com Panel e TabControl, você pode organizar os seus forms sem fazer bagunça no código.

Próximas Aulas:
assinaturaAssine nossa Comunidade

Aplicação Windows - Panel - TabControl

Panel

Panel é um componente utilizado tanto em aplicações Windows como Web Forms.

O componente Panel serve para separar componentes dentro do formulário, com diferentes funções, sem a necessidade de criar vários formulários.

Possui uma propriedade chamada visible que pode receber true ou false. Se setá-lo como true, ficará visível, se false, ficará escondido.

Vamos inserir o componente Panel no formulário:

  • Localizar o componente Panel na ToolBox ;
  • Arrastar e soltar o componente para o formulário;
  • Clicar com o botão direito do mouse em propriedades do componente e alterar a propriedade name para pnlCadastro.

Vamos adicionar alguns componentes dentro do componente pnlCadastro:

  • Label ;
  • Textbox - com propriedade name igual txtNome ;
  • Button com propriedade name igual btnAlerta;

Ao clicar com o botão direito no componente pnlCadastro, vamos alterar a propriedade visible para false.

Agora vamos adicionar um componente button no formulário chamado btnShowCadastro. Quando clicarmos neste botão, faremos a ação de mostrar o componente pnlCadastro, que está escondido, conforme configurado na etapa anterior:

      
        
        // setar a propriedade visible = true  para mostra o componente pnlCadastro na tela,
        // ao clicar no button btnShowCadastro.

        namespace WindowsFormsApplication  
        {
         public partial class FrmPanel : Form 
         
         {
           public FrmPanel()
           {
             InitializeComponent();
           }

           private void btnAlerta_Click (object sender, EventArgs e)
           {
              MessageBox.Show("O dado digitado é: " + txtNome.Text);
           }

           private void btnShowCadastro_Click(object sender, EventArgs e)
           {
            pnlCadastro.visible = true;
           }
         }
        }
       
    

TabControl

Tab Control é basicamente um componente panel, porém ele possui abas que, quando o usuário clica em uma delas, o TabControl troca o conteúdo. Essas abas são chamadas de tab.

Para inserir o componente Tab Control no formulário:

  • Localizar o componente TabControl na ToolBox ;
  • Arrastar e soltar o componente para o formulário;

Vamos adicionar três tabs no TabControl.

Para isso, vamos clicar na seta que aparece no canto superior direito do TabControl e em seguida, clicar no menu Add Tab.

Cada tab possui suas próprias propriedades e conteúdos. Vamos configurar a propriedade name das tabs para tabPage1, tabPage2 e tabPage3.

No exemplo a seguir, iremos abrir o formulário frmTabControl1 mostrando a tabPage3 como padrão no evento Load, utilizando a propriedade SelectTab:

      
        
        // Utilizando a propriedade SelectTab do componente TabControl, passando o nome da tab 
        // como parâmetro(tabPage3).

        namespace WindowsFormsApplication  
        {
         public partial class FrmTabControl : Form 
         
         {
           public FrmTabControl()
           {
             InitializeComponent();
           }
         
           private void FrmtabControl1_Load(object sender, EventArgs e)
           {
            tabControl1.SelectTab("tabPage3");
           }
         }
        }