Você está na página 1de 23

Fillipe Cordeiro

Crie seu Primeiro App


Android com Kotlin
em 13 Minutos
Fillipe Cordeiro | AndroidPro 1a edição
Copyright © 2017, AndroidPro

Todos os direitos reservados e protegidos pela Lei


9.610 de 19/02/1998
Nenhuma parte deste eBook, sem autorização
prévia por escrito do autor, poderá ser reproduzida
ou transmitida sejam quais forem os meios
empregados: eletrônicos, mecânicos, fotográficos,
gravação ou quaisquer outros.

Crie seu Primeiro App Android com Kotlin em 13 Minutos


AUTOR Fillipe Cordeiro
SITE www.androidpro.com.br
E-MAIL suporte@androidpro.com.br

O autor não possui nenhum vínculo com as instituições e


produtos citados, utilizando-os apenas para ilustrações.
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Sumário
Introdução
Passo 1: Instale a última versão estável do Android Studio
Passo 2: Instale o plugin Kotlin

Passo 3: Crie um novo projeto no Android Studio


Passo 4: Converta a MainActivity em Kotlin
Passo 5: Configure o Kotlin no seu projeto

Passo 6: Criando o layout


Passo 7: Recuperando as Views

Passo 8: Interagindo com as Views


O que achou?
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Introdução

O Kotlin é uma linguagem estaticamente tipada, desenvolvida


pela JetBrains, cuja sintaxe é mais expressiva e concisa do que a
do Java. Com recursos como expressões lambda, sobrecarga de
operadores, templates de strings e muito mais.

Como o Java e o Kotlin são altamente interoperáveis, elas podem


ser usadas juntas no mesmo projeto. Inclusive, o Kotlin é
executado na Máquina Virtual do próprio Java, e tem a linguagem
como base.

O Kotlin é muito intuitivo e fácil de aprender para quem já


desenvolve em Java. A maioria das partes da linguagem são muito
semelhantes ao que já sabemos, e as diferenças nos conceitos
básicos podem ser aprendidas rapidamente.

Ou seja, se você é um(a) programador(a) Java experiente, você


será capaz de aprender o Kotlin de forma muito fácil. Caso
contrário, será como aprender qualquer outra linguagem.

Neste ebook, você vai aprender a criar o seu primeiro projeto


Android em Kotlin em pouco mais de 10 minutos.

Espero que ele te ajude a iniciar sua jornada nos Apps Android
nessa nova linguagem oficial desde já!

E, se você quer aprender o Kotlin de forma completa, clique aqui,


e saiba mais sobre o nosso "Curso Completo de Kotlin Essencial
para Android".
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Nele você aprende:

• A criar aplicativos e jogos Android usando o Kotlin

• Entender a Orientação a Objetos com Kotlin

• A diferença entre variáveis e propriedades, e como o Kotlin


entende cada uma delas

• Usar as expressões idiomáticas do Kotlin

• Criar funções de Classe e de Arquivo Kotlin

• Entender os conceitos do Kotlin e como ele se integra de forma


perfeita com o Java

• Aprenda lógica, condições e controles de fluxo

• Usar coleções, e qual é o melhor lugar para cada uma

• Converter projetos Android em Java para Kotlin

• Usar o Intellij IDE, a melhor IDE de Java (e Kotlin), para escrever


código de forma eficaz e profissional

Crie seu Primeiro App Android com Kotlin em 13 Minutos

Passo 1: Instale a última versão estável do


Android Studio
Provavelmente você já cumpriu esse passo, mas tenha cuidado
com as versões Canary (que foram lançadas para testes), pois às
vezes a linguagem Kotlin é instável nessas versões.

Para ter certeza de que tem a versão mais recente do Android


Studio, abra a IDE, clique em Help > Check for Updates,
conforme a imagem abaixo:

Verifique se há alguma atualização do Android Studio. É


recomendado atualizar o Android SDK, caso seja sugerido.
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Passo 2: Instale o plugin Kotlin

O Android Studio não inclui o plugin do Kotlin instalado por padrão,


então é necessário instalá-lo manualmente.

O procedimento é extremamente simples:

1. Vá para a seção de configuração de plugins do Android Studio,


em File > Settings > Plugins.

2. No canto inferior esquerdo do menu, clique em Install


Jetbrains plugin…

3. Na próxima tela, escreva "Kotlin" no navegador:


Crie seu Primeiro App Android com Kotlin em 13 Minutos

Escolha o plugin correto, chamado "Kotlin", e selecione Install


para instalar.

Você terá que reiniciar o Android Studio.

E pronto!
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Passo 3: Crie um novo projeto no Android


Studio
Crie um projeto chamado KTempConverter, como sempre tem
feito.

Siga o processo normalmente, escolhendo um caminho para o


aplicativo.

Clique em Next.

Na tela Target Android Devices, selecione apenas Phone and


Tablet (para telefone e tablet), e a versão mínima que você preferir
(sugiro min-API 15).

Na tela de criação da Activity, selecione Empty Activity:


Crie seu Primeiro App Android com Kotlin em 13 Minutos

Você pode usar os valores padrão na última tela. Clique em


Finish.
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Passo 4: Converta a MainActivity em Kotlin

A maneira mais simples de preparar um projeto para começar a


usar o Kotlin, é ter um arquivo Kotlin dentro dele.

Sendo assim, vamos converter a MainActivity. O plugin Kotlin


inclui uma opção para que nós mesmos possamos fazer isso.
Lembre-se, pois isso irá te ajudar durante a o seu aprendizado.

Selecione o arquivo MainActivity.java na árvore do projeto à


esquerda. No menu Code, escolha a última opção: Convert Java
File to Kotlin File (ou seja: "Converter arquivo Java para o
arquivo Kotlin").

Depois de alguns instantes, você terá o seguinte resultado:


Crie seu Primeiro App Android com Kotlin em 13 Minutos

O objetivo deste eBook não é mostrar as diferenças entre as


linguagens. Ainda assim, você pode ver que, apesar das
diferenças, o código está perfeitamente compreensível para quem
já compreende a linguagem Java.
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Passo 5: Configure o Kotlin no seu projeto

É possível que você já tenha visto um alerta como este na sua


MainActivity:

Você pode clicar nele. Não se preocupe.

1. No menu Tools, você encontrará um submenu chamado Kotlin.


Selecione Configure Kotlin in Project:
Crie seu Primeiro App Android com Kotlin em 13 Minutos

2. Você verá a seguinte janela:

3. A seleção padrão é correta, você não precisa mudar nada.


Basta verificar se a última versão do Kotlin está selecionada. (No
nosso caso, como há apenas um módulo no Projeto, as 3 opções
basicamente significam a mesma coisa). Pressione OK.

Isso modificará o build.gradle na pasta raiz e também no módulo


do aplicativo. Se você revisar as alterações, verá que uma nova
dependência foi adicionada à raiz build.gradle.
Crie seu Primeiro App Android com Kotlin em 13 Minutos

No aplicativo um, há algumas outras mudanças:

• Um apply para o plugin: kotlin-android

• Uma nova dependência para a biblioteca Kotlin

• Uma nova pasta adicionada a sourcesSets que permite


adicionar arquivos Kotlin para a pasta src/main/kotlin. Isso
pode ser útil em projetos que misturam códigos Java e Kotlin,
mas nossos arquivos Kotlin podem ser perfeitamente criados na
pasta src/main/java.
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Passo 6: Criando o layout

Abra o arquivo res/layout/activity_main.xml e remova todo


conteúdo do arquivo XML de layout.

Adicione um LinearLayout com um EditText como filho. Depois,


adicione um RadioGroup com dois RadioButton dentro, e logo
depois um Button.

version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">

<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/valorTemp"
android:hint="Digite a temperatura"
android:inputType="numberDecimal" />

<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/radioGroup">

<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Celsius"
android:id="@+id/celciusRadio"
android:checked="false" />

<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Fahreinheit"
android:id="@+id/fahreinheitRadio"
android:checked="true" />
Crie seu Primeiro App Android com Kotlin em 13 Minutos

</RadioGroup>


<Button

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:id="@+id/converterButton"

android:text="CONVERTER TEMPERATURA"

android:background="@color/colorAccent"

android:textColor="@android:color/white"/>


</LinearLayout>

Faça isso diretamente no arquivo XML ou através do editor gráfico.


Uma maneira simples de organizar os componentes é arrastá-los e
soltá-los na tela Component Tree.

O resultado deve se parecer com a seguinte imagem abaixo.


Crie seu Primeiro App Android com Kotlin em 13 Minutos

Passo 7: Recuperando as Views

Agora vamos recuperar as Views do nosso layout dentro da nossa


MainActivity no método onCreate().

Primeiro, declare em escopo de classe uma EditText, dois


RadioButton e um Button.
fun converter(view: View) {
var temp: Double = editText.text.toString().toDouble()

if (celciusRadio.isChecked) {
temp = (temp - 32) * 5/9
} else if (fahreinheitRadio.isChecked) {
temp = temp * 9/5 + 32
}

editText.setText(temp.toString())
}

Depois, dentro do método onCreate(), utilize o método


findViewById() para recuperar as Views pelo ID e guardar nas
variáveis.
override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)


editText = findViewById(R.id.valorTemp) as EditText


celciusRadio = findViewById(R.id.celciusRadio) as RadioButton

fahreinheitRadio = findViewById(R.id.fahreinheitRadio) as RadioButton


converterButton = findViewById(R.id.converterButton) as Button

}

Dessa forma vamos poder interagir com as Views em nossa


MainActivity para ler e atribuir valores a elas.
Crie seu Primeiro App Android com Kotlin em 13 Minutos

Passo 8: Interagindo com as Views

Agora vamos criar o método que vai ser o responsável por fazer a
conversão de Celsius para Fahrenheit e vice versa.

Crie um método chamado converter() dentro da sua


MainActivity.

class MainActivity : AppCompatActivity() {

lateinit var editText: EditText


lateinit var celciusRadio: RadioButton
lateinit var fahreinheitRadio: RadioButton
lateinit var converterButton: Button

override fun onCreate(savedInstanceState: Bundle?) {


super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}

Agora devemos conectar o método converter() ao clique do botão


do nosso layout.

Para isso, adicione um evento de OnClickListener dentro do seu


botão.
converterButton.setOnClickListener { converter(it) }

Agora é só executar o aplicativo no emulador para ver como ficou


o resultado final…
Crie seu Primeiro App Android com Kotlin em 13 Minutos

E tudo pronto!
Crie seu Primeiro App Android com Kotlin em 13 Minutos

O que achou?

Viu só?

Em poucos minutos você já criou seu primeiro app em Kotlin.

Foi um projeto extremamente básico, apenas uma breve mostra do


que é possível se fazer como desenvolvedor Android usando o
Kotlin.

Não se preocupe se você ainda não entendeu completamente o


código usado no exemplo. Afinal, trata-se de uma nova linguagem,
basta persistir e não desistir!

E não se esqueça, se quiser continuar a aprender, acesse o nosso


"Curso Completo de Kotlin Essencial para Android", na Udemy!

Nele você aprende:

• A criar aplicativos e jogos Android usando o Kotlin

• Entender a Orientação a Objetos com Kotlin

• A diferença entre variáveis e propriedades, e como o Kotlin


entende cada uma delas

• Usar as expressões idiomáticas do Kotlin

• Criar funções de Classe e de Arquivo Kotlin

• Entender os conceitos do Kotlin e como ele se integra de forma


perfeita com o Java

• Lógica, condições e controles de fluxo


Crie seu Primeiro App Android com Kotlin em 13 Minutos

• Usar coleções, e qual é o melhor lugar para cada uma

• Converter projetos Android em Java para Kotlin

• Usar o Intellij IDE, a melhor IDE de Java (e Kotlin), para escrever


código de forma eficaz e profissional

• Muito mais…

Nos falamos em breve!

Fillipe Cordeiro

Você também pode gostar