Introducao a Linguagem Kotlin

This work is licensed under the Apache 2.0 License
Android Study Jams
Introdução a linguagem Kotlin

Calleb J. Miquissene
DSC Lead, Founder – AlugAqui,
Android Engineer
 Estudante de Desenvolvimento de Softwares
 DSC Lead
 Android Developer, Firebase App Developer
 La Casa de Papel, !Game of Thrones
 Tabs, !Spaces
 !Animes
Sobre mim

Beneficios do Kotlin
● Expressiva & Concisa
● Código Seguro
● Interoperável com Java

O Desenvolvimento Android usa O Kotlin em Primeiro
Lugar

fun main() {
println("Hello world!")
}

fun main() {
println("Hello world!")
}
Este código imprime Hello world!
>>> Hello world!

var altura: Int = 5
val mensagem = "Bem Vindo!"
Declaração de variáveis
Em Kotlin, especificar o tipo de dado ao declarar uma variável é opcional.
Variáveis podem ser declaradas usando val ou var.
Sintaxe:
val / var nomeDaVariavel : TipoDeDado = valorInicial
ou
val / var nomeDaVariavel = valorInicial

var idade = 19
idade = 10 // O valor da variável “idade”, foi alterado
val pi = 3.14
pi = 22.40 // Erro de compilacao: O valor da variavel
“pi” nao pode ser alterado porque esta variavel foi
definida como val
Declaração de variáveis
Usamos var para declarar variáveis que ao longo do programa podem receber
outros valores, o usamos o val para variáveis cujo valor não vai alterar ao longo
do programa.

if (score < 20) {
println("Low")
} else if (score < 70) {
println("Medium")
} else {
println("High")
}
when (x) {
0 -> endGame()
1 -> moveNext()
2 -> skipTurn()
}
Estrutura de decisão “if…else”
Estrutura de decisão
“when”, funciona como o
“Switch (case)” do Java

val listaDeNumeros = listOf(1, 2, 3, 4, 5)
val arrayDeNumeros = arrayOfOf(4, 5, 6)
val mapaDeNumeros = mapOf("a" to 10, "b" to 20, "b" to
30)
Colecções

Aplicação do dia!
Dice Roller
Siga os passos da sessão
passada para a criação de
uma app android.

Aqui é onde iremos fazer o
design da tela do template que
escolhemos para nossa
aplicação. O design é feito em
linguagem XML ou pode ser
feito arrastando os widgets
para a tela.
Clique em “Split” para que o
editor visual possa te
apresentar o editor de código
e a tela simultaneamente.
Preparando o Layout da
aplicação

Altere o código do layout do
layout. De ConstraintLayout
para LinearLayout, e adicione
os atributos:
android:gravity = “center”
android:orientation = “vertical”
O LinearLayout permite que
as views na tua tela estejam
dispostas, ou orientadas
horizontalmente ou
verticalmente em hierarquia.
Preparando o Layout da
aplicação

Copie imagens em formato
.PNG do teu computador e
cole em: app/res/drawable no
teu projecto.
A pasta res/drawable, deve
conter todos os recursos
visuais que iras utilizar na tua
aplicação. (Imagens, vectores,
ícones, ilustrações, etc.)
No nosso caso, adicionamos
imagens das 6 faces de um
dado.
Adicionando recursos
visuais à sua aplicação

Dentro da tag:
<LinearLayout
(...) >
</LinearLayout>
vamos adicionar os elementos
do nosso layout.
Criando o Layout da
aplicação

ImageView é um elemento
que nos permite definir um
espaço para imagens na tela
da aplicação.
O atributo id, refere-se ao
identificador da ImageView
que adicionamos na nossa
tela, o layout_width refere-se
a largura e o layout_height
refere-se a altura.
O src é o caminho da imagem
que sera mostrada no
ImageView.
Adicionando uma
ImageView a nossa tela

Button é um botão, ele é que
vai receber as interações do
usuário sobre a aplicação.
O atributo id, refere-se ao
identificador do Button que
adicionamos na nossa tela, o
layout_width refere-se a
largura e o layout_height
refere-se a altura. O text é o
texto mostrado no botão.
A largura e altura do botão foram definidas como
wrap_content, isso significa que elas irão ajustar-se ao
tamanho conteúdo presente no botão, nesse caso ao
tamanho do texto.
Adicionando um Button a
nossa tela

Layout pronto!
Se você for a rodar a aplicação, você verá o layout na tela do teu
emulador, mas ao clicar no botão, nada irá acontecer, pois ainda
não definimos as regras de negocio da aplicação, ou seja, a
resposta da aplicação ao interagir com o usuário.

Na classe MainActivity nós
vamos escrever as regras de
negocio da nossa aplicação.
Dentro do método
onCreate() {
(…)
}
vamos escrever o código que
manipula a nossa tela
mediante a acção do utilizador
sobre ela.
Definindo a regra de
negocio

Dentro da class MainActivity
e fora do método onCreate(),
vamos criar uma classe Dado
que vai conter um array
facesDoDado com as
imagens de todas as faces do
dado, e um método rolar()
que escolhe aleatoriamente
um dos elementos do array
facesDoDado e o retorna.
negocio

Os elementos do array
facesDoDado são as imagens
das faces do dados que
adicionamos ao folder
drawable.
Para acedermos a uma
imagem contida no folder
drawable através do código
Kotlin, temos que seguir a
seguinte sintaxe:
R.drawable.nome_da_imagem
negocio

O método / função rolar()
retorna um valor do tipo Int.
Para obter um numero
aleatório em um intervalo de
numeros, usamos a seguinte
sintaxe:
(numeroInicial .. numeroFinal).random()
O método rolar() retorna um
dos elementos do array com
um índice aleatório no
intervalo de 1 a 6.
negocio

Dentro da class MainActivity
e dentro do método
onCreate(), vamos responder
as acções do usuário sobre o
botão.
Para tal, precisamos de
chamar o método
setOnClickListener {
(...)
}
sobre o id do botão que
definimos no nosso layout
(btnRolar).
Respondendo as acções do
utilizador sobre botão

Dentro do
btnRolar.setOnClickListener
{
(...)
}
escrevemos o código das
instruções a serem seguidas
quando o utilizador clica no
botão.

Na linha 13, instanciamos a
classe Dado.
Na linha 14, através do
método setImageResource(),
definimos uma nova imagem
para o ImageView com id
(imgDado) que definimos no
nosso layout.
A nova imagem é chamada
através do dado.rolar().
Rode a aplicação e veja o
resultado!

Introducao a Linguagem Kotlin

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (10)

Semelhante a Introducao a Linguagem Kotlin

Semelhante a Introducao a Linguagem Kotlin (20)

Introducao a Linguagem Kotlin

Notas do Editor