{"id":458,"date":"2018-12-22T11:54:56","date_gmt":"2018-12-22T13:54:56","guid":{"rendered":"http:\/\/lucianodev.com.br\/blog\/?p=458"},"modified":"2018-12-22T13:32:25","modified_gmt":"2018-12-22T15:32:25","slug":"tutorial-android-1-criando-nosso-primeiro-app-passo-a-passo","status":"publish","type":"post","link":"https:\/\/lucianodev.com.br\/blog\/tutorial-android-1-criando-nosso-primeiro-app-passo-a-passo\/","title":{"rendered":"Tutorial Android #1 &#8211; Criando nosso primeiro App &#8211; Passo a Passo"},"content":{"rendered":"<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>Fala ai Pessoal,<\/p>\n<p>Hoje iniciaremos nosso primeiro tutorial onde aprenderemos a construir nosso primeiro app para a plataforma Android usando a IDE Android Studio, de uma maneira simples, clara e objetiva.<\/p>\n<p>Se voc\u00ea, que ainda n\u00e3o conhece o Android Studio, quer aprender a construir sua primeira aplica\u00e7\u00e3o para a plataforma do Google fa\u00e7a primeiramente o download da ferramenta no seguinte link: <a href=\"https:\/\/developer.android.com\/studio\/\">https:\/\/developer.android.com\/studio\/<\/a><\/p>\n<p>A instala\u00e7\u00e3o da ferramenta \u00e9 bastante simples e sem muitas complica\u00e7\u00f5es (bastando instalar os componentes essenciais que s\u00e3o solicitados durante a instala\u00e7\u00e3o: Android SDK, Emulador e etc.).<\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h2>Criando um novo projeto no Android Studio<\/h2>\n<p>Ap\u00f3s completar todas as instala\u00e7\u00f5es necess\u00e1rias, \u00e9 poss\u00edvel que o Android Studio seja executado, conforme mostra a figura abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-459\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_1.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"783\" height=\"488\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_1.jpg 783w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_1-300x187.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_1-768x479.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_1-110x69.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_1-420x262.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_1-690x430.jpg 690w\" sizes=\"auto, (max-width: 783px) 100vw, 783px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: left;\">Clique no bot\u00e3o <strong>&#8220;Start a new Android Studio project&#8221;<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-461\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_2_2.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"412\" height=\"266\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_2_2.jpg 412w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_2_2-300x194.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_2_2-110x71.jpg 110w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Feito isso surgir\u00e1 a seguinte caixa de di\u00e1logo abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-462\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_3.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"600\" height=\"451\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_3.jpg 916w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_3-300x225.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_3-768x577.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_3-110x83.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_3-420x315.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_3-573x430.jpg 573w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>No campo <strong>&#8220;Application Name&#8221;<\/strong> informaremos o nome de nossa aplica\u00e7\u00e3o. Vamos chamar de &#8220;Primeiro App&#8221;, como mostra a figura abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-464\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_4.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"398\" height=\"238\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_4.jpg 398w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_4-300x179.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_4-110x66.jpg 110w\" sizes=\"auto, (max-width: 398px) 100vw, 398px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Agora no campo <strong>&#8220;Company&#8221; <\/strong>voc\u00ea informa o nome da sua empresa (que deve ser expresso no formato de pacote Java). Vamos digitar por exemplo: &#8220;mobileapp.br&#8221;. Vejamos um exemplo abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-465\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_5.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"436\" height=\"88\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_5.jpg 436w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_5-300x61.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_5-110x22.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_5-420x85.jpg 420w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Clique no bot\u00e3o <strong>&#8220;Next&#8221;<\/strong> para avan\u00e7armos para a pr\u00f3xima tela, conforme podemos conferir abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-467\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_6.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"600\" height=\"451\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_6.jpg 916w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_6-300x225.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_6-768x577.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_6-110x83.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_6-420x315.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_6-573x430.jpg 573w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Vamos deixar marcado a op\u00e7\u00e3o <strong>&#8220;Phone and Tablet&#8221; <\/strong>como o tipo de dispositivo para qual vamos desenvolver aplica\u00e7\u00f5es. Selecione tamb\u00e9m a plataforma (vers\u00e3o) do Android 5.0 (Lollipop), como mostra a figura abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-468\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_7.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"600\" height=\"203\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_7.jpg 895w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_7-300x102.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_7-768x260.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_7-110x37.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_7-420x142.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_7-770x261.jpg 770w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<blockquote><p><strong>OBS: <\/strong>\u00c9 sempre aconselh\u00e1vel escolhermos uma vers\u00e3o m\u00ednima funcional para desenvolvermos uma aplica\u00e7\u00e3o Android (mesmo sabendo que a plataforma Android instalada seja superior).<\/p><\/blockquote>\n<p>Depois disso, vamos clicar em <strong>&#8220;Next&#8221;<\/strong> e na tela seguinte vamos escolher a op\u00e7\u00e3o <strong>&#8220;Empty Activity&#8221;<\/strong>. Veja na figura abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-470\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_8.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"505\" height=\"312\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_8.jpg 505w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_8-300x185.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_8-110x68.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_8-420x259.jpg 420w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Agora vamos clicar em <strong>&#8220;Next&#8221;<\/strong> e na pr\u00f3xima tela vamos preencher os campos conforme mostra a figura a seguir:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-471\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_9.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"755\" height=\"373\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_9.jpg 755w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_9-300x148.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_9-110x54.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_9-420x207.jpg 420w\" sizes=\"auto, (max-width: 755px) 100vw, 755px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Para finalizar, vamos clicar em<strong> &#8220;Finish&#8221;<\/strong> para que o projeto seja criado.<\/p>\n<blockquote><p><strong>OBS:<\/strong> Quando se cria um projeto pela primeira vez no Android Studio, \u00e9 comum esse processo ser demorado. Algumas instala\u00e7\u00f5es de complementos faltantes podem ser solicitadas, bastando instalar quando por pedido.<\/p><\/blockquote>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<p>Quando o projeto \u00e9 criado, visualizamos o seguinte c\u00f3digo abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-473\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_10.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"692\" height=\"326\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_10.jpg 692w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_10-300x141.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_10-110x52.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_10-420x198.jpg 420w\" sizes=\"auto, (max-width: 692px) 100vw, 692px\" \/><\/p>\n<p>Esse \u00e9 o c\u00f3digo da aplica\u00e7\u00e3o em linguagem Java, onde atrav\u00e9s dele programamos a funcionalidade de cada componente e seus eventos, definindo as suas a\u00e7\u00f5es. Vamos visualizar a tela da nossa aplica\u00e7\u00e3o no modo &#8220;Design&#8221;, clicando na guia destacada abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-474\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_11.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"692\" height=\"326\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_11.jpg 692w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_11-300x141.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_11-110x52.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_11-420x198.jpg 420w\" sizes=\"auto, (max-width: 692px) 100vw, 692px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Feito isso a tela (Design) da aplica\u00e7\u00e3o ser\u00e1 carregada, como mostra a pr\u00f3xima figura:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-475\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_12.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"925\" height=\"581\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_12.jpg 925w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_12-300x188.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_12-768x482.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_12-110x69.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_12-420x264.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_12-685x430.jpg 685w\" sizes=\"auto, (max-width: 925px) 100vw, 925px\" \/><\/p>\n<p>No modo &#8220;design&#8221; em que nos se encontramos, podemos arrastar e saltar os componentes presente na paleta de componentes (Pallete) , situado no lado esquerdo, montando a interface do aplicativo.<\/p>\n<p>Perceba que existe uma frase no meio da tela &#8220;Hello World&#8221;, que nada mais \u00e9 do que um componente do tipo <strong>TextView<\/strong>, que funciona como se fosse um r\u00f3tulo onde podemos exibir frases, mensagens e etc.<\/p>\n<p>Vamos iniciar a constru\u00e7\u00e3o da nossa interface simples para o nosso aplicativo. Clique no texto &#8220;Hello World&#8221; e arraste o mesmo para o canto superior esquerdo da tela, como podemos ver na pr\u00f3xima figura:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-477\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_13.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"524\" height=\"238\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_13.jpg 524w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_13-300x136.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_13-110x50.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_13-420x191.jpg 420w\" sizes=\"auto, (max-width: 524px) 100vw, 524px\" \/><\/p>\n<p>Ainda com o texto (componente <strong>TextView<\/strong>) selecionado, localize no painel de propriedades o atributo <strong>&#8220;text&#8221;<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-478\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_14.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"336\" height=\"298\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_14.jpg 336w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_14-300x266.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_14-110x98.jpg 110w\" sizes=\"auto, (max-width: 336px) 100vw, 336px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Vamos digitar a seguinte frase: &#8220;Meu primeiro programa em Android&#8221;. O resultado voc\u00ea confere abaixo:<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-480\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_15.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"435\" height=\"179\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_15.jpg 435w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_15-300x123.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_15-110x45.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_15-420x173.jpg 420w\" sizes=\"auto, (max-width: 435px) 100vw, 435px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Localize agora o componente <strong>Button<\/strong> na paleta de componentes e arraste para a tela do dispositivo, como indica a imagem abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-481\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_16.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"773\" height=\"389\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_16.jpg 773w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_16-300x151.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_16-768x386.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_16-110x55.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_16-420x211.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_16-770x387.jpg 770w\" sizes=\"auto, (max-width: 773px) 100vw, 773px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Vejamos o resultado:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-482\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_17.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"411\" height=\"217\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_17.jpg 411w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_17-300x158.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_17-110x58.jpg 110w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Apesar de o bot\u00e3o estar na tela no local onde queremos (aparentemente) \u00e9 necess\u00e1rio criar as conex\u00f5es (ou influ\u00eancias) do mesmo com outros elementos da tela (incluindo o componente <strong>TextView<\/strong> e os cantos da tela). Veja que no contorno da sele\u00e7\u00e3o do bot\u00e3o h\u00e1 quatro c\u00edrculos brancos pequenos (um no topo, um na esquerda, um na direita e outro abaixo), \u00e9 atrav\u00e9s deles que vamos criar as conex\u00f5es. Crie as conex\u00f5es clicando nos c\u00edrculos brancos (do topo , da esquerda e da direita) e arrastando para os seguintes cantos conforme mostra a figura abaixo (basta observar as setas e voc\u00ea n\u00e3o vai se perder):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-484\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_18.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"412\" height=\"232\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_18.jpg 412w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_18-300x169.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_18-110x62.jpg 110w\" sizes=\"auto, (max-width: 412px) 100vw, 412px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Com o bot\u00e3o selecionado, localize no painel de\u00a0 propriedades o atributo <strong>&#8220;layout_width&#8221;<\/strong> e modifique o valor atual para<strong> &#8220;match_constraint&#8221;<\/strong>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-485\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_19.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"457\" height=\"194\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_19.jpg 457w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_19-300x127.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_19-110x47.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_19-420x178.jpg 420w\" sizes=\"auto, (max-width: 457px) 100vw, 457px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Veja que o bot\u00e3o ocupa toda a largura da tela:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-486\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_20.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"406\" height=\"199\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_20.jpg 406w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_20-300x147.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_20-110x54.jpg 110w\" sizes=\"auto, (max-width: 406px) 100vw, 406px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Localize agora a propriedade <strong>&#8220;text&#8221;<\/strong> do bot\u00e3o e digite a frase &#8220;Mostrar Mensagem&#8221;. Veja o resultado:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-487\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_21.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"406\" height=\"198\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_21.jpg 406w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_21-300x146.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_21-110x54.jpg 110w\" sizes=\"auto, (max-width: 406px) 100vw, 406px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Localize agora a propriedade <strong>&#8220;ID&#8221;<\/strong> do bot\u00e3o e digite &#8220;btmostrar&#8221;. Veja como fica abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-488\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_22.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"344\" height=\"161\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_22.jpg 344w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_22-300x140.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_22-110x51.jpg 110w\" sizes=\"auto, (max-width: 344px) 100vw, 344px\" \/><\/p>\n<blockquote><p>Atrav\u00e9s da propriedade ID identificamos um componente que ser\u00e1 manipulado ao programarmos o seu funcionamento no arquivo &#8220;PrimeiroAppActivity.java&#8221;.<\/p><\/blockquote>\n<p>Vamos realizar agora a programa\u00e7\u00e3o do bot\u00e3o, retornando para o arquivo &#8220;PrimeiroAppActivity.java&#8221;:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-490\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_23.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"497\" height=\"285\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_23.jpg 497w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_23-300x172.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_23-110x63.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_23-420x241.jpg 420w\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Coloque o cursor do editor no seguinte local do c\u00f3digo abaixo (abaixo da instru\u00e7\u00e3o <strong>setContentView<\/strong>):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-491\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_24.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"532\" height=\"311\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_24.jpg 532w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_24-300x175.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_24-110x64.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_24-420x246.jpg 420w\" sizes=\"auto, (max-width: 532px) 100vw, 532px\" \/><\/p>\n<p>Agora no local indicado vamos digitar o seguinte c\u00f3digo mostrado abaixo:<\/p>\n<pre class=\"lang:java decode:true\">Button btmostrar = (Button) findViewById(R.id.btmostrar);\r\n\r\n        btmostrar.setOnClickListener(new View.OnClickListener() {\r\n            @Override\r\n            public void onClick(View v) {\r\n                AlertDialog.Builder dialogo = new AlertDialog.Builder(PrimeiroAppActivity.this);\r\n                dialogo.setTitle(\"Aviso\");\r\n                dialogo.setMessage(\"Oi. Esse \u00e9 meu primeiro programa.\");\r\n                dialogo.setNeutralButton(\"OK\",null);\r\n                dialogo.show();\r\n            }\r\n        });<\/pre>\n<p>&nbsp;<\/p>\n<p>Vejamos como vai ficar o c\u00f3digo final de nossa aplica\u00e7\u00e3o:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-493\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_25.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"743\" height=\"495\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_25.jpg 743w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_25-300x200.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_25-110x73.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_25-420x280.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_25-645x430.jpg 645w\" sizes=\"auto, (max-width: 743px) 100vw, 743px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><span style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" data-mce-type=\"bookmark\" class=\"mce_SELRES_start\">\ufeff<\/span><\/script><br \/>\n<ins class=\"adsbygoogle\" style=\"display: block; text-align: center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-4648498281437791\" data-ad-slot=\"5451138398\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n<h2>Executando nossa aplica\u00e7\u00e3o<\/h2>\n<p>Vamos agora executar pela primeira vez a nossa aplica\u00e7\u00e3o. Para isso clique no bot\u00e3o <strong>&#8220;Run App&#8221;<\/strong> (ou SHIFT + F10):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-494\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_26.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"335\" height=\"87\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_26.jpg 335w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_26-300x78.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_26-110x29.jpg 110w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/><\/p>\n<p>Ser\u00e1 aberta a seguinte caixa de di\u00e1logo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-495\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_27.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"640\" height=\"486\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_27.jpg 640w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_27-300x228.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_27-110x84.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_27-420x319.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_27-566x430.jpg 566w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Como n\u00e3o possu\u00edmos nenhum dispositivo virtual clique no bot\u00e3o <strong>&#8220;Create New Virtual Device&#8221;<\/strong>, para que a seguinte caixa de di\u00e1logo seja aberta:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-496\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_28.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"600\" height=\"406\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_28.jpg 1016w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_28-300x203.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_28-768x520.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_28-110x74.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_28-420x284.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_28-635x430.jpg 635w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Para a nossa demonstra\u00e7\u00e3o usarei como dispositivo o<strong> &#8220;Nexus S&#8221;<\/strong>. Vamos seleciona-lo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-497\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_29.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"618\" height=\"240\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_29.jpg 618w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_29-300x117.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_29-110x43.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_29-420x163.jpg 420w\" sizes=\"auto, (max-width: 618px) 100vw, 618px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Clique em <strong>&#8220;Next&#8221;<\/strong> para escolhermos o sistema de imagens no nosso emulador Android. Para esse exemplo usarei em minha m\u00e1quina a vers\u00e3o &#8220;Lollipop x86 (Android 5.1)&#8221;. Fa\u00e7a o <strong>DOWNLOAD<\/strong> primeiramente da imagem antes de usa-la.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-498\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_30.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"619\" height=\"299\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_30.jpg 619w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_30-300x145.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_30-110x53.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_30-420x203.jpg 420w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/p>\n<blockquote><p><strong>OBS:<\/strong> \u00c9 necess\u00e1rio que seu computador tenha suporte a acelera\u00e7\u00e3o de hardware habilitada para o tipo de imagem selecionada (x86). Caso tenha problemas durante a execu\u00e7\u00e3o, selecione e baixe a vers\u00e3o &#8220;Lollipop (Android 5.1)&#8221; usando a arquitetura ARM (ao inv\u00e9s da x86), clicando na aba &#8220;Other Images&#8221;.<\/p><\/blockquote>\n<p>Clique em <strong>&#8220;Next&#8221;<\/strong> para avan\u00e7armos para a pr\u00f3xima tela.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-500\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_31.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"800\" height=\"542\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_31.jpg 1016w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_31-300x203.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_31-768x520.jpg 768w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_31-110x74.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_31-420x284.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_31-635x430.jpg 635w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>Vamos clicar em <strong>&#8220;Finish&#8221;<\/strong> para que o dispositivo virtual seja criado. Aguarde alguns instantes at\u00e9 que o processo seja conclu\u00eddo. Feito isso devemos ver a seguinte op\u00e7\u00e3o abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-501\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_32.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"640\" height=\"486\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_32.jpg 640w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_32-300x228.jpg 300w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_32-110x84.jpg 110w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_32-420x319.jpg 420w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_32-566x430.jpg 566w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>Clique em <strong>&#8220;OK&#8221;<\/strong> para que o dispositivo seja executado e carregado. Feito isso veremos a aplica\u00e7\u00e3o em execu\u00e7\u00e3o abaixo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-503\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_33.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"300\" height=\"475\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_33.jpg 431w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_33-189x300.jpg 189w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_33-69x110.jpg 69w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_33-265x420.jpg 265w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_33-271x430.jpg 271w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Clicando no bot\u00e3o<strong> &#8220;MOSTRAR MENSAGEM&#8221;<\/strong> veremos a mensagem que adicionamos durante a sua programa\u00e7\u00e3o no arquivo &#8220;.java&#8221;:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-504\" src=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_34.jpg\" alt=\"Tutorial Android #1 - Criando nosso primeiro App - Passo a Passo\" width=\"300\" height=\"475\" srcset=\"https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_34.jpg 431w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_34-189x300.jpg 189w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_34-69x110.jpg 69w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_34-265x420.jpg 265w, https:\/\/lucianodev.com.br\/blog\/wp-content\/uploads\/2018\/12\/imagem_post_tutorial_android_1_34-271x430.jpg 271w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Bom pessoal, por hoje \u00e9 s\u00f3. Esse foi o nosso primeiro tutorial Android ensinando como se criar uma aplica\u00e7\u00e3o simples passo a passo.<\/p>\n<p>Em Janeiro estarei lan\u00e7ando em meu site a nova vers\u00e3o da minha <strong>&#8220;Apostila de Android &#8211; Programa\u00e7\u00e3o B\u00e1sica&#8221;<\/strong>, em sua 9\u00aa Edi\u00e7\u00e3o. A primeira vers\u00e3o ser\u00e1 gratuita e que poder\u00e1 ser baixada no meu site <a href=\"https:\/\/lucianodev.com\">https:\/\/lucianodev.com<\/a> quando sair. Com esse material voc\u00ea aprender\u00e1 com diversos exemplos e exerc\u00edcios a criar aplica\u00e7\u00f5es para a plataforma Android.<\/p>\n<p>Em breve teremos mais tutoriais sobre Android. Aproveite e deixe seu coment\u00e1rio sobre este tutorial ou poss\u00edveis d\u00favidas sobre o pr\u00f3prio Android ou a IDE.<\/p>\n<p>Um forte abra\u00e7o para todos&#8230;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fala ai Pessoal, Hoje iniciaremos nosso primeiro tutorial onde aprenderemos a construir nosso primeiro app para a plataforma Android usando a IDE Android Studio, de uma maneira simples, clara e&hellip;<\/p>\n","protected":false},"author":1,"featured_media":506,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15,16,17,3],"tags":[],"class_list":["post-458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","category-java","category-mobile","category-programacao"],"_links":{"self":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/comments?post=458"}],"version-history":[{"count":17,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/458\/revisions"}],"predecessor-version":[{"id":511,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/posts\/458\/revisions\/511"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/media\/506"}],"wp:attachment":[{"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/media?parent=458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/categories?post=458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucianodev.com.br\/blog\/wp-json\/wp\/v2\/tags?post=458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}