24wrsssdf

1. Android Studio
Introdução a linguagem Kotlin

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

3. O Desenvolvimento Android usa O Kotlin em Primeiro
Lugar

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

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

6. 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

7. 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
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.

8. 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

9. 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

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

11. 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

12. 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
Preparando o Layout da
aplicação

13. 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
Adicionando recursos
visuais à sua aplicação

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

15. 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

16. 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

17. 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.

18. 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

19. 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.
Definindo a regra de
negocio

20. 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
Definindo a regra de
negocio

21. 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.
Definindo a regra de
negocio

22. 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

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

24. 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!
Respondendo as acções do
utilizador sobre botão

25. Código Completo da MainActivity.kt
package com.example.diceroller
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.ImageView
class MainActivity : AppCompatActivity() {
class Dado {
private val facesDoDado = arrayOf(
R.drawable.dado1,
R.drawable.dado2,
R.drawable.dado3,
R.drawable.dado4,
R.drawable.dado5,
R.drawable.dado6
)
fun rolar(): Int {
return facesDoDado[(0..5).random()]
}
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
val btnRolar = findViewById<Button>(R.id.btnRolar)
val imgDado = findViewById<ImageView>(R.id.imgDado)
btnRolar.setOnClickListener {
val dado = Dado()
val novaFace = dado.rolar()
imgDado.setImageResource(novaFace)
}
}

26. Código Completo da MainActivity.kt (Comentado)
package com.example.diceroller
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.ImageView
// Classe principal da aplicação que herda de AppCompatActivity
class MainActivity : AppCompatActivity() {
// Classe interna que representa o dado com 6 imagens
class Dado {
// Array contendo os recursos das imagens das faces do dado
private val facesDoDado = arrayOf(
R.drawable.dado1, // Face 1
R.drawable.dado2, // Face 2
R.drawable.dado3, // Face 3
R.drawable.dado4, // Face 4
R.drawable.dado5, // Face 5
R.drawable.dado6 // Face 6
)
// Função que retorna uma face aleatória do dado
fun rolar(): Int {
return facesDoDado[(0..5).random()] // Escolhe uma imagem aleatória
}
}
// Método chamado ao iniciar a activity
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main) // Define o layout da tela
// Referência ao botão com ID definido no layout XML
val btnRolar = findViewById<Button>(R.id.btnRolar)
// Referência à ImageView que exibirá o dado
val imgDado = findViewById<ImageView>(R.id.imgDado)
// Define ação ao clicar no botão
btnRolar.setOnClickListener {
val dado = Dado() // Cria uma instância da classe Dado