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á!
 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 Jetbrains plugin… esquerdo do menu, clique

em Install

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

Abrao arquivo e todo

res/layout/activity_main.xml remova
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!

Nos falamos em breve!

Fillipe Cordeiro