Belajar Membuat ImageButton di Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

ImageButton adalah salah satu widget dari komponen User Interface yang berfungsi untuk menampilkan gambar, namun tidak hanya gambar, ImageView bisa juga kita navigasikan menjadi sebuah Button, untuk mengeksekusi program dan juga dapat menghubungkan antar acivity. berbeda dengan ImageView, pada ImageView kita hanya dapat menampilkan Gambar saja.

Belajar Membuat ImageButton di Android Studio


Pada tutorial ini kita akan belajar, bagaimana cara membuat serta menggunakan ImageButton di Aplikasi Android. Untuk itu mari kita simak tutorial berikut ini:

Materi Lainnya Yang Direkomendasikan:


Belajar Membuat ImageButton di Android Studio

Buka aplikasi Android Studio kalian,  Buat Project Baru.

Selanjutnya buka file activity_main.xml pada project kalian, disini kita akan menambahkan 1 buah ImageButton sebagai contohnya, sebelum itu saya sarankan kalian sudah menyiapkan gambar yang ingin digunakan, Gambar tersebut bisa kalian simpan pada direktori drawable.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="16dp"
    android:background="#FFF5F5F5"
    android:gravity="center"
    android:orientation="vertical"
    tools:context="android.cianjur.developer.net.basicandroid.MainActivity">

    <ImageButton
        android:id="@+id/technoart"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:elevation="4dp"
        android:scaleType="centerInside"
        app:srcCompat="@drawable/logomeduim" />

</LinearLayout>

Didalam tab ImageView, jangan lupa untuk menambahkan atribut scaleType="centerInside" agar gambar didalamnya menjadi pas berada ditengah dan ukuran gambarnya juga akan menyesuaikan dengan ImageButton, Serta tambahkan juga atribut elevation supaya memberi efek pada ImageView tersebut.

Layout tersebut akan terlihat seperti berikut ini.

ImageButton Layout Design

Selanjutnya buka MainActivity.java, disini kita akan menambahkan onClickListener pada ImageButton tersebut, jadi saat user mengkliknya, maka akan muncul pesan singkat dengan menggunakan Toast.

package android.cianjur.developer.net.basicandroid;

/*
 Dibuat Oleh WILDAN M ATHOILLAH
 */

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageButton mylogo = findViewById(R.id.logosaya);
        mylogo.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(getBaseContext(), "Selamat Datang Di WILDAN TECHNO ART", Toast.LENGTH_LONG).show();
            }
        });
    }
}

Demo:

Screenshot_ImageView Example

Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Buka Komentar Tutup Komentar

Disqus Comments