Adapters • Um adapter é um objeto que atua como uma ponte entre uma AdapterView e os dados que compõem essa View; • Ele também é responsável por fazer a View para cada item no conjunto de dados.
LISTVIEW
ListView • Uma View que mostra os itens em uma lista vertical, permitindo o scroll entre estes elementos. Os itens vêm do ListAdpater associado a esta View.
MĂŁo na Massa!!!!
EXEMPLO 6 – LISTVIEW
Exemplo – Lista Telefônica Criar uma aplicação que Liste os nomes dos contatos. Conforme dados abaixo: • • • • • •
Application Name: ListaTelefonica; Project Name: ListaTelefonica; Package Name: com.example.listatelefonica; Min SDK Version e Target SDK: API 14 (IceCreamSandwich); Compile With: API 14 (IceCreamSandwich); Activity Name: ListaMainActivity.
Solução – Lista Telefônica
Solução – Lista Telefônica
Solução – Lista Telefônica Values/Strings.xml
Solução – Lista Telefônica
Solução – Lista Telefônica
Solução – Lista Telefônica
Adaptador – View que possui a lista – posição do item clicado da lista – id da linha que foi clicada
SPINNER
Spinner • Uma View que exibe um elemento de uma lista de elementos e permite ao usuário escolher entre eles. Os itens no Spinner vêm do Adapter associado a ele.
MĂŁo na Massa!!!!
EXEMPLO 7 – SPINNER
Exemplo – Spinner Criar uma aplicação que apresente o aumento percentual (40%, 45% e 50%) do salário de um funcionário utilizando Spinner. Conforme dados abaixo: • • • • • •
Application Name: SalarioSpinner; Project Name: SalarioSpinner; Package Name: com.example.salariospinner; Min SDK Version e Target SDK: API 14 (IceCreamSandwich); Compile With: API 14 (IceCreamSandwich); Activity Name: AppSalarioSpinner.
Exemplo – Spinner
Solução – Spinner values/strings.xml <?xml version="1.0" encoding="utf-8"?> <resources> <string name="hello">Digite o seu salário (R$):</string> <string name="app_name">Cálculo de Salario</string> <string name="text1">Qual é o seu percentual?</string> <string name="labelRb1">40%</string> <string name="labelRb2">45%</string> <string name="labelRb3">50%</string> <string name="labelBtn">Calcular novo salário</string> </resources>
Solução – Spinner src/SalarioSpinner.java
Solução – Spinner
Solução – Spinner
Solução – Spinner
IMAGEVIEW
ImageView • Exibe uma imagem arbitrária, como um ícone; • A classe ImageView pode carregar imagens de várias fontes (como ContentProviders), cuidar da computação das medidas da imagem, para então esta poder ser utilizada em algum layout, oferece vários efeitos de visualização, como redimensionamento e coloração.
ImageView
MĂŁo na Massa!!!!
EXEMPLO 8 â&#x20AC;&#x201C; IMAGEVIEW
Objetivos • Entender os conceitos sobre utilização de imagens no Android; • Compreender a utilização de ImageView; • E demais conceitos já apresentados.
Exemplo – ImageView • Criar uma aplicação usando o ImageView para visualizar 2 imagens; • Componentes que devem estar presentes: – Button; – TextView; – ImageView.
Exemplo – ImageView Criar uma aplicação que troque de imagem quando for clicado o botão correspondente. Conforme dados abaixo: • • • • • •
Application Name: ImageView; Project Name: ImageView; Package Name: com.example.imageview; Min SDK Version e Target SDK: API 14 (IceCreamSandwich); Compile With: API 14 (IceCreamSandwich); Activity Name: ImageViewMainActivity.
Exemplo â&#x20AC;&#x201C; ImageView
Exemplo â&#x20AC;&#x201C; ImageView
Exemplo â&#x20AC;&#x201C; ImageView
Exemplo – Solução
Exemplo – Solução
IMAGEBUTTON
ImageButton • Exibe um botão com uma imagem no lugar do texto, que pode ser pressionado ou clicado pelo usuário; • Por padrão, um ImageButton parece um Button, com um background que muda a cor de acordo com o estado do botão.
ImageButton • A imagem na superfície do botão é definida através do atributo “android:src” no XML do elemento ou pelo setImageResource(int) method; • Podemos associar uma imagem diferente a cada um dos diferentes estados do botão (selecionado, com o foco, etc).
ImageButton