A imagem que usei para fazer os testes é uma engrenagem simples de dimensões 100x100 com o fundo transparente.
Logo de início notei que diferentemente do Button, ao criar um ImageButton você é obrigado a adicionar uma imagem ao mesmo:
Percebam que se nenhuma imagem é selecionada, a sua criação fica impossibilitada (o que faz todo o sentido).
Eu selecionei uma imagem para que eu pudesse criar o ImageButton e logo de cara percebi é que atrás da imagem (engrenagem) aparece uma "paradinha cinza" cobrindo todo o seu fundo:
Mas e aí? É só isso? Eu poderia muito adicionar um background a um button normal e obteria o mesmo efeito, além de não ter essa "paradinha cinza inútil" atrás.
Seguindo com os testes => Quando aumentei o tamanho do Button de 100x100 para 150x150, obviamente que a qualidade da resolução da imagem diminuiu, mas ao fazer isso com o ImageButton o tamanho da engrenagem permaneceu o mesmo e o que aumentou foi a "paradinha cinza inútil" atrás da imagem:
Mais uma coisa que também acontece no Button que não acontece no ImageButton, é que ao setar o background do Button, se o mesmo possuir algum texto e o mesmo não for retirado, ele continua aparecendo, entrando assim em conflito com a imagem:
Em favor do ImageButton (dependendo da necessidade) notei que ao clicar no mesmo, há um efeito no click. É simples, mas há:
No Button também há esse efeito, mas somente quando não é setado nenhum background no mesmo.
Na MainActivity a declaração e utilização de ambos é mesma:
package genesysgeneration.classsound;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.RelativeLayout;
public class MainActivity extends AppCompatActivity implements View.OnClickListener{
private Button button;
private ImageButton imageButton2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button=(Button)findViewById(R.id.button);
imageButton2=(ImageButton)findViewById(R.id.imageButton2);
button.setOnClickListener(this);
imageButton2.setOnClickListener(this);
}
public void onClick(View v){
switch (v.getId()){
case R.id.button:
Intent it01 = new Intent(this, Main2Activity.class);
startActivity(it01);
break;
case R.id.imageButton2:
Intent it02 = new Intent(this, Main2Activity.class);
startActivity(it02);
break;
}
}
}
Em todo o post, citei quase que todas as vezes o "troço cinza" que é criado atrás da imagem do ImageButton como "paradinha cinza inútil", mas ele (ImageButton) pode e deve ter alguma utilidade, só ainda não sei qual.
Gostaria de saber em quais casos seria preferível utilizar um ImageButton em vez de um Button e quais as suas reais diferenças que não essas, que considero mínimas e não apresentam necessariamente uma funcionalidade maior e/ou melhor.
style="?attr/borderlessButtonStyle"
e depois isso pra adicionar um efeito de clique:android:background="?attr/selectableItemBackgroundBorderless"