Cara Menampilkan Gambar Dari Galeri Di Aplikasi Android

Tutorial Cara Menampilkan Gambar dari Galeri Di Aplikasi Android

Halo semuanya. Bagaimana kabar kalian hari ini? Saya harap kalian baik-baik saja. Pada artikel sebelumnya saya sudah membagikan tutorial cara menampilkan gambar dari kamera di aplikasi android. Untuk itu, pada kesempatan kali ini saya akan membagikan tutorial cara menampilkan gambar dari galeri di aplikasi android.

Aplikasi galeri android mengizinkan kita untuk melihat gambar dan video yang telah kalian download dari internet, mengambil dari perangkat itu sendiri atau gambar yang di kirim dari komputer.

Dalam tutorial ini kalian akan belajar cara membuat aplikasi android untuk menampilkan gambar dari aplikasi galeri secara terprogram.

- Advertisement -

Tutorial Cara Menampilkan Gambar Dari Galeri di Aplikasi Android

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:Display Image App
Package Name:com.androidrion.displayimageapp
Language:Java
Minimal SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam projek ini:

  • activity_main.xml

Daftar file java activity yang digunakan dalam projek ini:

  • MainActivity.java

Berikut ini adalah langkah-langkah dalam pembuatan aplikasi Display Image App.

XML Layout File

Buka file activity_main.xml kalian lalu tambahkan widget ImageView yang berguna sebagai tampilan gambar yang akan kita pilih di aplikasi galeri dan widget Button untuk membuka aplikasi galeri di android. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:gravity="center"
    android:orientation="vertical"
    android:padding="16dp"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/displayImage"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:padding="16dp" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:text="Add Image" />

</LinearLayout>

Java Activity File

Buka file MainActivity.java kalian lalu tambahkan kode dibawah ini untuk membuat widget Button dan ImageView pada xml layout bekerja.

app/java/com.androidrion.displayimageapp/MainActivity.java

package com.androidrion.displayimageapp;

import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.database.Cursor;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.provider.MediaStore;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

import java.io.FileNotFoundException;
import java.io.InputStream;

public class MainActivity extends AppCompatActivity {

    private static final int SELECT_IMAGE = 100;
    ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = findViewById(R.id.displayImage);

        Button button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent i = new Intent(
                        Intent.ACTION_PICK,
                        android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);

                startActivityForResult(i, SELECT_IMAGE);
            }
        });
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);

        if (requestCode == SELECT_IMAGE && resultCode == RESULT_OK && null != data) {
            Uri selectedImage = data.getData();
            String[] filePathColumn = { MediaStore.Images.Media.DATA };

            Cursor cursor = getContentResolver().query(selectedImage,
                    filePathColumn, null, null, null);
            cursor.moveToFirst();

            int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
            String picturePath = cursor.getString(columnIndex);
            cursor.close();

            ImageView imageView = findViewById(R.id.displayImage);
            imageView.setImageBitmap(BitmapFactory.decodeFile(picturePath));

        }
    }
}

AndroidManifest File

Buka file AndroidManifest.xml kalian dan tambahkan permission untuk membacaeksternal storage. Berikut ini adalah kode lengkap untuk file AndroidManifest.xml

app/manifest/AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.androidrion.displayimageapp">

    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

Run ‘app’

Agar aplikasi bisa bekerja dengan optimal, maka aplikasi di install pada perangkat android secara langsung. Untuk menginstal projek android studio secara langsung di perangkat android, ikuti tutorial pada link di bawah ini.

MENJALANKAN PROJEK ANDROID STUDIO DI HP ANDROID

Setelah kalian berhasil menginstal projek di perangkat android langsung, aplikasi akan menampilkan widget button yang akan menampilkan aplikasi galeri pada perangkat. Ketika kita memilih gambar atau foto yang ada pada galeri, maka secara otomatis akan menampilkan aplikasi akan menampilkannya. Jika kode di atas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar di bawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara membuat aplikasi untuk menampilkan gambar dari aplikasi galeri. Tutorial di atas sangatlah mudah untuk dikerjakan karena tidak begitu banyak kode yang digunakan untuk menjalankan aplikasi tersebut.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah pada artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.