|
O cone pode ser definido como o objeto tridimensional com uma base circular. O volume do cone � medido em unidades c�bicas.
Certifique-se de que todas as medi��es estejam na mesma unidade antes de calcular o volume, conforme mostra a Figura 32.1:
A f�rmula para calcular o volume de um cone � a seguinte:
Volume do cone = (pi x raio x raio x h)/3
Onde:
pi = 3.1416
r = raio
a = altura
Exemplo:
Suponha que o raio de um cone qualquer tenha 35 cm e a sua altura 38 cm. Calcule o seu volume:
O Volume do Cone �: (3.1416 x 352 x 38)/3 = 48747.16.
Ent�o vejamos como desenvolver esse projeto:
� Abra o App Inventor acessando o link:
App Inventor 2
� Na tela apresentada, clique no Bot�o Create Apps!, em seguida entre com sua conta.
� Crie um novo projeto com o nome: CalculoVolumeCone.
Agora vamos alterar algumas propriedades da Tela Principal:
Alterando as propriedades da Tela Principal:
� Clique em Screen1 na se��o Componentes.
� AlinhamentoHorizontal: Centro: 3.
� CorDeFundo: Amarelo.
� PrimaryColor: Verde Escuro.
� Theme: Dark.
� T�tulo: Volume de um Cone.
Agora vamos inserir os componentes do nosso projeto na seguinte ordem:
� 1 Legenda (mensagem).
� 1 Legenda (f�rmula).
� 1 Imagem (imagem do cone).
� 1 Legenda (solicita��o das informa��es).
� 1 layout Organiza��oHorizontal.
� 1 Legenda (Raio).
� 1 Caixa de Texto (Raio).
� 1 layout Organiza��oHorizontal.
� 1 Legenda (Altura).
� 1 Caixa de Texto (Altura).
� 1 Bot�o.
� 1 Legenda.
Agora vamos alterar algumas propriedades dos componentes:
Alterando as propriedades da primeira Legenda:
� Nome: legMensagem.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 20.
� Fam�liaDaFonte: sem serifa.
� Texto: A F�rmula para Calcular o Volume de um Cone � a seguinte:
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Azul.
Alterando as propriedades da segunda Legenda:
� Nome: legFormula.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 20.
� Fam�liaDaFonte: sem serifa.
� HTMLFormat: marque o checkbox para aceitar tags HTML.
� Texto: (pi x r<sup>2</sup> x a)/3.
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Vermelho.
Alterando as propriedades da Imagem:
� Nome: imgCone.
� Imagem: fa�a o download da imagem do exemplo e coloque nesse componente.
� RedimensionarParaCaber: clique nessa op��o para que a imagem caiba perfeitamente no componente Imagem.
Alterando as propriedades da terceira Legenda:
� Nome: legMensagem2.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 20.
� Fam�liaDaFonte: sem serifa.
� Texto: Informe o Raio e a Altura do Cone:
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Azul.
Alterando as propriedades da quarta Legenda:
� Nome: legRaio.
� CorDeFundo: Vermelho.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 20.
� Largura: 25 por cento.
� Fam�liaDaFonte: sem serifa.
� Texto: Raio.
� AlinhamentoDoTexto: direita: 2.
� CorDeTexto: Branco.
Alterando as propriedades da primeira Caixa de Texto:
� Nome: ctRaio.
� CorDeFundo: Ciano.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 20.
� Largura: 15 por cento.
� SomenteN�meros: marque o checkbox para aceitar somente n�meros.
� Texto: 0
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Cinza Escuro.
Alterando as propriedades da quinta Legenda:
� Nome: legAltura.
� CorDeFundo: Vermelho.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 20.
� Largura: 25 por cento.
� Fam�liaDaFonte: sem serifa.
� Texto: Altura:
� AlinhamentoDoTexto: direita: 2.
� CorDeTexto: Branco.
Alterando as propriedades da segunda Caixa de Texto:
� Nome: ctAltura.
� CorDeFundo: Ciano.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 20.
� Largura: 15 por cento.
� SomenteN�meros: marque o checkbox para aceitar somente n�meros.
� Texto: 0
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Cinza Escuro.
Alterando as propriedades do Bot�o:
� Nome: btnCalcular.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� Imagem: fa�a o download da imagem do exemplo e coloque nesse componente.
� TamanhoDaFonte: 16.
� Texto: Calcular.
� AlinhamentoDoTexto: centro: 1.
� CorDeTexto: Branco.
Alterando as propriedades da sexta Legenda:
� Nome: legResultado.
� CorDeFundo: Vermelho.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 20.
� Fam�liaDaFonte: sem serifa.
� Largura: 25 por cento.
� Texto: 0.
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Azul.
Feito isso, o seu projeto dever� ficar igual ao da Figura 32.1:
Figura 32.1 � Projeto com os componentes
inseridos e configurados.
Agora vamos criar os c�digos dos componentes e tornar nosso projeto funcional.
Mas antes de criarmos o c�digo propriamente dito, precisamos criar tr�s vari�veis globais para armazenar os valores do raio, da altura
(informados pelo usu�rio) e tamb�m do resultado.
Vamos l� ent�o:
C�digos para as vari�veis:
� Na tela Blocos, clique na categoria Vari�veis.
|
|
� Arraste o primeiro bloco para a �rea em branco. Altere o r�tulo nome para: raio (essa ser� a vari�vel utilizada para
armazenar o valor do raio informado pelo usu�rio).
|
|
� Feito isso, clique na categoria Matem�tica e arraste o primeiro bloco para o final do bloco existente. Mantenha o valor 0 (zero).
|
|
� Clique novamente na categoria Vari�veis e arraste o primeiro bloco para a �rea em branco. Altere o r�tulo nome para: altura
(essa ser� a vari�vel utilizada para armazenar o valor da altura informado pelo usu�rio).
|
|
� Feito isso, clique na categoria Matem�tica e arraste o primeiro bloco para o final do bloco existente. Mantenha o valor 0 (zero).
|
|
� Clique novamente na categoria Vari�veis e arraste o primeiro bloco para a �rea em branco. Altere o r�tulo nome para: resultado
(essa ser� a vari�vel utilizada para armazenar o resultado da opera��o).
|
|
� Feito isso, clique na categoria Matem�tica e arraste o primeiro bloco para o final do bloco existente. Mantenha o valor 0 (zero).
|
Isso significa que quando o aplicativo for executado ser�o criadas essas vari�veis com o valor 0. Veja na Figura 32.2 como
dever� ficar o seu c�digo:
Figura 32.2 � Vari�veis inicializadas.
Agora vamos aos c�digos dos componentes:
Apenas o componente Bot�o receber� c�digo. Os outros componentes ser�o apenas informativos.
Ent�o vamos l�:
C�digo para o Bot�o:
� Na tela Blocos, clique no componente btnCalcular e arraste o primeiro bloco para a �rea em branco.
|
� Clique na categoria Vari�veis, arraste o terceiro bloco e encaixe na lacuna �fazer� do bloco marrom. Clique na pequena seta e selecione a op��o: global base.
|
� Clique no componente ctLargura, arraste o primeiro bloco verde e encaixe no final do bloco vermelho. Altere a op��o CorDeFundo para Texto.
|
� Clique na categoria Vari�veis, arraste o terceiro bloco e encaixe logo abaixo do bloco vermelho. Clique na pequena seta e selecione a op��o: global altura.
|
� Clique no componente ctAltura, arraste o primeiro bloco verde e encaixe no final do bloco vermelho. Altere a op��o CorDeFundo para Texto.
|
� Clique na categoria Vari�veis, arraste o terceiro bloco e encaixe logo abaixo do bloco vermelho. Clique na pequena seta e selecione a op��o: global resultado.
|
� Clique na categoria Matem�tica, arraste o sexto bloco e encaixe no final do �ltimo bloco colocado.
|
� Clique no s�mbolo � esquerda do bloco azul a acrescente mais duas lacunas.
|
� Clique na categoria Matem�tica, arraste o primeiro bloco e encaixe na primeira lacuna do bloco azul. Altere o valor �0� para: �3.1416�.
|
� Clique na categoria Vari�veis, arraste o segundo bloco e encaixe na segunda lacuna do bloco azul. Clique na pequena seta e selecione a op��o: global raio.
|
� Clique novamente na categoria Vari�veis, arraste o segundo bloco e encaixe na tercei-ra lacuna do bloco azul. Clique na pequena seta e selecione a op��o: global raio.
|
� Clique novamente na categoria Vari�veis, arraste o segundo bloco e encaixe na quarta lacuna do bloco azul. Clique na pequena seta e selecione a op��o: global altura.
|
� Clique na categoria Vari�veis, arraste o terceiro bloco e encaixe logo abaixo do bloco vermelho. Clique na pequena seta e selecione a op��o: global resultado.
|
� Clique na categoria Matem�tica, arraste o s�timo bloco e encaixe no final do �ltimo bloco colocado.
|
� Clique na categoria Vari�veis, arraste o segundo bloco e encaixe na primeira lacuna do bloco azul. Clique na pequena seta e selecione a op��o: global resultado.
|
� Clique na categoria Matem�tica, arraste o primeiro bloco e encaixe na segunda lacuna do bloco azul. Altere o valor �0� para: �3�.
|
� Clique no componente legResultado, arraste o segundo bloco verde e encaixe logo abaixo do bloco vermelho. Altere a op��o CorDeFundo para Texto.
|
� Clique na categoria Vari�veis, arraste o segundo bloco e encaixe no final do bloco verde. Clique na pequena seta e selecione a op��o: global resultado.
|
Feito isso, o seu c�digo dever� ficar igual ao da Figura 32.3:
Figura 32.3 � C�digo final do Bot�o.
Esse bloco nos diz o seguinte:
Quando o bot�o for clicado, os valores informados nas caixas de texto pelo usu�rio ser�o armazenados nas vari�veis globais raio e altura, e em seguida, a vari�vel global
resultado armazenar� o resultado da opera��o. Finalmente, o resultado ser� mostrado na legenda legResultado.
Dessa forma, conclu�mos o nosso projeto. Teste seu projeto em um dispositivo real e confira o resultado.
Voc� pode baixar o c�digo completo desse projeto acessando os links:
CalculoVolumeCone.aia
CalculoVolumeCone.apk
|
