Android: controllo ImageButton

Un ImageButton è un AbsoluteLayout che consente di specificare la posizione esatta dei suoi figli. Questo mostra un pulsante con un'immagine (invece del testo) che può essere premuta o cliccata dall'utente.

Set stile pulsante Android

Attributi ImageButton

Di seguito sono riportati gli attributi importanti relativi al controllo ImageButton. Puoi controllare la documentazione ufficiale di Android per un elenco completo di attributi e metodi correlati che puoi utilizzare per modificare questi attributi in fase di esecuzione.

Ereditato da android.widget.ImageView Classe -

Suor n	Attributo e descrizione
1	android:adjustViewBounds Impostalo su true se desideri che ImageView regoli i suoi limiti per preservare le proporzioni del suo disegnabile.
2	android:baseline Questo è l'offset della linea di base all'interno di questa visualizzazione.
3	android:baselineAlignBottom Se true, la visualizzazione dell'immagine sarà allineata alla linea di base in base al bordo inferiore.
4	android:cropToPadding Se true, l'immagine verrà ritagliata per adattarsi al suo riempimento.
5	android:src Questo imposta un drawable come contenuto di questo ImageView.

Ereditato da android.view.View Classe -

Suor n	Attributo e descrizione
1	android:background Questo è un disegnabile da usare come sfondo.
2	android:contentDescription Definisce il testo che descrive brevemente il contenuto della vista.
3	android:id Fornisce un nome identificativo per questa vista
4	android:onClick Questo è il nome del metodo nel contesto di questa vista da richiamare quando si fa clic sulla vista.
5	android:visibility Controlla la visibilità iniziale della vista.

Esempio

Questo esempio ti guiderà attraverso semplici passaggi per mostrare come creare la tua applicazione Android usando Linear Layout e ImageButton.

Passo	Descrizione
1	Utilizzerai l'IDE di Android Studio per creare un'applicazione Android e denominarla come myapplication in un pacchetto com.example.myapplication come spiegato nel capitolo Hello World Example .
2	Modificare il file src / MainActivity.java per aggiungere un evento clic.
3	Modifica il contenuto predefinito del file res / layout / activity_main.xml per includere il controllo dell'interfaccia utente Android.
4	Non è necessario definire costanti predefinite in Android, Android Studio si occupa delle costanti predefinite.
5	Esegui l'applicazione per avviare l'emulatore Android e verifica il risultato delle modifiche apportate nell'applicazione.

Di seguito è riportato il contenuto del file di attività principale modificato src/com.example.myapplication/MainActivity.java. Questo file può includere ciascuno dei metodi fondamentali del ciclo di vita.

Nell'esempio sotto abc indica l'immagine di 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();
         }
      });
   }
}

Di seguito sarà il contenuto di res/layout/activity_main.xml file -

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

Di seguito sarà il contenuto di res/values/strings.xml per definire queste nuove costanti -

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

Di seguito è riportato il contenuto predefinito di 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>

Proviamo a eseguire il tuo myapplicationapplicazione. Presumo che tu abbia creato il tuoAVDdurante l'impostazione dell'ambiente. Per eseguire l'app da Android Studio, apri uno dei file di attività del progetto e fai clic sull'icona Esegui dalla barra degli strumenti. Android Studio installa l'app sul tuo AVD e la avvia e se tutto va bene con la configurazione e l'applicazione, verrà visualizzata la seguente finestra dell'emulatore:

La seguente schermata apparirà dopo aver cliccato su ImageButton, mostra un messaggio di avviso.

Esercizio

Raccomanderò di provare l'esempio sopra con diversi attributi di ImageButton nel file XML di layout e al momento della programmazione per avere un aspetto e un aspetto diversi di ImageButton. Prova a renderlo modificabile, cambia il colore del carattere, la famiglia del carattere, la larghezza, la dimensione del testo ecc.E guarda il risultato. Puoi anche provare l'esempio precedente con più controlli ImageButton in un'unica attività.