introdução ao desenvolvimento de apps para android - dia 2/2
TRANSCRIPT
Introdução ao desenvolvimento de apps para AndroidDia 2/2
MatheusCalegaro
/mathcale
@mathcale
/mathcale
mathcale.com
Prefiro o filme do Pelé
O que temos para hoje?
1. Activity vs. Intent vs. Fragment;
2. Tipos de layout;
3. Componentes visuais;
4. Interação com os componentes
5. Toast
6. Janelas popup (AlertDialog)
7. Processo de deploy do APK
Activity vs. Intent vs. Fragment
Activity vs. Intent vs. FragmentActivity
Componente que provê uma tela a qual o usuário pode interagir em troca de algo. Todo app começa com uma activity (a MainActivity).Fragment
Representa um comportamento ou uma porção de interface do usuário em uma activity. Como se fosse uma sub-activity, com seu ciclo de vida, layout, eventos…Intent
Objeto mensageiro que pode ser usado para pedir uma ação de outro componente, ou seja, uma espécie de ponte
Exemplo de Activity e Intent
Intent
Exemplo de Fragment
#partiu Android Studio!
Abra o projeto “OlaMundo” que fizemos ontem e
adicione o código acima logo após o “}” de
“onOptionItemSelected()”
Uma activity chama a outra
Clique com o botão direito na pasta
“com.curso.olamundo”, depois vá em “New” ->
Java Class e digite o nome da Nova Classe
Clique com o botão direito na pasta “layout”,
depois vá em “New” -> Layout Resource File e
digite o nome do Novo Layout
Vá até o arquivo AndroidManifest.xml (na pasta
manifests) e registre nossa nova activity (Troque
o OutraActivity pelo nome da sua)
Herde Activity (através da palavra-chave
extends) e implemente o método onCreate (não
se esquecendo do @Overrride) para definir o
layout da activity(mude activity_outra pelo nome
do seu layout)
Abra o layout principal (activity_main), adicione
um Button e, na caixa de Propriedades (canto
inferior direito), vá até onClick e digite o nome
do método que criamos na MainActivity
Coloque para rodar e esse será o resultado (tomara!)
Ao tocar no
Button...
Tipos de layout
Tipos de layout (principais)LinearLayout
Criado junto do novo projeto, posiciona os elementos lado a lado (se for horizontal) ou um debaixo do outro (se for vertical);RelativeLayout
A posição de cada elemento é definida em relação ao elemento filho;TableLayout
Os elementos são posicionados em linhas e colunas;FrameLayout
seu tamanho é definido pelo seu maior objeto, mas o espaçamento e todos os componentes são agrupados no canto superior esquerdo do layout.
<LinearLayout> <RelativeLayout> <TableLayout>
Componentes visuais
Componentes visuais
Exemplo de alguns componentes
TextView EditText
Button CheckBox
RadioButtonSwitch
ImageViewNumberPicker
Interação com os componentes
No Android Studio, crie um novo projeto indo em File > New >
New Project...
O projeto deve ter as seguintes configurações
Nome do campo Valor a ser inserido
Application Name SonsDePum
Company Domain exemplo.com
Minimum SDK API 15
Choose an Activity Blank Activity
Após aguardar o projeto abrir, vá até o
“activity_main.xml” e adicione 3 Buttons,
um do lado do outro
Clique 2 vezes sobre cada Button e, em text,
escreva “Som 1” e em id escreva “btnSomUm”.
Siga este padrão nos outro Buttons
Vá até a MainActivity.java e adicione os três métodos
acima logo após o onOptionItemSelected,
identando-os devidamente
1 - Clique no Button
2 - Vá até o onClick e
escreva o nome do
método correspondente
3 - Repita o processo nos
outros Buttons,
adicionando seus métodos
correspondentes
Copie e cole os três sons em
SonsDePum/app/src/main/res/drawable
Retorne para a MainActivity.java e escreva o código
acima em cada método
Vamos rodar?!
Ta-Da! Clique nos botões para tocar um som!
Toast
ToastElemento que provê feedback de alguma operação em uma pequena janela popup. Desaparecem após um tempo, o qual é determinado em milissegundos;
Fácil exibição e codificação: Toast.makeText(getApplicationContext(), “Sua mensagem”,
Toast.LENGTH_SHORT).show();
Permite customização;
Saiba mais emhttps://developer.android.com/intl/pt-br/guide/topics/ui/notifiers/toasts.html
No Android Studio, crie um novo projeto indo em File > New >
New Project...
O projeto deve ter as seguintes configurações
Nome do campo Valor a ser inserido
Application Name CalculadoraMarota
Company Domain exemplo.com
Minimum SDK API 15
Choose an Activity Blank Activity
Após aguardar o projeto abrir, vá até o
“activity_main.xml” e adicione os elementos conforme
as imagens acima. Você pode alterar a posição deles.
Vá até a MainActivity.java e adicione os quatro
métodos acima logo após o onOptionItemSelected,
identando-os devidamente
1 - Clique no Button
2 - Vá até o onClick e
escreva o nome do
método correspondente
3 - Repita o processo nos
outros Buttons,
adicionando seus métodos
correspondentes
Retorne na MainActivity.java e implemente o código
acima
Retorne na MainActivity.java e implemente o código
acima
Vamos rodar?!
Ta-Da!
Toast maroto
Janelas popup (AlertDialog)
AlertDialogPequena janela que solicita ao usuário tomar uma decisão ou inserir informações adicionais
Vamos implementá-lo na nossa Calculadora Marota!
Crie o método acima logo após o } do dividir();
Faça as adaptações necessárias nos métodos somar(),
subtrair(), multiplicar() e dividir(), chamando o
nossoAlertDialog() e passando como parâmetros o título do
alerta e a mensagem
Saca só o resultado, brother!
Processo de deploy do APK
Deploy do APKDeploy = ato de tornar sua aplicação disponível, seja copiando arquivo por arquivo, empacotando-a…
APK = Android Package, contém a aplicação Android. O A.S. nos força a assinar digitalmente o arquivo gerado, por fins de segurança;
Com o APK gerado, você mesmo pode distribuir sua aplicação livremente (caso ainda não tenha uma conta de dev da Google Play);
Este processo deve ser feito quando seu projeto está 100% finalizado e pronto para distribuição.
Vá até Build > Generate Signed APK...
Na janela que abriu, clique em Create new… para
criar uma nova chave para o nosso app
Nessa nova janela que abriu, preencha os dados da
mesma forma preenchida na imagem, alterando para
os seus dados. Quando terminar, clique em OK
Voltaremos para a Generated Signed APK, mas agora
ela estará preenchida! Clique em Next para continuar
Só clicar em Finish e tá pronto!
Acabou :(
CALMA AI!!!!11!
Dicas de livros/sites
R$119,00 R$139,00
OBS: a documentação é a sua melhor amiga!https://developer.android.com
Muito obrigado!Os códigos de hoje estão em http://github.com/mathcale/MiniCursoAndroid
Baixe este slide (e o de ontem) em: http://pt.slideshare.net/mathcale