Aula 5- Criando a tela principal

5.1 Criando o layout

1) Iremos criar a tela do layout que funcionará como o menu principal. É a partir dessa tela que serão chamadas as outras telas. Para isso clique na Activity "Main" para deixá-la aberta conforme indicado pela figura 1.

Figura 01. Ativando a activity Main

2) É muito importante deixar essa Activity aberta, pois ela se vinculará ao layout "telaprincipal" que criamos anteriormente lá no passo 04 da Aula 03. Agora vá até o menu "Designer", em seguida clique em "Abrir Designer" e na janela que se abrir, abra o layout "telaprincipal" conforme indicado pela figura 2.

Figura 02. Selecionando o layout "telaprincipal"

 

3) Na tela que aparecer, na região acinzentada mais escura, à direita, vamos adicionar os componentes de maneira que fique parecida com a figura 3.

Figura 03. Objetos inseridos no layout

Montando a tela e Mudando propriedades do layout "telaprincipal"

Insira os seguintes componentes:

4) Agora vá até o menu "Ferramentas" e em seguida clique em "Gerar Membros". Em seguida gere os objetos e os eventos relacionados aos objetos mais importantes presentes na tela, conforme demonstrado pela figura 4.

Figura 04. Gerando os objetos e os eventos relacionados ao layout "TelaPrincipal"

5) Clique em  "Gerar Membros" e em seguida  feche a janela do Visual Designer, confirmando as alterações realizadas, e, em seguida, retornaremos aos códigos da Activity "Main".

5.2 Criando as codificações

6)- Descomente a linha "Activity.LoadLayout("Layout1"), contida no método "Activity_Create(FirstTime As Boolean)" retirando a aspa simples desssa linha e substituia a palavra "Layout1" que está entre aspas e parenteses por "telaprincipal", conforme indicado abaixo.

Figura 05. Associando a acitivity "Main" ao layout "TelaPrincipal"

7)-Agora segue abaixo as  implementações do botões Cadastrar, Consultar e Sair.

Sub btnconsultarprofessor_Click
    'chamando a activity telaconsultarprofessor
    StartActivity("telaconsultarprofessor")
End Sub


Sub btncadastrarprofessor1_Click
    'chamando a activity maincadastroprofessor1
    StartActivity("maincadastroprofessor1")
End Sub


Sub BtnSair_Click
    'fechando a activity principal
    Activity.Finish
End Sub

8)-Ao executar o aplicativo, pressionado a tecla F5, será possível já visualizar a tela principal, com seus botões, embora os outros layouts ainda não serão chamados, já que as outras acitivities ainda não possuem layouts associados a elas.

Figura 06. Layout "TelaPrincipal" rodando no emulador Genymotion