Cara Membuat Contoh Widget ImageButton Android

  • Post
    codeorayo
    Keymaster
    none
    ImageButton adalah sebuah salah satu widget yang berfungsi sebagai komponen User Interface (Antar Muka)  yang tidak hanya  menampilkan sebuah gambar , namun juga dapat di navigasikan menjadi button yag dapat  menghubungkan antar Activity.Berbeda dengan ImageView yang hanya bisa menampilkan sebuah gambar saja.

    Pada  tutorial belajar android kali ini ,kita akan mencoba membuat Contoh Penerapan Widget ImageButton Android. Dan kita akan memberikan sebuah fungsi event onClick ,dan ketika diklik akan menampilkan sebuah pesan text berupa Toast.

    [img width=320,height=228]https://4.bp.blogspot.com/-GL555lR-XOc/Vn4FMMFMdqI/AAAAAAAAERY/VMmwqaoJTiU/s320/android-studio-tutorial.png[/img]

    Quote:

    1. Pertama kita akan membuat dua buah widget ImageButton dan TextView yang akan kita masukan ke file layout activity_main.xml.

    Copykan baris instruksi berikut pada file activity_main.xml

    activity_main.xml


  • http://schemas.android.com/apk/res/android“

  •     android:layout_width=”match_parent”

  •     android:layout_height=”match_parent”

  •     android:layout_margin=”16dp”

  •     android:orientation=”vertical”>

  •  

  •     

  •         android:id=”@+id/textView2″

  •         android:layout_width=”wrap_content”

  •         android:layout_height=”wrap_content”

  •         android:text=”Contoh Android ImageButton”

  •         android:textAppearance=”?android:attr/textAppearanceLarge” />

  •  

  •     

  •         android:id=”@+id/imageButton”

  •         android:layout_width=”wrap_content”

  •         android:layout_height=”100dp”

  •         android:layout_marginTop=”16dp”

  •         android:elevation=”4dp”

  •         android:onClick=”firstImageButton”

  •         android:scaleType=”centerInside”

  •         android:src=”@drawable/okedroid” />

  •  

  •     

  •         android:id=”@+id/imageButton1″

  •         android:layout_width=”wrap_content”

  •         android:layout_height=”150dp”

  •         android:layout_marginTop=”16sp”

  •         android:elevation=”4dp”

  •         android:onClick=”secondImageButton”

  •         android:scaleType=”centerCrop”

  •         android:src=”@drawable/tahunbaru” />

  •  

  •  



  • 2. Kedua kita buat sebuah file java MainActivity.java

    Copykan baris instruksi berikut pada file MainActivity.java

    MainActivity.java

  • package com.okedroid.myapplication;

  •  

  •  

  • import android.os.Bundle;

  • import android.support.v7.app.AppCompatActivity;

  • import android.view.View;

  • import android.widget.Toast;

  •  

  • public class MainActivity extends AppCompatActivity {

  •  

  •     @Override

  •     protected void onCreate(Bundle savedInstanceState) {

  •         super.onCreate(savedInstanceState);

  •         setContentView(R.layout.activity_main);

  •     }

  •  

  •     public void firstImageButton(View view) {

  •         Toast.makeText(getApplicationContext(), “Kalian telah memilih imagebutton pertama”, Toast.LENGTH_LONG).show();

  •     }

  •  

  •     public void secondImageButton(View view) {

  •         Toast.makeText(getApplicationContext(), “Kalian telah memilih imagebutton kedua”, Toast.LENGTH_LONG).show();

  •     }

  • }


    Oh ya sebelum itu juga pada atribut drawable bila erorr kalian harus memasukan gambarnya,terlebih dahulu lalu isikan namanya sesuai atribut yang akan dipanggil. Seperti pada gambar dibawah:

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=320,height=199]https://2.bp.blogspot.com/-T4GIgF2Fizk/VoYqwJYH3zI/AAAAAAAAEYM/ZjrkblfwsQ4/s320/lokasi-folder-drawable-android-studio.png[/img][/td]
    [td]Lokasi folder drawable[/td]

    Nah sekarang kita coba jalankan Aplikasinya di Software IDE Android Studio,

    Hasilnya kurang lebih seperti gambar dibawah:

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=320,height=228]https://2.bp.blogspot.com/-3ffuxEKFvn4/VoY_P9m9g_I/AAAAAAAAEYs/O-1xSsVsG2M/s320/hasil-contoh-imagebutton-android.png[/img][/td]
    [td]Hasil Contoh ImageButton Android[/td]

    Jadi ketika dijalankan Aplikasinya, akan menampilkan dua buah ImageButton yang ketika diklik makan akan menampilkan pesan text berupa Toast.

    Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.