Redes Sociais
 Telegram  YouTube
Button com efeito no background XML
26 de novembro de 2019
Android / XML

Nesse tutorial vou descrever como fazer Button com efeito no background XML para que assim você faça um botão com efeito.

Primeiramente vamos criar um projeto vazio(Empty) para fazer as mudanças e criar um botão com efeito no clique.

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

Logo depois de criar um projeto vazio vamos criar um background para o nosso botão com o nome de button_background.

Se você não sabe como criar um background então veja o tutorial Como criar um Background no Android Studio.

Vamos deixa o código do nosso arquivo de background como o seguinte.

button_background

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <gradient android:type="radial"
                android:gradientRadius="700"
                android:startColor="#333"
                android:endColor="#FFF" />
            <stroke android:width="5px" android:color="#797575"/>
            <corners android:radius="20dp"/>
        </shape>
    </item>
</selector>

Logo depois de criar e editar o arquivo de background vamos então editar a nossa activity_main e modificar apenas TextView do Hello World! para virar um Button e inserir o background e o efeito de seleção.

O código do nosso layout deve estar assim como o seguinte.

activity_main

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:textColor="#FFF"
        android:padding="30dp"
        android:foreground="?android:attr/selectableItemBackground"
        android:theme="@android:style/ThemeOverlay.Material.Dark"
        android:background="@drawable/button_background"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    
</androidx.constraintlayout.widget.ConstraintLayout>

Vamos então compilar e executar o aplicativo para ver como fica o nosso Button.

Button com efeito no background XML
Button

Enfim espero poder ter ajudado com mais este tutorial sobre como fazer Button com efeito no background XML.

Veja também os vídeos em:

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