Introdução ao Android

Minicurso de 4 h ministrado na UEFS, durante a SIECOMP

1. Introdução ao Android Minicurso, 4h Rodrigo Rocha Gomes e Souza 11 de março de 2013 X SIECOMP, UEFS
2. Apresentação
3. Vocês Quem tem um aparelho Android? Quem programa em Java? Quem já programou pra Android, pelo menos um Hello World? Quem já programou pra outra plataforma móvel?
4. Eu Doutorando em Ciência da Computação na UFBA Analista de TI no CPD-UFBA Professor estagiário da disciplina “Aplicações para Dispositivos Móveis”, na UFBA Fundador da RoDen Apps (iOS)
5. Conteúdo Ambiente de desenvolvimento (ADT) Alô mundo Estrutura de um app Ciclo de vida Múltiplas telas Salvando e lendo preferências ListView
6. Método Um pequeno app para cada conceito Ao final, um app completo para anotar suas palestras favoritas
7. Horário De 14h a 18h Pausa de 15 a 20 min no meio do minicurso
8. Android
9. Dispositivos Smartphones: 240x320, 320x480, 480x800... Tablets: 480x800, 600x1024, 800x1280... TVs, consoles, computador pessoal...
10. Android, o sistema operacional Comprado pela Google em 2005 Anunciado em 2007, lançado em 2008 Usa o kernel do Linux Roda uma máquina virtual Java própria: Dalvik VM Muitas bibliotecas Java funcionam sem alterações na Dalvik, mas nem todas
11. Empacotamento
12. Versões 1.0: muito antiga 2.0: smartphones 3.0: tablets 4.0: smartphones e tablets
13. Versões http://developer.android.com/about/dashboards/index.html 2.3 4.0 2.2 4.1, 4.2
15. Ambiente de desenvolvimento
16. http://developer.android.com/tools/sdk/eclipse-adt.html
18. Emulador / Android Virtual Device (AVD)
19. Prática Abrir o ambiente de desenvolvimento Criar e executar uma AVD Abrir o SDK Manager
20. Prática Abrir o DDMS. Aba Emulator Control. Simule uma ligação telefônica
21. Alô, Mundo!
22. Novo projeto
23. Novo projeto
24. Estrutura do app src/ - código-fonte res/ - telas, strings, ícone do app... assets/ - outros arquivos usados por seu app (imagem, música, texto...) gen/ - código-fonte gerado automaticamente AndroidManifest.xml - configuração do app (nome, versão do Android, telas, permissões...)
25. Activity Equivale a uma tela. Ao criar um projeto, uma Activity (Main) é criada Cada Activity é definida em dois arquivos... res/layout/activity_nome.xml (visual) src/.../NomeActivity.java (comportamento) ... e é listada no arquivo AndroidManifest.xml
26. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:text="@string/hello_world" /> </RelativeLayout> res/layout/activity_main.xml Layout
27. <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">Alo Mundo</string> <string name="hello_world">Hello world!</string> <string name="menu_settings">Settings</string> </resources> res/values/strings.xml strings.xml útil para traduzir um app para vários idiomas (um arquivo strings.xml por idioma)
28. public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } } src/.../MainActivity.java Código Java
29. public final class R { public static final class layout { public static final int activity_main=0x7f030000; } public static final class string { public static final int app_name=0x7f040000; public static final int hello_world=0x7f040001; public static final int menu_settings=0x7f040002; } ... } gen/R.java R (arquivo gerado pelo compilador) Cada recurso é identificado por um número. O compilador gera constantes para facilitar o uso de recursos no código-fonte.
30. Prática Substitua, no arquivo strings.xml, “Hello world!” por “Alo mundo!” Execute o app.
31. Interação
32. Adicionar um botão
33. <RelativeLayout ... > <TextView android:id="@+id/textView1" ... /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/textView1" android:layout_below="@+id/textView1" android:layout_marginTop="21dp" android:text="Button" /> </RelativeLayout> res/layout/activity_main.xml Ids!
34. public final class R { public static final class id { public static final int button1=0x7f070001; public static final int menu_settings=0x7f070002; public static final int textView1=0x7f070000; } ... } gen/R.java R (arquivo gerado pelo compilador)
35. <RelativeLayout ... > <TextView android:id="@+id/textView1" ... /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/textView1" android:layout_below="@+id/textView1" android:layout_marginTop="21dp" android:text="Button" android:onClick="botaoClicado" /> </RelativeLayout> res/layout/activity_main.xml Clique!
36. public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } public void botaoClicado(View v) { } } src/.../MainActivity.java Chama método botaoClicado
37. O que fazer quando clicar no botão? 1. Exibir algo na tela 2. Exibir algo no log 3. Mudar o texto do TextView
38. Toast (mensagem na tela) Toast.makeText(this, "Hello World", Toast.LENGTH_SHORT).show();
39. Log (não aparece para o usuário) Log.i("minhatag", "Minha mensagem") // Métodos de Log Log.v // Verbose Log.d // Debug Log.i // Info Log.w // Warning Log.e // Error Log.wtf // What a Terrible Failure
40. public class MainActivity extends Activity { ... public void botaoClicado(View v) { TextView tv = (TextView)findViewById(R.id.textView1); tv.setText("Clique!"); } } src/.../MainActivity.java Alterar o TextView (usa findViewById)
41. Prática Adicione um campo de texto (EditText) Ao clicar no botão, altere o TextView para o valor do campo de texto (use getText()). Boa prática: crie um atributo para cada view e inicialize todos no onCreate (usando findViewbyId)
42. Ciclo de Vida de uma Activity
43. Ciclo de vida de uma Activity onCreate onStart onResume onPause onStop onDestroy ativa onRestart parcialmente visível não visível destruída
44. Prática Implemente os métodos do ciclo de vida de uma activity para emitir uma mensagem de log para cada um Tente fazer com que onDestroy seja chamado
45. Prática Rotacione o dispositivo (Ctrl+F11). Quais métodos são chamados?
46. Preferências
47. Preferências Como salvar dados para que eles possam ser acessados da próxima vez que o app seja executado? SharedPreferences é uma forma conveniente de salvar pequenas quantidades de dados.
48. SharedPreferences prefs = PreferenceManager .getDefaultSharedPreferences(this); Editor editor = prefs.edit(); editor.putString("texto", texto); editor.commit(); Preferências SharedPreferences prefs = PreferenceManager .getDefaultSharedPreferences(this); String texto = prefs.getString("texto", ""); Salvando Carregando
49. Prática Faça o app guardar o texto Carregue no onCreate, salve no onDestroy Boa prática: use atributos static final para as chaves
50. Pausa
51. Intents
52. Intents São mensagens que seu programa envia para o sistema para requisitar funcionalidades de outros componentes Exemplo: uma Activity envia um Intent para requisitar ao sistema que outra Activity seja aberta Outro exemplo: uma Activity envia um Intent para requisitar ao sistema que abra um navegador na página www.google.com
53. Intent intent = new Intent(this, OutraActivity.class); startActivity(intent); MainActivity.java Abrindo outra Activity Pode ser chamado, por exemplo, ao clicar em um botão. A nova Activity é empilhada sobre a atual.
54. finish(); OutraActivity Fechando a Activity Quando uma Activity é fechada (desempilhada), o sistema mostra a Activity anterior, que estava abaixo da atual. OutraActivity deve se fechar, e não empilhar MainActivity.
55. Prática Crie um projeto. Crie uma nova Activity, chamada OutraActivity Na MainActivity, adicione um botão que, ao ser clicado, abre OutraActivity Na OutraActivity, adicione um botão que, ao ser chamado, feche a Activity
56. Intent intent = new Intent(this, OutraActivity.class); intent.putExtra(“pi”, 3.14); startActivity(intent); MainActivity.java Passando dados de uma Activity para outra Bundle extras = getIntent().getExtras() if (extras != null) { float x = extra.getFloat(“pi”); } OutraActivity.java Pode ser chamado no onCreate()
57. Intent intent = new Intent(this, OutraActivity.class); startActivityForResult(intent, 1234); MainActivity.java Retornando dados de uma Activity Intent data = new Intent(); data.putExtra(“pi”, 3.14); setResult(RESULT_OK, data); finish(); OutraActivity.java @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (requestCode == 1234 && resultCode == RESULT_OK) { float pi = data.getFloat(“pi”); } } MainActivity.java
58. Prática
59. Intents Implícitos // Abrir navegador Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse("http://www.google.com/")); startActivity(intent); // Enviar mensagem (SMS) Intent intent = new Intent(Intent.ACTION_SEND); intent.setType("text/plain"); intent.putExtra(android.content.Intent.EXTRA_TEXT, "Oi!"); startActivity(intent);
60. ListView
61. String ArrayAdapter ListView ListView: funcionamento
62. ListView <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/ android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" >        <ListView                android:id="@+id/mylist"                android:layout_width="match_parent"                android:layout_height="wrap_content"  >        </ListView> </LinearLayout>
63. ListView ListView listView = (ListView) findViewById(R.id.mylist); listView.setAdapter(adapter);
64. ListView listView = (ListView) findViewById(R.id.mylist); String[] values = new String[] { “Ada”, “Basic”, “C++” }; ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, // layout de um item values); listView.setAdapter(adapter); ArrayAdapter
65. listView.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // ... } }); ListView: interação
66. Prática Sistema para guardar palestras e cursos do SIECOMP.