Aula_Adapters_ListView.pdf

Transcript

1. Android
2. Recordando Layout
3. Arquitetura de um Projeto Android Modelo MVC
4. Arquitetura de um Projeto Android Controller Activity
5. Arquitetura de um Projeto Android Views Layout (XML)
6. Arquitetura de um Projeto Android Model Classes de Negócio
7. Arquitetura de um Projeto Android Resumindo Tela + + =
8. Activities › OnCreate – Chamado quando a activity é criada. › onStart – Chamado após o onCreate, e antes da activity se tornar visível para o usuário. › onResume – Chamado após o onStart, quando a activity se torna visível para o usuário. › onPause - Chamado após o onResume, quando a activity está para perder a visibilidade para outra activity. › onStop – A activity não está mais visível para o usuário. › onDestroy – A activity está prestes a ser destruída.
9. › LinearLayout - possui um atributo orientation que pode receber o valor vertical ou horizontal que indica que os elementos filhos devem ser agrupados na vertical ou horizontal. › RelativeLayout - é um layout que permite posicionar os elementos filhos de maneira relativa, um em relação ao outro. › FrameLayout - um tipo de layout bem simples, que permite adicionar apenas um elemento. Se adicionar mais elementos, eles irão ser desenhados sobre os outros, parcialmente ou totalmente. ViewGroups
10. › TextView – usado para mostrar textos na tela. › EditText – usado para que o usuário digite alguma entrada. › Button – usado para que o usuário execute ações através de cliques. › CheckBox – usado para que o usuário marque opções. › RadioButton – o mesmo que acima, mas permite marcar apenas uma opção. › ImageView – usado para mostrar imagens na tela. Views/Widgets
29. Conectando XML à Activity
34. ListView <ListView />
35. › Melhor forma de exibir uma coleção de objetos › É uma View que mostra uma lista de itens de rolagem. › Os itens são automaticamente inseridos à lista utilizando um Adapter que puxa o conteúdo de uma fonte, como um Array ou banco de dados › Converte cada item de conteúdo em uma View de que é colocado na lista. ListView <ListView />
36. ListView <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>
37. Adapter ›Os Adapters são usados para fornecer comunicação e dados para o ListView. ›Ele fornece Views filhas para cada linha ›O Adapter também define como cada linha da ListView é exibida. ›O Adapter é atribuída a ListView através do método setAdapter no objeto ListView.
38. Como funciona o processo da ListView e Adapter
40. Adapter qual o total de registros?
41. OK! Aguenta aé que vou ser!
42. Base (banco, provider, collection, array) quantos registros ao todo?
44. 10 registros ao todo
45. Valeu! Agora me passa a 1ª linha
46. Base, me dá o 1º objeto! Layout, me passa o XML!
47. Toma a 1ª linha
48. Beleza! Manda a segunda agora!
49. Tá bom! Espera aé…
50. Ufa!!! Até que enfim acabou!
51. ›Um Adapter estende da classe BaseAdapter. ›Android fornece alguns adapters padrões, os mais importantes deles são o ArrayAdapter e SimpleCursorAdapter. Implementação do Adapter
52. ›ArrayAdapter pode manipular dados com base arrays simples ou collections do tipo java.util.List. Utiliza um TextView para representar sua views filhas. ›SimpleCursorAdapter é utilizado para auxiliar com bancos de dados SQLite. Implementação do Adapter
53. ListView – Uso simplificada › Coloque um elemento <ListView> com id no XML de layout › Crie um array de elementos do tipo String › Obtenha o objeto ListView usando findViewById(id) › Crie um ArrayAdapter passando o array de Strings › Adicione o ArrayAdapter ao ListView usando ListView.setAdapter(..)
54. › O código seguinte mostra um exemplo de uso da classe ArrayAdapter e um esquema predefinido do sistema Android. › O exemplo supõe que o layout da Actvity contém um ListView com o ID mylist. Este exemplo usa um layout pré-definido de célula (android.R.layout.simple_list_item1) Exemplo ListView
55. Exemplo ListView
56. Listener › Para implementar a seleções na lista basta definir a interface OnItemClickListener à sua ListView. › Parâmetros de OnItemClickListener.onItemClick(...) › AdapterView <?> parent - referência para o ListView › View view - a View dentro de parent que foi clicada › int position - a posição da View no ArrayAdapter, i.e., o índice do array › int id - o id do elemento, neste caso será igual a position
57. Listener
58. Gerenciando Elementos na ListView
59. Adicionando e Removendo
60. Adicionando Menus - XML
61. Adicionando Menus
62. Criando aplicações Android (cont.) - ListView
63. Aplicação de lista telefônica › Project Name: ListaTelefonica › Package Name : br.edu.infnet.android.applista › Create Activity: ContatosActivity › Application Name: Lista de contatos › Min SDK Version: 15
64. Aplicação de lista telefônica
65. Aplicação de lista telefônica › No arquivo contatos.xml, adicionaremos o elemento: <ListView android:id=“@+id/lista_contatos” android:layout_width="match_parent” android:layout_height=“match_parent" />
66. Aplicação de lista telefônica › ContatosActivity › Contato (Objeto) › DetalheContatoActivity
67. ContatosActivity
68. Objeto Contato
69. Evento de click no Item da Lista
71. › Estende de BaseAdapter › Reescreve os métodos: getCount
 getItem getItemId
 getView
 Adapter Customizado
72. BaseAdapter › O BaseAdapter trata-se de uma classe abstrata que possui os métodos necessários para exibição da lista na tela. › public int getCount() › Indica quantos itens temos para exibir na listagem. Com isso o Android calcula o tamanho inicial da Listview › public long getItemId(int posicao) › Retorna um identificador único para o item da lista. Ex: listaAlunos.get(posicao).getId()
73. BaseAdapter › public Object getItem() › Retorna um item da lista de acordo com o posição. Ex: listaAlunos.get(posicao) › public View getView (int posicao, View convertView, ViewGroup parent) › Retorna um objeto do tipo View. › Representa a linha da ListView que será exibida na tela do device
74. public class StateAdapter extends BaseAdapter { private LayoutInflater mInflater; private List<State> stateList; public StateAdapter(Context context, List<State> statelist){ mInflater = LayoutInflater.from(context); //responsavel por pegar o Layout do item. this.stateList = statelist; } @Override public int getCount() { return stateList.size(); } @Override public Object getItem(int position) { return stateList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { // Cria uma instância do layout XML para os objetos correspondentes na View View view = mInflater.inflate(R.layout.listview_states, null); State state = stateList.get(position); TextView textState = (TextView)view.findViewById(R.id.textState); textState.setText(state.getState()); ImageView img = (ImageView)view.findViewById(R.id.imageState); img.setImageResource(state.getBanner()); return view; } }
75. <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content"> <ImageView android:id="@+id/image" android:layout_alignParentLeft="true" android:layout_height="50dip" android:layout_width="50dip" /> <TextView android:id="@+id/text" android:layout_toRightOf="@+id/image” android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dip”/> </RelativeLayout> Adapter Customizado
76. Exercício Vamos criar uma Adapter customizado Imagens em: http://goo.gl/alO0tw