Como usar as cores dentro do XML
Android Básico XML

Como usar as cores dentro do 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.





Rodrigo Leutz
Desenvolvedor Web e Android ( Kotlin e Java )
https://uware.com.br