Tutorial Download dan Menampilkan Gambar di ImageView Android

TheHeran.com/ October 25, 2016/ Dashboard, Download, Image/ 0 comments

Tutorial ini mempunyai role yaitu

  1. Download gambar melalui URL gambar
  2. Menampilkan hasil download tersebut ke ImageView di android

Tahapannya:

  1. Buat Project Baru. Klik Disini untuk referensi
  2. Buka file AndroidManifest.xml dan tambahkan sebuah permission  <uses-permission android:name=”android.permission.INTERNET” > 
  3. Buka file layout activity_layout.xml dan ketikkan kode di bawah ini. jika ada error karena file @drawable/bg tidak ditemukan, maka anda tambahkan saja gambar bebas dan rename menjadi bg.png

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="match_parent" >

    <ImageView android:id="@+id/image" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/button" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:src="@drawable/bg" >
	
    </ImageView>

    <Button android:id="@+id/button" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentLeft="true" android:text="@string/button" />

</RelativeLayout>

  • Selanjutnya buka file MainActivity.java dan modifikasi menjadi seperti dibawah ini. copypaste yang ada di dalam class ya. Karena bisa saja nama package pada project yang ada pada tutorial ini berbeda dengan nama package yang anda buat.

package com.theheran.downloadgambar;

import java.io.InputStream;

import com.theheran.downloadgambar.R;
import android.os.AsyncTask;
import android.os.Bundle;
import android.app.Activity;
import android.app.ProgressDialog;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends Activity {

 // deklarasi url gambar
 String URL = "http://theheran.com/wp-content/uploads/2016/10/angry.png";
 
 ImageView image;
 Button button;
 ProgressDialog mProgressDialog;

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

 // Deklarasi ImageView yang ada pada activity_main.xml
 image = (ImageView) findViewById(R.id.image);

 // Deklarasi Tombol yang ada pada activity_main.xml
 button = (Button) findViewById(R.id.button);

 // Aksi Tombol Ketika di tekan
 button.setOnClickListener(new OnClickListener() {
 public void onClick(View arg0) {

 // Menjalankan proses dengan metode AsyncTask
 new DownloadImage().execute(URL);
 }
 });
 }

 // class baru
 private class DownloadImage extends AsyncTask&lt;String, Void, Bitmap&gt; {

 @Override
 protected void onPreExecute() {
 super.onPreExecute();
 // Create a progressdialog
 mProgressDialog = new ProgressDialog(MainActivity.this);
 // Set progressdialog title
 mProgressDialog.setTitle("Download Image Tutorial");
 // Set progressdialog message
 mProgressDialog.setMessage("Loading...");
 mProgressDialog.setIndeterminate(false);
 // Show progressdialog
 mProgressDialog.show();
 }

 @Override
 protected Bitmap doInBackground(String... URL) {

 String imageURL = URL[0];

 Bitmap bitmap = null;
 try {
 // Download Image from URL
 InputStream input = new java.net.URL(imageURL).openStream();
 // Decode Bitmap
 bitmap = BitmapFactory.decodeStream(input);
 } catch (Exception e) {
 e.printStackTrace();
 }
 return bitmap;
 }

 @Override
 protected void onPostExecute(Bitmap result) {
 // Set the bitmap into ImageView
 image.setImageBitmap(result);
 // Close progressdialog
 mProgressDialog.dismiss();
 }
 }
}

  • Selanjutnya running program. jika berhasil dan tidak ada error maka akan muncul seperti gambar dibawah ini. Yang mana jika tombol Download Gambar ditekan maka akan mendownload gambar dan menampilkan gambar ke ImageView Android

tutoral_download_gambar_dengan_android

Jika ada kesulitan bisa download projectnya langsung atau mencoba file apk

Kalau ada pertanyaa seputar android atau ingin berkonsultasi bisa menghubungi admin melalui kontak dibawah ini

  • Email : [email protected]
  • PIN BBM : 571078A7

Comments

comments