Componentes visuais avançados em Android - Artigo webMobile 35

Para quem está chegando de mundos um “pouco” mais limitados em relação à interface gráfica para dispositivos móveis, como é o caso do Java ME, que possuía pouquíssimos componentes visuais na sua plataforma padrão (componentes do pacote lcdui), a plataforma Android é um verdadeiro paraíso. Com dezenas de componentes visuais sofisticados, com efeitos e muitas características disponíveis para serem personalizadas, a plataforma Android tornou-se uma referência em componentes visuais ricos em detalhes para a plataforma mobile.

Em artigos anteriores foram apresentados os componentes visuais básicos da plataforma Android, aqueles que são usados na maioria das aplicações móveis, como caixa de texto (EditText), texto estático (TextView), botões (Button, ToogleButton) e componentes de seleção (CheckBox e RadioGroup).

Nesse artigo serão apresentados outros componentes visuais ainda mais sofisticados da plataforma Android, como o AutoCompleteTextView, este uma variação do EditText. Será apresentado também barra de progresso, componentes Spinner, Picker, listas e componentes para apresentação de imagens.

Para a apresentação desses componentes, será utilizada a IDE de desenvolvimento Netbeans, versão 6.9, SDK padrão para desenvolvimento Android, e o nbandroid, que permite desenvolver aplicações Android a partir da IDE Netbeans (ler Nota DevMan 1).

Desenvolvendo um projeto Android a partir da IDE Netbeans

Após a instalação e configuração da IDE Netbeans, do SDK do Android e do plugin nbandroid, deve-se acessar, no Netbeans, o menu Arquivo e escolher a opção Novo Projeto...

Na tela apresentada, deve-se escolher a categoria Android e o Projeto Android Application, conforme Figura 1.

Na tela seguinte deve-se informar o nome do projeto – para o exemplo foi utilizado UsingAdvancedComponents, configurando também o local onde o projeto será salvo, do pacote do código fonte e da classe principal do aplicativo. As informações correspondentes ao projeto são apresentadas na Figura 2.

Dessa forma, o projeto é criado. Para que o mesmo possa ser executado, é necessário adicionar a seguinte linha no arquivo MainActivity.java, conforme linha 11 da Listagem 1.

Listagem 1. Classe MainActivity – Classe principal do aplicativo Android.

01. package org.me.usingadvancedcomponents;

02.

03. import android.app.Activity;

04. import android.os.Bundle;

05.

06. public class MainActivity extends Activity {

07.

08.    @Override

09.    public void onCreate(Bundle icicle) {

10.        super.onCreate(icicle);

11.        setContentView(R.layout.main);

12.       

13.    }

14.

15. }

Dessa forma, ao executar o aplicativo a partir do botão Executar Main Project... ou através da tecla de atalho F6 do Netbeans, é apresentada na tela do emulador a interface visual definida no arquivo main.xml, esse na pasta /Resources/layout do projeto."