Tutorial Pemrograman

Cara Menambah Gambar dari Galeri di Android Studio

Gambar merupakan salah satu objek penting pada aplikasi Android, agar aplikasi Android yang kita buat terlihat lebih menarik, ketimbang hanya menampilkan objek teks saja pada aplikasi. Untuk membuat fitur menambahkan gambar dari galeri di aplikasi Android, kamu bisa mengikuti tutorialnya berikut ini menggunakan software Android Studio.

Video Tutorial:

https://www.youtube.com/watch?v=5qqQZmb2V1A

Langkah:

1. Tambahkan satu button dan imageView pada MainActivity. Ketika tombol tersebut ditekan dan user memilih gambar, maka gambar akan ditampilkan di imageView

Tulis kode berikut ini:

<?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:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:orientation="vertical"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.abifirmandhani.inwepo.MainActivity">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Username"
        android:id="@+id/edit1"/>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Name"
        android:id="@+id/edit2"/>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="NoHp"
        android:id="@+id/edit3"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Tambah"
        android:id="@+id/btn1"
        android:onClick="Click1"/>



    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Hapus"
        android:id="@+id/btn2"
        android:onClick="Click3"/>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:id="@+id/gambar1"/>

    

        <Button
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="Gallery"
            android:layout_weight="1"
            android:id="@+id/btn4"/>


    

</LinearLayout>

 2. Instansiasi button dan imageView yang sudah kamu buat pada langkah sebelumnya. Sesuaikan id nya dengan id pada layout

Tulis kode berikut ini:

package com.example.abifirmandhani.inwepo;

import android.content.Intent;
import android.graphics.Bitmap;
import android.net.Uri;
import android.provider.MediaStore;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;

import com.google.firebase.database.DatabaseReference;
import com.google.firebase.database.FirebaseDatabase;

public class MainActivity extends AppCompatActivity {

    //instansiasi database firebase
    FirebaseDatabase database ;
    DatabaseReference myRef;
    EditText text1;
    EditText text2;
    EditText text3;
    EditText text4;

    ImageView img1;
    Button btn1;

    final int kodeGallery = 100, kodeKamera = 99;
    Uri imageUri;



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

        database = FirebaseDatabase.getInstance();

        text1 = (EditText) findViewById(R.id.edit1);
        text2 = (EditText) findViewById(R.id.edit2);
        text3 = (EditText) findViewById(R.id.edit3);
        text4 = (EditText) findViewById(R.id.edit4);

        img1 = (ImageView) findViewById(R.id.gambar1);
        btn1 = (Button) findViewById(R.id.btn4); 

        btn1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intentGallery = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
                startActivityForResult(intentGallery, kodeGallery);
            }
        });


    }

    

    }

Fungsi setOnclickListener adalah, ketika button tersebut maka perintah yang ada didalam method onClick akan dijalankan. Perintah disini adalah membuka galeri.

3. Buat method onActivityResult, fungsi dari method ini adalah menagkap result dari setiap pemanggilan intent. Karena pada langkah sebelumya kamu menjalankan intent dengan startActivityForResult.

Tulis kode berikut ini:

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

        if(requestCode == kodeGallery && resultCode == RESULT_OK){
            imageUri = data.getData();
            img1.setImageURI(imageUri);
        }

Pada kode tersebut dilakukan seleksi kondisi, ini dilakukan karena tidak hanya hasil dari galeri saja yang akan masuk pada method onActivityResult. Maka dari itu dilakukan seleksi kondisi, apakah request kodenya adalah kodeGallery. Karena saat menjalankan intent diatur request kodenya adalah kodeGallery.

Lalu jika memenuhi sarat, data tersebut akan dirubah dalam bentuk URI. Lalu imageView akan diberi nilai URI tersebut.

4. Tambahkan permission pada android manifest, sehingga aplikasi kamu bisa mengakses galeri.

Tulis kode berikut ini:

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

5. Ketika akpilasi dijalankan dan tombol upload ditekan, maka galeri akan terbuka dan kamu bisa memilih salah satu gambar tersebut.

Berikut hasil gambar berhasil ditambahkan:

Selesai. Pada tutorial selanjutnya akan dibahas cara menambahkan gambar namun dengan menggunakan kamera handphone kamu.

 

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2020 Inwepo - All Rights Reserved.

To Top