|
Nesse tutorial vamos mostrar como utilizar o componente ReconhecimentoDeVoz do pr�prio Android da categoria M�dia para
imprimir em uma legenda qualquer texto falado. Nesse projeto qualquer pessoa vai poder falar qualquer mensagem, n�o importa o tamanho
da mesma. Quando a pessoa parar de falar o texto ser� reproduzido na legenda.
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: VozParaTexto.
Agora vamos alterar algumas propriedades da Tela Principal:
Alterando as propriedades da Tela Principal:
� Clique em Screen1 na se��o Componentes.
� AlinhamentoHorizontal: Centro: 3.
� Theme: Dark.
� T�tulo: Voz Para Texto.
Agora vamos inserir os componentes do nosso projeto na seguinte ordem:
� 1 Bot�o.
� 1 layout Organiza��oHorizontal (somente como separador).
� 1 Legenda (para mostrar a mensagem falada).
� 1 componente ReconhecedorDeVoz.
Agora vamos alterar algumas propriedades dos componentes:
Alterando as propriedades do Bot�o:
� Nome: btnFalar.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 18.
� Largura: 40 por cento.
� Imagem: fa�a o download da imagem do exemplo e coloque nesse componente.
� Texto: Falar
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Azul.
Alterando as propriedades do layout Organiza��oHorizontal::
� Nome: layoutOrgHorizontal.
� AlinhamentoHorizontal: Centro: 3.
� Altura: 10 pontos.
� Largura: Preencher principal.
Alterando as propriedades da Legenda::
� Nome: legTexto.
� FonteNegrito: marque o checkbox para alterar o texto para negrito.
� TamanhoDaFonte: 18.
� Largura: 90 por cento.
� Texto: Texto.
� AlinhamentoDoTexto: Centro: 1.
� CorDeTexto: Azul.
Alterando as propriedades do componente Azul:
� Nome: rvVoz.
Feito isso, o seu projeto dever� ficar igual ao da Figura 50.1:
Figura 50.1 � Projeto com os componentes
inseridos e configurados.
Agora vamos criar os c�digos dos componentes e tornar nosso projeto funcional.
Vamos l� ent�o:
C�digo para o Bot�o btnFalar:
� Na tela Blocos, clique no componente btnFalar e arraste o primeiro bloco para a �rea em branco.
|
� Clique no componente rvVoz, arraste o primeiro bloco roxo e encaixe na lacuna �fazer� do bloco marrom.
|
Feito isso, o seu c�digo dever� ficar igual ao da Figura 50.2:
Figura 50.2 � C�digo final do Bot�o btnFalar.
Esse bloco nos diz o seguinte:
Quando o bot�o for clicado, o componente rvVoz ser� solicitado e o usu�rio poder� falar a sua mensagem.
C�digo para o Componente rvVoz:
� Na tela Blocos, clique no componente rvVoz e arraste o primeiro bloco para a �rea em branco.
|
� Clique no componente legTexto, arraste o segundo bloco verde e encaixe na lacuna �fazer� do bloco marrom. Altere a op��o �CorDeFundo� por: �Texto�.
|
� Passe o mouse no bot�o �resultado� do bloco marrom, arraste o primeiro bloco e encaixe no final do bloco verde.
|
Feito isso, o seu c�digo dever� ficar igual ao da Figura 50.3:
Figura 50.3 � C�digo para o componente rvVoz.
Esse bloco nos diz o seguinte:
Depois que o componente rvVoz obt�m a mensagem falada, imprime a mesma na legenda.
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:
VozParaTexto.aia
VozParaTexto.apk
|
