Cara Membuat Widget ImageView pada Android Studio


Assalamualaikum Warahmatullahi Wabarakatuh.

ImageView adalah salah satu widget yang digunakan untuk menampilkan sebuah gambar baik itu format .jpg ataupun .png. Dengan menggunakan ImageView, kita dapat menampilkan Gambar pada Activity atau Halaman aplikasi yang kalia buat.


Pada tutorial dasar kali ini, kita akan belajar cara membuat serta menggunakan imageView pada Aplikasi, Penjelasan lebih lanjutnya akan dijelaskan pada Tutorial berikut ini.

Materi Lainnya Yang Direkomendasikan:
Membuat Widget ImageView pada Android Studio

Buat Project baru pada Android Studio kalian.

Disarankan kalian sudah menyiapkan gambar (.jpg atau .png) yang ingin kita tampilkan pada ImageView, jika sudah, simpan gambar tersebut pada direktori drawable (app > src > main > res).

Kita tidak boleh menggunakan spasi untuk penamaan gambar yang ingin ditampilkan pada ImageView, kalian bisa mengganti spasi dengan underscore (_).

Selanjutnya buka file activity_main.xml pada project kalian, disini kita akan menambahkan ImageView, kalian dapat membuat ImageView dengan menggunakan kode xml, seperti berikut ini:
<?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">

    <ImageView
        android:id="@+id/logosaya"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/logomedium" />
    
</LinearLayout>
Didalam tag <ImageView> kita menggunakan atribut "app:srcCompat" yang digunakan untuk mengambil gambar yang sudah kalian simpan pada direktori drawable.

Selain menggunakan kode xml, kalian juga dapat langsung mendrag/drop widget tersebut, serta mengatur atributnya.


Selain itu juga, kalian dapat menampilkan gambar secara programmatic menggunakan Java, pada ImageView, seperti berikut ini:
package android.cianjur.developer.net.basicandroid;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ImageView gambar = findViewById(R.id.logosaya);
        gambar.setImageResource(R.drawable.logomeduim);
    }
}
Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Disqus Comments