Aula 4 – Depuração
1 – Criar telas para o Quiz:
2 – Colocar Legenda1. Ir em “Interface do Usuário” > “Legenda”
3 – Colocar OrganizaçãoHorizontal1. Ir em “Organização” > escolher “OrganizaçãoHorizontal”
4 – Editar propriedades da OrganizaçãoHorizontal1
5 – Colocar “Botão1”. Ir em “Interface do Usuário” > Escolher “Botão”
6 – Editar o “Botão1” de acordo com suas preferências
7 – Colocar imagem. Ir em “Interface do Usuário” > “Imagem”
8 – Após colocar todos os elementos da Tela 1 , vá para blocos.
9 – Ir em Botão1 > Escolher “quando Botão1 . Clique”
10 – Ir em “Controle” > Escolher “abrir outra tela . Nome da tela”
11 – Ir em “Texto” > Escolher primeira peça > em seguida coloca o nome da próxima tela
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-80.png)
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-81.png)
12 – Ir para Designer > escolher Screen2
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-82.png)
13 – Colocar Legenda1. Ir em “Interface do Usuário” > “Legenda”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-83.png)
14 – Colocar Organização Horizontal. Ir em “Organização” > escolher “OrganizaçãoHorizontal”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-84.png)
15 – Colocar Botão1 . Ir em “Interface de Usuário” > “Botão”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-85.png)
16 – Colocar Botão2 . Ir em “Interface de Usuário” > “Botão”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-86.png)
17 – Colocar Botão3. Ir em “Interface de Usuário” > “Botão”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-87.png)
18 – Editar propriedades para deixar invisível
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-88.png)
19 – Adicionar imagem. Ir em “Interface de Usuário” > “Imagem”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-89.png)
20 – Deixar as imagens invisíveis
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-90.png)
21 – Depois de colocar todos os componentes de Designer, vá para Blocos
22 – Ir em BotãoFake > escolher “quando BotãoFake . Clique”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-91.png)
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-92.png)
23 – Ir em Botão3 > escolher “ajustar Botão3 . Visivel”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-93.png)
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-94.png)
24 – Ir em Lógica e escolher primeiro bloco “verdadeiro”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-95.png)
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-96.png)
25 – Ir em IMERRADO > escolher “ajustar IMERRADO . Visivel”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-97.png)
26 – Ir em Lógica e escolher bloco “falso”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-98.png)
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-99.png)
27 – Ir em IMCERTO > escolher “ajustar IMCERTO . Visivel”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-100.png)
28 – Ir em Lógica e escolher bloco “verdadeiro”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-101.png)
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-102.png)
29 – Após isso, copiar o bloco do BotãoFake e editar para BotãoFato
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-103.png)
30 – Agora configurando o Botão3 para continuar para a próxima tela
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-104.png)
31 – Teste o aplicativo para ver se está tudo funcionando
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-105.png)
32 – Ir para Designer > escolher Screen3
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-106.png)
33 – Repita os passos para adicionar a Legenda
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-107.png)
34 – Repita os passos para adicionar a Organização Horizontal
35 – Ir em “Interface do Usuário” > escolher “Botão”. Adicionar 3 para essa pergunta
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-108.png)
36 – Ir em “Interface do Usuário” > escolher “Botão”. Adicionar o Botão continuar com as mesmas características da tela anterior.
37 – Colocar quando clicar no Botão3 (que é a resposta correta) fazer o ajuste de CorDeFundo e tornar o Botão4 visível
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-109.png)
38 – Copiar o bloco do Botão3 para o Botão 1 e 2
39 – Para o Botão4 (continuar) fazer o código de próxima tela
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-110.png)
40 – Teste o aplicativo para ver se ficou correto
41 – Repetir os passos para colocação da Legenda e da organização Horizontal
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-111.png)
42 – Ir em “Interface do Usuário” > “CaixaDeSeleção”. Colocar 3 para esse exercício
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-112.png)
43 – Adicionar o Botão continuar
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-113.png)
44 – Após a finalização do Designer vá para Blocos
45 – Selecionar CaixaDeSeleção1 e escolher “quando CaixaDeSeleção1 . Alterado”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-114.png)
46 – Escolha o comando de ajustar a cor de fundo semelhante a tela anterior
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-115.png)
47 – Em seguida adicione o “Botão1” de continuar
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-116.png)
48 – Repetir esse procedimento para as outras caixas de seleção
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-117.png)
49 – Fazer a tela final
50 – Adicionar a legenda e uma imagem que você
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-118.png)
51 – Teste o aplicativo