Como adicionar um Ícone para ImageButton
Android Básico XML

Como adicionar um Ícone para ImageButton





Nesse tutorial vou descrever Como adicionar um Ícone para ImageButton utilizando assim os ícones do próprio Android Studio.

Primeiramente vamos criar um projeto vazio e vamos adicionar uma imagem de tipo vetor no diretório res->drawable.

Para adicionar uma imagem do tipo vetorial vamos clicar com o botão direito do mouse em cima da pasta drawable e no menu New->Vector Asset como na imagem a seguir.

Como adicionar um Ícone para ImageButton
Menu New->Vector Asset

Logo depois de ter clicado no vector asset irá aparecer uma janela de diálogo como na imagem a seguir.

Como adicionar um Ícone para ImageButton
Janela de diálogo Vector Asset.




Então nessa janela de diálogo temos as opçoes:

  • Name: Nome do ícone que será salvo na pasta drawable.
  • Clip Art: Ícone que vai ser usado, se clicado pode ser modificado.
  • Size: Tamanho da imagem vetorial.
  • Color: Cor em hexadecimal.
  • Opacity: Transparência de nossa imagem vetorial.

Para adicionar o ícone a pasta drawable basta apenas seguir os passos até o finish.

Logo depois vamos usar o seguinte código para inserir em um ImageButton nosso ícone que acabou de ser criado com o nome de ic_android.

Código do ImageButton

<?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">

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_android"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>
    
</androidx.constraintlayout.widget.ConstraintLayout>

Agora seu ImageButton já está com o ícone que você selecionou para usar como na imagem a seguir.

Como adicionar um Ícone para ImageButton
ImageButton com a imagem vetorial.

Enfim espero poder ter ajudado com esse tutorial sobre Como adicionar um Ícone para ImageButton.

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