Android - Contrôle ImageButton

Un ImageButton est un AbsoluteLayout qui vous permet de spécifier l'emplacement exact de ses enfants. Cela montre un bouton avec une image (au lieu de texte) qui peut être pressée ou cliquée par l'utilisateur.

Ensemble de styles de bouton Android

Attributs ImageButton

Voici les attributs importants liés au contrôle ImageButton. Vous pouvez consulter la documentation officielle d'Android pour obtenir la liste complète des attributs et des méthodes associées que vous pouvez utiliser pour modifier ces attributs au moment de l'exécution.

Hérité de android.widget.ImageView Classe -

Sr. Non	Attribut et description
1	android:adjustViewBounds Définissez ceci sur true si vous souhaitez que ImageView ajuste ses limites pour conserver le rapport hauteur / largeur de son dessin.
2	android:baseline Il s'agit du décalage de la ligne de base dans cette vue.
3	android:baselineAlignBottom Si vrai, la vue de l'image sera alignée sur la ligne de base en fonction de son bord inférieur.
4	android:cropToPadding Si c'est vrai, l'image sera recadrée pour tenir dans son remplissage.
5	android:src Cela définit un dessinable comme contenu de cette ImageView.

Hérité de android.view.View Classe -

Sr. Non	Attribut et description
1	android:background Il s'agit d'un dessin à utiliser comme arrière-plan.
2	android:contentDescription Cela définit le texte qui décrit brièvement le contenu de la vue.
3	android:id Cela fournit un nom d'identifiant pour cette vue
4	android:onClick Il s'agit du nom de la méthode dans le contexte de cette vue à invoquer lorsque l'utilisateur clique sur la vue.
5	android:visibility Cela contrôle la visibilité initiale de la vue.

Exemple

Cet exemple vous guidera à travers des étapes simples pour montrer comment créer votre propre application Android à l'aide de Linear Layout et ImageButton.

Étape	La description
1	Vous utiliserez l'IDE de studio Android pour créer une application Android et la nommerez myapplication sous un package com.example.myapplication comme expliqué dans le chapitre Exemple de Hello World .
2	Modifiez le fichier src / MainActivity.java pour ajouter un événement de clic.
3	Modifiez le contenu par défaut du fichier res / layout / activity_main.xml pour inclure le contrôle de l'interface utilisateur Android.
4	Pas besoin de définir des constantes par défaut dans Android, le studio Android prend en charge les constantes par défaut.
5	Exécutez l'application pour lancer l'émulateur Android et vérifier le résultat des modifications effectuées dans l'application.

Voici le contenu du fichier d'activité principal modifié src/com.example.myapplication/MainActivity.java. Ce fichier peut inclure chacune des méthodes fondamentales du cycle de vie.

Dans l'exemple ci-dessous, abc indique l'image de 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();
         }
      });
   }
}

Voici le contenu de res/layout/activity_main.xml fichier -

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

Voici le contenu de res/values/strings.xml pour définir ces nouvelles constantes -

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

Voici le contenu par défaut 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>

Essayons d'exécuter votre myapplicationapplication. Je suppose que vous avez créé votreAVDlors de la configuration de l'environnement. Pour exécuter l'application à partir d'Android Studio, ouvrez l'un des fichiers d'activité de votre projet et cliquez sur l' icône Exécuter dans la barre d'outils. Android Studio installe l'application sur votre AVD et la démarre et si tout va bien avec votre configuration et votre application, elle affichera la fenêtre Emulator suivante -

L'écran suivant apparaîtra après avoir cliqué sur ImageButton, il affiche un message toast.

Exercice

Je recommanderai d'essayer l'exemple ci-dessus avec différents attributs d'ImageButton dans le fichier XML de mise en page ainsi qu'au moment de la programmation pour avoir une apparence et une sensation différentes de ImageButton. Essayez de le rendre modifiable, changez la couleur de la police, la famille de police, la largeur, la taille du texte, etc. et voyez le résultat. Vous pouvez également essayer l'exemple ci-dessus avec plusieurs contrôles ImageButton dans une seule activité.