02 - Primeiro código em Android - Hello World [Guia #dev Android]

Neste segundo post vamos criar nosso primeiro projeto para Android. Como não podia deixar de ser, vamos fazer o famoso Hello World. Então, sem mais delongas, vamos colocar a mão na massa.

Por | @http://twitter.com/_rafaeltoledo Programação
<p>Ol&aacute; pessoal! Depois de <a href="../post/9449-montando-o-ambiente-de-desenvolvimento">aprendermos a configurar o ambiente de desenvolvimento</a> do nosso <a href="../especial/guiaandroid">Guia #dev do Android</a>, vamos neste segundo post vamos criar nosso primeiro projeto para&nbsp;<strong>Android</strong>. Como n&atilde;o podia deixar de ser, vamos fazer o famoso&nbsp;<strong>Hello World</strong>. Ent&atilde;o, sem mais delongas, vamos colocar a m&atilde;o na massa.</p> <p>O primeiro passo &eacute; criarmos um novo projeto. Abra o Eclipse e v&aacute; at&eacute; o menu&nbsp;<strong>File -&gt; New -&gt; Other&hellip;&nbsp;</strong>e procure pela se&ccedil;&atilde;o&nbsp;<strong>Android</strong>, onde voc&ecirc; dever&aacute; selecionar&nbsp;<strong>Android Application Project</strong>.</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/9479/tutorial-android-011.png" alt="" /></span></p> <p>Na pr&oacute;xima tela, vamos definir algumas coisas importantes no projeto, como o nome da aplica&ccedil;&atilde;o e o pacote que utilizaremos. No campo&nbsp;<strong>Application Name</strong>&nbsp;colocarei&nbsp;<strong>Hello World</strong>, em&nbsp;<strong>Project Name&nbsp;</strong>colocarei&nbsp;<strong>HelloWorld</strong>&nbsp;(sempre evite espa&ccedil;os no nome do projeto)&nbsp;e o pacote colocarei como&nbsp;<strong>net.rafaeltoledo.helloworld</strong>&nbsp;(mas pode colocar o que voc&ecirc; quiser).</p> <p>Definiremos nesta tela tamb&eacute;m, qual vers&atilde;o do Android utilizaremos, bem como at&eacute; qual vers&atilde;o daremos suporte. Tanto em&nbsp;<strong>Minimum Required SDK</strong>, quanto em&nbsp;<strong>Target SDK</strong>&nbsp;e&nbsp;<strong>Compile With</strong>, selecione a op&ccedil;&atilde;o&nbsp;<strong>API15: Android 4.0.3 (IceCreamSandwich)</strong>.</p> <p>Em&nbsp;<strong>Theme</strong>, deixe como est&aacute; (<strong>Holo Light with Dark Action Bar</strong>).&nbsp;Clique em&nbsp;<strong>Next</strong>. Na tela seguinte, desmarque a op&ccedil;&atilde;o&nbsp;<strong>Create custom launcher icon&nbsp;</strong>e clique em&nbsp;<strong>Next</strong>&nbsp;novamente. Na pr&oacute;xima tela, selecione&nbsp;<strong>BlankActivity</strong>&nbsp;e clique em&nbsp;<strong>Next&nbsp;</strong>e em seguida em&nbsp;<strong>Finish</strong>.</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/9479/tutorial-android-021.png" alt="" /></span></p> <p>Pronto! J&aacute; criamos o nosso projeto. Os dois arquivos mais importantes pra n&oacute;s nesse momento s&atilde;o&nbsp;<strong>MainActivity.java</strong>&nbsp;que est&aacute; dentro da pastinha&nbsp;<strong>src</strong>&nbsp;e&nbsp;<strong>activity_main.xml</strong>&nbsp;que est&aacute; dentro de&nbsp;<strong>res/layout</strong>. Basicamente, o arquivo&nbsp;<strong>activity_main.xml</strong>&nbsp;&eacute; respons&aacute;vel pela defini&ccedil;&atilde;o do layout (os objetos como bot&otilde;es, campos, seletores, etc.) e sua disposi&ccedil;&atilde;o. Enquanto isso, o arquivo&nbsp;<strong>MainActivity.java&nbsp;</strong>&eacute; onde colocamos a l&oacute;gica da aplica&ccedil;&atilde;o em si (com sele&ccedil;&otilde;es,&nbsp;<em>loopings</em>, etc). Neste caso, os dois arquivos representam uma unidade de interface.&nbsp;Vamos dar uma olhada no conte&uacute;do gerado pelos dois arquivos:</p> <p><code><RelativeLayout<br />    xmlns:android="http://schemas.android.com/apk/res/android"<br />    xmlns:tools="http://schemas.android.com/tools"<br />    android:layout_width="match_parent"<br />    android:layout_height="match_parent"<br />    tools:context=".MainActivity" ><br />    <TextView<br />        android:layout_width="wrap_content"<br />        android:layout_height="wrap_content"<br />        android:layout_centerHorizontal="true"<br />        android:layout_centerVertical="true"<br />        android:text="@string/hello_world" /><br /></RelativeLayout></code></p> <p>&nbsp;</p> <p><code>package net.rafaeltoledo.helloworld;<br /><br /> import android.os.Bundle;<br /> import android.app.Activity;<br /> import android.view.Menu;<br /><br /> public class MainActivity extends Activity {<br /> <br />    @Override<br />    protected void onCreate(Bundle savedInstanceState) {<br />        super.onCreate(savedInstanceState);<br />        setContentView(R.layout.activity_main);<br />    }<br /><br />    @Override<br />    public boolean onCreateOptionsMenu(Menu menu) {<br />        // Inflate the menu; this adds items to the action bar if it is present.<br />        getMenuInflater().inflate(R.menu.activity_main, menu);<br />        return true;<br />    }<br /><br /> }</code></p> <p>Caso o editor esteja exibindo o editor gr&aacute;fico ao abrir o arquivo&nbsp;<strong>activity_main.xml</strong>, basta alterar sua visualiza&ccedil;&atilde;o, clicando no rodap&eacute; do editor, conforme a figura a seguir.</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/9479/tutorial-android-031.png" alt="" /></span></p> <p>Vamos come&ccedil;ar analisando o arquivo&nbsp;<strong>main.xml</strong>. Nele temos a primeira linha definindo o arquivo XML (esta linha sempre estar&aacute; presente). Em seguida, temos uma defini&ccedil;&atilde;o do&nbsp;<em>layout</em>, no caso o&nbsp;<strong>RelativeLayout</strong>, o que indica que os itens ser&atilde;o posicionados relativos ao elemento pai (no caso, a pr&oacute;pria tela) ou a outros elementos presentes.</p> <p>Dentro dessa defini&ccedil;&atilde;o (aninhado internamente), temos um elemento&nbsp;<strong>TextView</strong>, com uma string com o conte&uacute;do&nbsp;<strong>@string/hello_world</strong>&nbsp;(definido no atributo&nbsp;<strong>android:text</strong>). No Android, &eacute; sempre aconselh&aacute;vel manter as strings em um arquivo de valores, localizado em&nbsp;<strong>values/strings.xml</strong>. Neste caso, o&nbsp;<strong>TextView</strong>&nbsp;ir&aacute; mostrar a string&nbsp;referenciada por&nbsp;<strong>hello_world</strong>&nbsp;nesse arquivo.&nbsp;Vamos&nbsp;abri-lo e modificar seu conte&uacute;do para&nbsp;<strong>Hello World, RafaelToledo.net!</strong>. Dessa forma, o arquivo&nbsp;<strong>strings.xml</strong>&nbsp;ficar&aacute; assim:</p> <p><code><?xml version="1.0" encoding="utf-8"?><br /><resources><br /><string>Hello World</string><br />    <string>Hello world, RafaelToledo.net!</string><br />    <string>Settings</string><br /></resources></code></p> <p>J&aacute; no arquivo&nbsp;<strong>MainActivity.java</strong>, temos a atribui&ccedil;&atilde;o do layout definido no arquivo&nbsp;<strong>activity_main.xml</strong>&nbsp;a activity que a classe representa, dentro do&nbsp;<strong>onCreate()</strong>&nbsp;chamando o m&eacute;todo&nbsp;<strong>setContentView()</strong>. Temos tamb&eacute;m a cria&ccedil;&atilde;o de um menu, no m&eacute;todo&nbsp;<strong>onCreateOptionsMenu()</strong>, mas n&atilde;o vamos nos preocupar com isso por enquanto.</p> <p>Estamos prontos para executar o nosso aplicativo, mas&hellip; espere! Onde o aplicativo ser&aacute; executado? Como ele ser&aacute; executado?&nbsp;Precisamos, antes criar um dispositivo virtual com o Android Virtual Device Manager para que o aplicativo possa ser executado.&nbsp;Bom, o primeiro passo &eacute; clicar no &iacute;cone do&nbsp;<strong>AVD Manager</strong>, ou ir at&eacute; o menu&nbsp;<strong>Window -&gt; Android Virtual Device Manager</strong>.</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/9479/tutorial-android-041.png" alt="" /></span></p> <p>Ser&aacute;, ent&atilde;o, aberta a janela com a listagem de dispositivos criados (no nosso caso, nenhum ainda).</p> <p>Para criarmos um novo dispositivos, clicamos no bot&atilde;o&nbsp;<strong>New&hellip;</strong>.&nbsp;Nesta tela, devemos preencher os dados relativos ao nosso dispositivo, como nome (<strong>AVD&nbsp;Name</strong>), vers&atilde;o do Android que ir&aacute; executar (<strong>Target</strong>), al&eacute;m de dados como tamanho do cart&atilde;o SD virtual (caso desejado), tamanho da tela e perif&eacute;ricos (c&acirc;mera, GPS, Aceler&ocirc;metro, Teclado f&iacute;sico, etc.).</p> <p>Nesta &uacute;ltima vers&atilde;o das ferramentas de desenvolvimento, temos v&aacute;rios &ldquo;modelos&rdquo; prontos de dispositivos, facilitando a constru&ccedil;&atilde;o de nosso smartphone virtual. Em nome, digite&nbsp;<strong>MeuDispositivo</strong>&nbsp;e na op&ccedil;&atilde;o&nbsp;<strong>Device</strong>, vamos selecionar, por exemplo,&nbsp;<strong>Nexus One&nbsp;</strong>(voc&ecirc; pode escolher qualquer um que desejar). Em&nbsp;<strong>Target</strong>, vamos colocar&nbsp;<strong>Android 4.0.3 &ndash; API Level 15</strong>.&nbsp;Ap&oacute;s montar seu dispositivo, clique em&nbsp;<strong>OK</strong>&nbsp;e ter&aacute; seu dispositivo listado!</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/9479/tutorial-android-051.png" alt="" /></span></p> <p>Quando estiver desenvolvendo, &eacute; recomend&aacute;vel criar diferentes tipos de dispositivos, com vers&otilde;es diferentes do Android e tamanhos de tela variados, de forma a verificar se seu aplicativo ser executado corretamente em diversas configura&ccedil;&otilde;es.</p> <p>Agora sim podemos executar o nosso aplicativo.&nbsp;Para isso, basta clicar com o bot&atilde;o direito sobre o projeto e selecionar&nbsp;<strong>Run As -&gt; Android Application</strong>.</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/9479/tutorial-android-061.png" alt="" /></span></p> <p>Com isso, o emulador ser&aacute; aberto, iniciando o dispositivo virtual que possuir o sistema compat&iacute;vel com a vers&atilde;o do aplicativo (no nosso caso, Android 4.0.3). N&atilde;o se preocupe caso o emulador demore para abrir (ele realmente &eacute; meio lento). Caso a tela fique muito grande (maior que a tela do pr&oacute;prio monitor), volte ao&nbsp;<strong>AVD Manager</strong>&nbsp;e edite o dispositivo, escolhendo um modelo com resolu&ccedil;&atilde;o menor.</p> <p><span class="img_editor"><img src="https://www.oficinadanet.com.br/imagens/post/9479/android-tutorial-07.png" alt="" /></span></p> <p>Bom, &eacute; isso! At&eacute; a pr&oacute;xima!</p>

Mais sobre: guiaandroid, android
Share Tweet
Mais compartilhados
Comentários