Redes Sociais
 Telegram  YouTube
Como usar as cores dentro do XML
5 de novembro de 2019
Android / Básico / XML

Nesse tutorial vou descrever Como usar as cores dentro do XML e assim você vai poder denominar uma cor quando for usar ela.

Primeiramente vamos criar um projeto vazio(Empty) para podermos fazer nosso exemplo.

Se você não sabe como criar um projeto vazio veja no tutorial Como criar um projeto no Android Studio.

Então para começar vamos editar nosso arquivo res->values->colors.xml para setar algumas cores que vamos utilizar no nosso projeto.

O arquivo colors.xml deve ficar assim como o seguinte.

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#008577</color>
    <color name="colorPrimaryDark">#00574B</color>
    <color name="colorAccent">#D81B60</color>
    <color name="green">#1E5716</color>
    <color name="yellow">#FFDC00</color>
    <color name="blue">#1E3992</color>
</resources>

Logo depois de modificar nosso arquivo de cores vamos então criar nosso layout para usar as cores que adicionamos ao nosso projeto.

Vamos criar então botões de cores diferentes para mudarem a cor do background de acordo com suas respectivas cores.

Então deixe sua arquivo activity_main de acordo com o descrito a seguir.





activity_main

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:id="@+id/layMain">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent">
        <Button
            android:id="@+id/btnGreen"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Verde"
            android:background="@color/green"
            android:layout_gravity="center"/>
        <Button
            android:id="@+id/btnYellow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Amarelo"
            android:background="@color/yellow"
            android:layout_gravity="center"/>
        <Button
            android:id="@+id/btnBlue"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Azul"
            android:background="@color/blue"
            android:layout_gravity="center"/>
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

Agora vamos então fazer nossa programação em kotlin para que nossos botões façam a mudança da cor de fundo.

Para isso vamos editar nosso arquivo MainActivity e deixar da mesma que o seguinte arquivo.

MainActivity

package br.com.uware.colors

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        btnGreen.setOnClickListener {
            layMain.background = getDrawable(R.color.green)
        }
        btnYellow.setOnClickListener {
            layMain.background = getDrawable(R.color.yellow)
        }
        btnBlue.setOnClickListener {
            layMain.background = getDrawable(R.color.blue)
        }
    }
}

Logo após ter feito todas as alterações vamos compilar e executar nosso projeto para ver como funciona a troca de background.

Enfim espero poder ter ajudado com este tutorial sobre Como usar as cores dentro do XML.

Visite e siga nosso canal no YouTube para ajudar no crescimento do site.





Autor: Rodrigo Leutz

Desenvolvedor Web e Android ( Kotlin e Java )


Começando a programar na linguagem Kotlin – Parte 5

Nesse tutorial Começando a programar na linguagem Kotlin – Parte 5 vamos ver strings e intervalos para que assim seja possível entrar em laços.[...]

7 de fevereiro de 2020

Vídeo 11: Pegar endereço com o CEP Kotlin

Nesse Vídeo 11: Pegar endereço com o CEP Kotlin vou descrever como fazer a parte da programação assim você vai imprimir o endereço na tela.[...]

4 de janeiro de 2020

Vídeo 10: Pegar endereço com o CEP Kotlin

Nesse Vídeo 10: Pegar endereço com o CEP Kotlin vou descrever como fazer o layout do aplicativo para assim poder fazer a programação. Vou[...]

4 de janeiro de 2020