+ Curso de Android XVIII Jornada de Cursos. + 5. Criando aplicações Android (cont.)

Apresentação em tema: "+ Curso de Android XVIII Jornada de Cursos. + 5. Criando aplicações Android (cont.)"— Transcrição da apresentação:

1 + Curso de Android XVIII Jornada de Cursos

2 + 5. Criando aplicações Android (cont.)

3 + Aplicação de lista telefônica Project Name: ListaTelefonica Package Name : br.ufpe.cin.android.applista Create Activity: AppLista Application Name: Lista de contatos Min SDK Version: 10

4 + Aplicação de lista telefônica

5 + No arquivo main.xml, adicionaremos o elemento: ListView id: “@+id/lstcontatos” layout_width: “fill_parent”

6 + Aplicação de lista telefônica AppLista.java public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ArrayAdapter adapter = new ArrayAdapter (this,android.R.layout.simple_list_item_1, contatos); lista = (ListView) findViewById(R.id.lstcontatos); lista.setAdapter(adapter);

7 + Aplicação de lista telefônica lista.setOnItemClickListener(new OnItemClickListener(){ public void onItemClick(AdapterView parent, View view, int position, long id) { AlertDialog.Builder dialogo = new AlertDialog.Builder(AppLista.this); dialogo.setTitle("Contato selecionado"); dialogo.setMessage(((TextView) view).getText().toString()); dialogo.setNeutralButton("OK", null); dialogo.show(); } });

8 + Desafio! Altere a aplicação para suportar as seguintes funções: Inserir um contato, exibindo um alerta confirmando a operação; Remover um contato ao clicar no mesmo, exibindo ainda um alerta confirmando a operação;

9 + Aplicação que visualiza imagens v1.0 Project Name: VisualizadorDeImagens Package Name : br.ufpe.cin.android.appimagem Create Activity Name: AppImagem Application Name: Visualizador de Imagens Min SDK Version: 10

10 + Aplicação que visualiza imagens

11 + Aplicação que visualiza imagens v1.0 Dentro de res/drawable-mdpi: coala.jpg; farol.jpg; Adicionaremos também um LinearLayout do tipo Horizontal DENTRO do Layout padrão, que contém um objeto ImageView.

12 + Aplicação que visualiza imagens v1.0 Ao adicionar os elementos pelo Graphical Layout, altere as propriedades para ficarem como estão abaixo: <LinearLayout android:id="@+id/linearLayout1" android:layout_width="match_parent" android:layout_height="wrap_content" > <ImageView android:id="@+id/imagem" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/coala" />

13 + Aplicação que visualiza imagens v1.0 No arquivo main.xml, adicionaremos os elementos em ordem: TextView id: “@+id/txtinfo” text: “Foto 1” Button1 id: “@+id/btimagem1” text: “Exibir foto 1” layout_width: “fill_parent” Button2 id: “@+id/btimagem2” text: “Exibir foto 2” layout_width: “fill_parent”

14 + Aplicação que visualiza imagens v1.0 AppImage.java public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //Pega as referências de todos os componentes da tela Button btfoto1 = (Button) findViewById(R.id.btimagem1); Button btfoto2 = (Button) findViewById(R.id.btimagem2); imagem = (ImageView) findViewById(R.id.imagem); txt = (TextView) findViewById(R.id.txtinfo);

15 + Aplicação que visualiza imagens v1.0 btfoto1.setOnClickListener(new View.OnClickListener(){ public void onClick(View arg0) { imagem.setImageResource(R.drawable.coala); txt.setText("Foto 1"); } }); btfoto2.setOnClickListener(new View.OnClickListener(){ public void onClick(View arg0) { imagem.setImageResource(R.drawable.farol); txt.setText("Foto 2"); } }); }

16 + Melhorando! Coloque mais 3 imagens na pasta res/drawable- mdpi; Faça a seleção das mesmas através de um Spinner; Dê a possibilidade do usuário editar o nome dessa imagem, que possui um valor default; Imagem 1, Imagem 2,...

17 + Aplicação que visualiza imagens v1.1 Project Name: GaleriaDeImagens Package Name : br.ufpe.cin.android.appgallery Create Activity: AppGallery Application Name: Galeria de Imagens Min SDK Version: 10

18 + Aplicação que visualiza imagens v1.1

19 + No arquivo main.xml, adicionaremos o elemento: Para essa aplicação, criaremos uma classe auxiliar: ImageAdapter. Gallery id: “@+id/gallery” layout_width: “fill_parent”

20 + Aplicação que visualiza imagens v1.1 ImageAdapter.java package br.ufpe.cin.android.appgallery; import android.content.Context; import android.view.*; import android.widget.*; public class ImageAdapter extends BaseAdapter { private Context myContext; private int[] myImageIds = { R.drawable.coala, R.drawable.farol, R.drawable.pinguins, }; public ImageAdapter(Context c) { this.myContext = c; }

21 + Aplicação que visualiza imagens v1.1 public int getCount() { return this.myImageIds.length; } public Object getItem(int position) { return position; } public long getItemId(int position) { return position; } public View getView(int position, View convertView, ViewGroup parent) { ImageView i = new ImageView(this.myContext); i.setImageResource(this.myImageIds[position]); i.setScaleType(ImageView.ScaleType.FIT_XY); i.setLayoutParams(new Gallery.LayoutParams(150, 150)); return i; } public float getScale(boolean focused, int offset) { return Math.max(0, 1.0f / (float)Math.pow(2, Math.abs(offset))); }

22 + Aplicação que visualiza imagens v1.0 AppGallery.java public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); ((Gallery) findViewById(R.id.gallery)).setAdapter(new ImageAdapter(this)); }

23 + Melhorando! Coloque, na aplicação, outra galeria, e implemente dois botões que trocam as imagens de galeria