BULLETIN 2016 à télécharger

Transcription

Android - Fundamentos
Programação para Internet C
Colégio Politécnico da UFSM
Fábio Weber Albiero
e-mail: [email protected]
Sumário
 Instalação do ambiente de programação Android
 Primeira aplicação Android - Hello World!
 Trabalhando com o simulador
 Conceitos iniciais - Ciclo de vida de uma Activity
 Usando a pasta de recursos - RES
 Entendendo a classe R.java
 Componentes de tela - por dentro do XML
 Planejamento das telas baseadas em Layouts
2/90
Instalação do Android - Android Studio
 Android SDK (Software Development Kit) provê ferramentas
para realização de builds, testes e debug
 Android Studio ambiente de desenvolvimento integrado (IDE) da
Google para quem quer montar aplicações para o Android
 Disponível em
https://developer.android.com/sdk/installing/studio.html
3/90
Instalação do Android - ADT Bundle
 Android SDK (Software Development Kit) provê ferramentas para
a realização de builds, testes e debug
 ADT Bundle (Android Development Tools) é um ambiente de
desenvolvimento que traz Android SDK e a IDE Eclipse juntos,
prontos para o trabalho
 Baixe e descompacte o ADT Bundle
http://developer.android.com/sdk/index.html
4/90
Execução da IDE Eclipse
 Após descompactar o ADT Bundle, execute o Eclipse
5/90
Execução da IDE Eclipse
 Escolha um diretório para a sua área de trabalho
6/90
Tela de boas vindas!
7/90
Atualização das ferramentas
 No menu principal, selecione:
Android SDK Manager
 Usaremos o Android 4.4 (API 19)
 É uma boa baixar a Google API
8/90
Exercício 01: Minha primeira app
 Menu File/New/Android Application Project
M.Sc. Márcio Palheta
9/90
Exercício 01: Configurações da app
10/90
Exercício 01: Definição de layout
11/90
Exercício 01: Activity e Layout
12/90
O que foi gerado?
 OlaMundaActivity.java: classe filha de
Activity, responsável por controlar uma
tela da aplicação
 R.java: classe responsável pelo
mapeamento dos elementos da View
com Model e Controller
 OBS: NÃO alterar manualmente
 Pasta RES: pasta de recursos da app,
onde ficam as telas
 AndroiManifest.xml: arquivo de
configuração da app
13/90
OlaMundoActivity.java
14/90
Classe filha
do Activity
15/90
Classe filha
do Activity
Método
inicial
16/90
Classe filha
do Activity
Método
inicial
Pluga a view
no controller
17/90
Recursos e a pasta RES
 RES é a pasta onde ficam os recursos de uma app
 /RES/LAYOUT armazena as telas da aplicação, escritas em XML,
como olamundolayout.xml
 /RES/VALUES pasta que utiliza qualifiers para facilitar a
internacionalização da aplicação
 values: pasta padrão
 values-pt-BR: português (Brasil)
 Values-em-US: inglês (Estados Unidos)
 /RES/RAW armazena arquivos de mídia, como mp3 ou vídeos
18/90
Recursos e a pasta RES
 /RES/DRAWABLE pasta que armazena imagens da app
 Usa qualifiers para definir a resolução a ser utilizada
 /res/drawable-ldpi: dispositivos com baixa resolução (muito
raros)
 /res/drawable-mdpi: dispositivos com média resolução (raros)
 /res/drawable-hdpi: dispositivos com alta resolução (maioria)
 /res/drawable-tvdpi: televisões
19/90
/res/layout/olamundolayout.xml
20/90
Modo gráfico
21/90
Paleta de
componentes
Modo gráfico
22/90
Paleta de
componentes
Pré-visualização
Modo gráfico
23/90
24/90
Modo de edição
de XML
25/90
Layout principal
da tela
Modo de edição
de XML
26/90
Layout principal
da tela
Atributos para
ocupar a tela toda
Modo de edição
de XML
27/90
Layout principal
da tela
Atributos para
ocupar a tela toda
Componente de
texto
Modo de edição
de XML
28/90
Layout principal
da tela
Atributos para
ocupar a tela toda
Componente de
texto
Tamanho
adequado ao
conteúdo
Modo de edição
de XML
29/90
Layout principal
da tela
Atributos para
ocupar a tela toda
Componente de
texto
Referência para o
arquivo I18N
/res/values/strings.xml
Modo de edição
de XML
30/90
31/90
Arquivo usado
para I18N
32/90
Arquivo usado
para I18N
Chave usada na
view
33/90
Arquivo usado
para I18N
Chave usada na
view
Valor a ser
exibido na view
34/90
Teste da app em emuladores
 É uma boa prática o uso de
 Na nova tela, clique no botão
devices (celulares ou tablets)
New
para testar as nossas app's
 Outra opção para testes é o
uso de simuladores
 Clique no ícone Android
Virtual Device Manager
35/90
Configurações do emulador
36/90
Nome do
simulador
37/90
Tipo de device
a ser emulado
38/90
Versão do
Android que
será emulada
no device
39/90
Ajuste do
espaço de
armazenamento
40/90
Encerre as
configurações
41/90
Iniciar o novo emulador
42/90
Selecione o seu
emulador
43/90
Selecione o seu
emulador
Inicie o seu
emulador
44/90
Execute o seu
emulador
45/90
Emulador pronto para o uso
 Um bom tempo depois, o seu
emulador estará pronto para o
uso
 Por motivos óbvios, evite
encerrar o emulador
 Agora vamos executar a nossa
primeira app e ver o resultado
no emulador criado
46/90
Configurações do deploy
 Clique no menu Run/Run Configurations...
 Clique com o botão direito em Android Application/New
 Informe um nome para a configuração: HelloWorld
 Selecione o nosso projeto, clicando no botão Browser
 Clique no botão Apply para salvar as configurações
 Clique no botão Run para executar a app no Virtual Device
(emulador)
 A seguir, veremos como fica a tela de configurações
47/90
Configurando a execução da app
48/90
Inclusão de serviço de log
 Na primeira execução da app, o ADT pergunta se você deseja
usar o sistema de logs chamado Logcat
49/90
App rodando no emulador
50/90
Fundamentos de Android
Projeto Java
Código-fonte
Java (.java)
Compilador
(javac)
Bytecode
Java (.class)
Empacota
(.jar)
Java
VM
51/90
Fundamentos de Android
Projeto Java
Projeto Android
Código-fonte
Java (.java)
Código-fonte
Java (.java)
Compilador
(javac)
Compilador
(javac)
Bytecode
Java (.class)
Bytecode
Java (.class)
Empacota
(.jar)
Empacota
(.dex)
Java
VM
DALVIK
VM
52/90
Fundamentos de Android - Estrutura
53/90
Ciclo de vida - Activity
54/90
Chamado quando a app é
criada. Usado para criação da
View e acesso a componentes
55/90
Chamado antes da app ficar
visível na tela. Se der tudo
certo, chama onResume(),
senão, onStop()
56/90
Chamado antes da app ficar
visível na tela. Se der tudo
certo, chama onResume(),
senão, onStop()
Chamado quando a app
está em 1o plano, onde
ocorre interação com o
usuário
57/90
Ocorre quando o Android
chama outra atividade. A
nossa app perde o direito à
tela
58/90
tela
Ocorre quando outra
atividade obteve o 1o plano
ou quando a app está sendo
eliminada
59/90
tela
Ocorre quando outra
atividade obteve o 1o plano
ou quando a app está sendo
eliminada
Última chance da app executar
algo. Ocorre porque o Android
precisa de recursos ou o usuário
finalizou a app
60/90
Exercício 02: Teste de eventos
 Vamos alterar nossa classe OlaMundoActivity para incluir
mensagens de log, lançadas a cada evento do ciclo de vida da
Activity
 Vamos usar o Logcat
 Para isso, basta usarmos o comando
 Log.i("GrupoDeMensagens", "Mensagem")
 Não esqueça do "import android.util.Log"
 Inclua mensagens em todos os métodos de eventos, conforme
exemplo a seguir
61/90
Exercício 02: Teste de eventos
62/90
Componentes de tela
 As telas em Android são
feitas em arquivos XML
 Telas ficam em:
/res/layouts
 Componentes declarados
no XML são tratados como
componentes Java, filhos
de android.view.View
 Podemos agrupá-los em:
ViewGroup's filhas de View
63/90
Novos componentes de tela
 Vamos melhorar nossa interface, alterando o layout para
LinearLayout e incluindo
 Um campo de texto para receber o nome do usuário
 Um botão que, após o clique, exibe uma mensagem de boas
vindas
64/90
Exercício 03: Inclusão de Strings
 Altere o arquivo /res/values/strings.xml
65/90
Exercício 03: Inclusão de Strings
 Altere o arquivo /res/values/strings.xml
Novas chaves:
nome e clique
66/90
Exercício 03: Mudanças na tela
 Arquivo: /res/layout/olamundolayout.xml
67/90
Novo layout da
nossa app usando
LinearLayout
68/90
Componente
TextView para
exibir o título
69/90
Componente
TextView para
exibir o título
Define que o ID
do componente
é igual a tvHello
70/90
Componente
texto chamado
id = texto
71/90
Componente
botão chamado
Id = btExibir
72/90
Na estrada, até aqui...
 Alteramos a View (olamundolayout.xml), para inclusão de dois
componentes
 Um EditText que representa um campo de texto que recebe
um texto digitado pelo usuário
 E um Button que representa um botão. Após o evento de
clique do botão, o sistema deve exibir uma mensagem de
boas vindas
 Agora, precisamos alterar a classe Controller
(OlaMundoActivity.java), para implementação da lógica de
negócios da nossa app
73/90
Exercício 03: Regras de negócio
74/90
Atributos que
representam
campos da tela
75/90
Busca de campos
da tela por ID
76/90
Criação do Listener
para o evento
clique do botão
77/90
Criação do Listener
para o evento
clique do botão
Método invocado
após o clique do
botão
78/90
Execução da app em um device
 Conecte o cabo de dados de um device (celular ou tablet)
 Acione o menu Run/Run Configurations
79/90
Na aba Target,
selecione a opção
Always prompt
80/90
Na aba Target,
selecione a opção
Always prompt
Execute a app
81/90
Execute a app em um device
 Escolha o device onde você quer executar a sua app
82/90
Escolha o device
83/90
Escolha o device
Clique em OK
84/90
App rodando no device
Device Galaxy S2
85/90
App rodando no device
Device Galaxy S2
Virtual Device
86/90
Alertas e confirmações
 No desenvolvimento de aplicações é comum o uso de tela de
alerta e confirmação
 Para essa finalidade, em Android utilizamos a classe
android.app.AlertDialog
 A classe estática android.app.AlertDialog.Builder é usada na
construção do componente e na atualização da tela
 No exercício a seguir, criaremos um novo botão na tela principal
e, quando clicado, será exibida uma tela de alerta
87/90
Exercício 04: Exibir tela de alerta
Tela atualizada
88/90
Exercício 04: Exibir tela de alerta
89/90
Referências
 Palheta, M. Android - Fundamentos, 2013.
http://pt.slideshare.net/marciopalheta/01-fundamentos-28144145
90/90

BULLETIN 2016 à télécharger

Transcription

Documents pareils

Assemblée Générale AGREF Convocation

convention

green golf convention 18 au 20 novembre 2014

FORMATION 2016

ARROSAGE DES TERRAINS DE GOLF

BULLETIN D`INSCRIPTION ARROSAGE DES TERRAINS DE GOLF

Places Mutualisées

Il reste 7 places Dossier Convention de formation à télécharger

PROGRAMME DU STAGE Perfectionnement des Jardiniers

Places Convention Formation

Assemblée Générale AGREF Convocation

Perfectionnement des Jardiniers Niveau 2