Android - Controle de ImageButton

Um ImageButton é um AbsoluteLayout que permite especificar a localização exata de seus filhos. Isso mostra um botão com uma imagem (em vez de texto) que pode ser pressionado ou clicado pelo usuário.

Conjunto de estilo de botão Android

Atributos ImageButton

A seguir estão os atributos importantes relacionados ao controle ImageButton. Você pode verificar a documentação oficial do Android para uma lista completa de atributos e métodos relacionados que você pode usar para alterar esses atributos em tempo de execução.

Herdado de android.widget.ImageView Classe -

Sr. Não	Atributo e descrição
1	android:adjustViewBounds Defina como verdadeiro se desejar que o ImageView ajuste seus limites para preservar a proporção de aspecto de seu drawable.
2	android:baseline Este é o deslocamento da linha de base nesta visualização.
3	android:baselineAlignBottom Se verdadeiro, a visualização da imagem será alinhada com a linha de base com base em sua borda inferior.
4	android:cropToPadding Se verdadeiro, a imagem será cortada para caber em seu preenchimento.
5	android:src Isso define um drawable como o conteúdo deste ImageView.

Herdado de android.view.View Classe -

Sr. Não	Atributo e descrição
1	android:background Este é um drawable para usar como plano de fundo.
2	android:contentDescription Isso define o texto que descreve brevemente o conteúdo da visualização.
3	android:id Isso fornece um nome de identificador para esta visão
4	android:onClick Este é o nome do método no contexto desta visão para invocar quando a visão é clicada.
5	android:visibility Isso controla a visibilidade inicial da vista.

Exemplo

Este exemplo o levará por etapas simples para mostrar como criar seu próprio aplicativo Android usando Layout Linear e ImageButton.

Degrau	Descrição
1	Você usará o Android Studio IDE para criar um aplicativo Android e nomeá-lo como myapplication em um pacote com.example.myapplication, conforme explicado no capítulo Exemplo Hello World .
2	Modifique o arquivo src / MainActivity.java para adicionar um evento de clique.
3	Modifique o conteúdo padrão do arquivo res / layout / activity_main.xml para incluir o controle de IU do Android.
4	Não há necessidade de definir constantes padrão no Android, o Android Studio cuida das constantes padrão.
5	Execute o aplicativo para iniciar o emulador Android e verifique o resultado das alterações feitas no aplicativo.

A seguir está o conteúdo do arquivo de atividade principal modificado src/com.example.myapplication/MainActivity.java. Este arquivo pode incluir cada um dos métodos fundamentais do ciclo de vida.

No exemplo a seguir, abc indica a imagem do tutorialspoint

package com.example.myapplication;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.Toast;

public class MainActivity extends Activity {
   ImageButton imgButton;
   
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      
      imgButton =(ImageButton)findViewById(R.id.imageButton);
      imgButton.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            Toast.makeText(getApplicationContext(),"You download is 
               resumed",Toast.LENGTH_LONG).show();
         }
      });
   }
}

A seguir estará o conteúdo de res/layout/activity_main.xml arquivo -

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
   android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin" 
   tools:context=".MainActivity">
   
   <TextView android:text="Tutorials Point"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:textSize="30dp"
      android:layout_alignParentTop="true"
      android:layout_alignRight="@+id/imageButton"
      android:layout_alignEnd="@+id/imageButton" />
      
   <ImageButton
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/imageButton"
      android:layout_centerVertical="true"
      android:layout_centerHorizontal="true"
      android:src="@drawable/abc"/>

</RelativeLayout>

A seguir estará o conteúdo de res/values/strings.xml para definir essas novas constantes -

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">myapplication</string>
</resources>

A seguir está o conteúdo padrão de AndroidManifest.xml -

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.myapplication" >
      
   <application
      android:allowBackup="true"
      android:icon="@drawable/ic_launcher"
      android:label="@string/app_name"
      android:theme="@style/AppTheme" >
      
      <activity
         android:name="com.example.myapplication.MainActivity"
         android:label="@string/app_name" >
      
         <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
         </intent-filter>
      
      </activity>
      
   </application>
</manifest>

Vamos tentar executar o seu myapplicationinscrição. Suponho que você tenha criado o seuAVDao fazer a configuração do ambiente. Para executar o aplicativo do Android Studio, abra um dos arquivos de atividade do seu projeto e clique no ícone Executar na barra de ferramentas. O Android Studio instala o aplicativo em seu AVD e o inicia e se tudo estiver bem com sua configuração e aplicativo, ele será exibido a seguir a janela do emulador -

A tela a seguir aparecerá depois que o ImageButton for clicado, ele mostra uma mensagem brinde.

Exercício

Recomendarei tentar o exemplo acima com diferentes atributos de ImageButton no arquivo XML de Layout, bem como em tempo de programação para ter uma aparência diferente do ImageButton. Tente torná-lo editável, mude para a cor da fonte, família da fonte, largura, tamanho do texto etc e veja o resultado. Você também pode tentar o exemplo acima com vários controles ImageButton em uma atividade.

↰ Previous page