sexta-feira, 1 de maio de 2015

Desenvolvimento Android: Activities

Desculpem pela demora, pois ando meio atarefado com as obrigações escolares...

Como faço para interagir com o usuário?
Se você já conhece um pouco de programação sabe que na maioria das linguagens, principalmente as fortemente tipadas, que todo programa ao iniciar executa inicialmente o método “Main”, também chamada de principal. No Android encontramos uma variação, que recebe o nome de “Activity” ou “Atividade” em português, que funcionam como uma espécie de tela, para estabelecer uma comunicação entre a sua aplicação e o usuário.
Janela a ser construída para esse tutorial.
Como eu uso uma “Activity”?
Para isso precisamos criar uma classe fazer com que a mesma “extenda” da classe “Activity” do Android. Com isso poderemos trabalhar com os ciclos de vida de uma atividade, que são executados através de métodos, conforme o usuário interage com essa atividade. Temos o primeiro ciclo, chamado de “onCreate” que permite o programador especificar ações a serem feitas ao iniciar uma nova atividade, depois temos o ciclo “onStart” que seria as ações a serem tomada quando a atividade aparece disponível par o usuário, após ser carregado pelo sistema operacional. O “onResume” quando uma atividade é minimizada, mais ainda pode executar ações, “onPause” quando a atividade é minimizada mais não pode executar ações, geralmente ocorre quando uma atividade se encontra sobre outra, e “onStop” quando a atividade é posta em espera e “onRestart” para iniciar a atividade novamente. E finalmente o “onDestroy” que é executado quando a atividade é encerrada.


Método “onCreate” com a definição do
 layout a ser utilizado pela atividade.
Agora iremos criar um layout linear simples contendo, um texto na tela, uma área para entrada de texto e um botão para executar nossas ações. Iremos obter o texto digitado pelo usuário e mostrá-lo na tela entre aspas, como uma espécie de citação.


Arquivo de layout da aplicação.
Precisamos também definir qual será a primeira atividade a ser chamada em nosso programa, para isso acessamos o arquivo “Android Manifest”. Colocamos o nome da nossa classe, um nome para a atividade, e os atributos “MAIN” e “LAUNCHER” por definição.
Arquivo “Android Manifest” com alterações.
Para programar esses “widgets” precisamos cria-los na nossa classe, ou melhor, recuperá-los de um arquivo XML, para fazer isso declaramos nossos objetos e utilizamos a função “findViewById” que irar recupera um objeto do tipo “View” pelo seu “id”, neste caso, aquele que definimos no layout. Acessando-o pela classe R (Resources) do nosso projeto, que irar adicionar os ids dos layouts da nossa aplicação um identificador numérico para diferencia-los automaticamente. E finalizamos com um “cast” para transforma o objeto do tipo “View” no tipo desejado.

Recuperação dos elementos do arquivo de layouts.
Agora iremos set um “listener” para o botão através do método “setOnClickListener” com o auxílio da interface “OnClickListener” dentro do escopo “onClick” colocamos a ações que serão tomadas quando o usuário pressionar o botão. Neste caso obtemos o texto do “EditText” através da função “getText” e convertemos o resultado para o tipo “string”, em seguida definimos o texto do “TextView” para o texto obtido entre aspas com o auxílio dos caracteres de escape.
Método “listener” do botão da atividade.

Agora podemos ver os resultados dos nossos esforços...
Resultado final após adição da programação.
Na próxima postagem vermos como criar layouts para “widgets” e aprender a abrir outras “Activities” através de “Intents”. Para mais informações sobre “Activities” acesso o material de referência do android no link abaixo:

domingo, 8 de fevereiro de 2015

Desenvolvimento Android: Layouts

Aprenda o básico para montar um arquivo de layouts em XML.
As aplicações em android são compostas por dois códigos padrões: As instruções em Java, e os arquivos de layouts em XML.  Onde as ações de nosso aplicativo serão feitas através do Java, e a aparência da nossa tela através de tags especiais em um arquivo XML.

Mas o que é XML?

O acrônimo XML vem do termo inglês “eXtensible Markup Language” que significa linguagem de marcação extensível. Resumidamente é uma espécie de HTML, onde o usuário pode criar e desenvolver suas próprias “tags” com seus mais variados atributos e anotações, para formatar os dados que serão inseridos nesse arquivo. Contudo, devemos lembrar que quando se trabalha com android, esses tags especiais já foram criadas, e só nos restas saber com elas iram afetar o leiaute de nossa aplicação na prática.

Como eu monto um arquivo de layout?

No diretório do seu projeto, dentro da pasta “res” você irá encontar uma pasta escrita layouts. Adicione um arquivo com o nome desejado mais a extensão “.xml”. Você também pode fazer essa ação clicando com o botão direito do mouse sobre a passa, selecionado a opção “New” e indo em “Other...” pelo Eclipse. Então procure na barra de pesquisa pelo termo “xml” e selecione a opção “Android XML Layout”. Então de um nome para o arquivo e selecione um layout. No caso iremos utilizar o “RelativeLayout” que fica em baixo de uma opção com uma estrela verde escrito: RatingBar.
Opção que deve ser selecionada no Eclipse.
Após concluído a operação abra o arquivo xml com editor de texto ao seu gosto. Ou pelo Eclipse irar aparecer uma janela com uma pré-visualização do layout. Para ver o código, basta alternar entre a aba no canto inferior esquerdo da dela de “GrapicalLayout” para a aba a direita com o nome do layout.

Aba de alternância para exibir o código fonte destacada em vermelho.
Você irar conferir no top a tag padrão do xml, determinado a versão(1.0) e a codificação do arquivo(utf-8). Logo abaixo temos a tag que representa o layout que estamos trabalhando e dentro dela temos os atributos seguidos inicialmente pela palavra android mais dois pontos o nome do atributo. Isso separa os atributos do andorid de outros qual queres. Com exceção do primeiro atributo, que define qual especificação do android sera utilizada. No caso, a referência está no link presente na tag “xmlns:android”. E temos as definições do tamanho do nosso layout, com os atributos de largura e altura.
Código padrão gerado pelo Eclipse.
O estilo de layout “Relative” trabalha com a relatividade dos elementos na tela. Logo para se definir o posicionamento de um objeto, devemos primeiro definir a que outro objeto ele está tomando como base para se posicionar. Neste caso, iremos utilizar de identificar para cada elemento da tela, chamado de “id”, e ir chamando esses ids no decorre do layout.

Inicialmente teremos uma caixa para entrada de texto(EditText), um botão para enviar os dados(Button), e espaço para enviar o texto digitado pelo usuário(TextView).

Observe que com base no primeiro elemento da tela, a entrada de texto. Definimos que o botão irar ficar abaixo(layout_below) e a esquerda(layout_alignRight) deste objeto. E que onde será mostrada a mensagem irar estar a esquerda do botão(layout_toLeftOf).
Código simples para desenhar elementos na tela.
Um ponto interessante a diferença entre a opção “match_parent” e “wrap_content”. Como existe muitos dispositivos no mercado, e as telas dos aparelhos são muito variáveis, temos o primeiro termo para preencher as proporções da tela, e o segundo para definir o tamanho de acordo com o conteúdo que é inserido no mesmo. Como exemplo, a nosso texto de saída deve ter a largura do dispositivo e a largura do conteúdo. Contudo limitamos essas proporções, restringido a altura da área mais baixa do botão até a mais alta, e fazendo crescer até encostar no botão.
Representação gráfica do layout baseado no código anterior.
Agora basta que você estude o funcionamento de cada um das “tags” que podem ser usadas e combinadas para montar seu layout. Para isso confira o seguinte site com a documentação do layout relativo:


Na próxima postagem iremos aprender como pegar um texto digitado pelo usuário e fazer a impressão do mesmo na tela!

domingo, 1 de fevereiro de 2015

Ambiente de Desenvolvimento: Android

Como eu configuro a variável PATH? O que é esse negócio que parece o “nyan-cat”?
Muitas pessoas acabam tendo problemas na hora de configurar o computador para começar a desenvolver aplicativos para dispositivos moveis. E com esse tutorial com certeza vamos sanar suas dúvidas. Onde irei mostrar como ajeitar a IDE Eclipse junto com o plug-in ADT para o desenvolvimento para androide, junto com suas bibliotecas, no caso a SDK, e a do próprio JAVA, a JDK, além de definir da variável PATH. Utilizando o sistema operacional Windows 7 - 64bits.

Inicialmente você irar precisar de:

E secundariamente, opcional:


Agora que você sabe onde encontrar os arquivos para começar o tutorial.
Basta assisti-lo logo abaixo:
Bem é isso, primordialmente. Obrigado!

sábado, 31 de janeiro de 2015

Um blog sobre programação

Foo, bar, baz, qux, quux!
Um garoto como a minha idade tem muitas coisas para fazer. E uma delas é a criação desse blog. Que visa a formação de nota do meu curso técnico, onde devo disponibilizar aqui neste lugar o meu aprendizado no decorrer do segundo terceiro semestre. E primordialmente, tendo como base uma situação problema, será disponibilizado em breve um vídeo ensinando passo-a-passo como configurar o ambiente de desenvolvimento android com a IDE Eclipse.
Exemplo de código escrito na linguagem JAVA.
Depois dessa façanha serão expostos conteúdos com relação a programação em JAVA para desktop, web e dispositivos moveis. Além de raras especulações de outras linguagens mais velhas como C e C++ e os famigerados códigos mnemônicos da linguagem Assembly.

Espero você para se divertir nessas folhas que não são de papel...