Em aplicativos Android , um botão é uma interface de usuário usada para realizar alguma ação quando clicado ou tocado. É um widget muito comum no Android e os desenvolvedores costumam usá-lo. Este artigo demonstra como criar um botão no Android Studio.

A hierarquia de classes da classe Button em Kotlin

Atributos XML do widget de botão

Exemplo

Neste exemplo, uma demonstração passo a passo da criação de um botão será abordada. O aplicativo consistirá em um botão que exibe uma mensagem do sistema quando o usuário tocar nele.

Observação: as etapas a seguir são realizadas no Android Studio versão 4.0

Etapa 1: Criar um novo projeto

1. Clique em File e em New => New Project.
2. Escolha “Atividade vazia” para o modelo de projeto.
3. Selecione o idioma como Kotlin.
4. Selecione o SDK mínimo de acordo com sua necessidade.

Etapa 2: modificar o arquivo strings.xml

Navegue até o arquivo strings.xml no diretório “values” da pasta de recursos . Este arquivo conterá todas as strings usadas no aplicativo. Abaixo está o código apropriado.

<resources>
    <string name="app_name">GfG | Button In Kotlin</string>
    <string name="btn">Button</string>
    <string name="message">Hello Geeks!! This is a Button.</string>
</resources>

 
Etapa 3: Modifique o arquivo activity_main.xml

Adicione um widget de botão no layout da atividade. Abaixo está o código do arquivo activity_main.xml que faz o mesmo.  

<?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"
    android:background="#168BC34A"
    tools:context=".MainActivity">
 
    <!-- Button added in the activity -->
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#4CAF50"
        android:paddingStart="10dp"
        android:paddingEnd="10dp"
        android:text="@string/btn"
        android:textColor="@android:color/background_light"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
 
</androidx.constraintlayout.widget.ConstraintLayout>

 
Etapa 4: Acessando o botão no arquivo MainActivity

Adicione a funcionalidade do botão no arquivo MainActivity . Descreva aqui a operação para exibir uma mensagem do brinde quando o usuário toca no botão. Abaixo está o código para realizar esta tarefa. 

import androidx.appcompat.app.AppCompatActivity;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;
 
public class MainActivity extends AppCompatActivity {
 
    @Override
    protected void onCreate( Bundle savedInstanceState ) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        // storing ID of the button
        // in a variable
        Button button = (Button)findViewById(R.id.button);
 
        // operations to be performed
        // when user tap on the button
        if (button != null) {
            button.setOnClickListener((View.OnClickListener)(new View.OnClickListener() {
                    public final void onClick(View it) {
 
                    // displaying a toast message
                    Toast.makeText((Context)MainActivity.this, R.string.message, Toast.LENGTH_LONG).show();
                }
            }));
        }
    }
}

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Button
import android.widget.Toast
 
class MainActivity : AppCompatActivity() {
 
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
 
        // storing ID of the button
        // in a variable
        val button = findViewById<Button>(R.id.button)
 
        // operations to be performed
        // when user tap on the button
        button?.setOnClickListener()
        {
            // displaying a toast message
            Toast.makeText(this@MainActivity, R.string.message, Toast.LENGTH_LONG).show() }
    }
}

Saída: