Cara Menampilkan Gambar Di Android Studio - IMedia9 - Connecting Inspiration

Breaking

Tuesday, October 11, 2016

Cara Menampilkan Gambar Di Android Studio



Menampilkan gambar di dalam aplikasi Android, baik secara langsung maupun melalui script terbilang relatif mudah. Dan untuk melakukannya kita hanya memerlukan sedikit persiapan.
Langkah pertama adalah buatlah sebuah project baru dengan Empty Activity di Android Studio. Kalau lupa caranya silahkan disimak lagi postingan ini: Membuat Project Baru Di Android
Oh ya, karena pada tahap ini sangat penting bagi anda untuk melihat hasil desain pada aplikasi, pastikan project anda tidak mengalami kendala Rendering Problem. Jika anda mengalaminya silahkan selesaikan terlebih dahulu. Artikel ini bisa membantu anda: Cara Memperbaiki Rendering Problems
Setelah itu hapus text Hello World, dan tambahkan widget ImageView ke dalam view. Drag saja langsung.
Cara menampilkan gambar android studio
Atur ukurannya (width & height) misal 300dp x 300dp
ImageView02
Kemudian atur pula posisinya berada di tengah (centerInParent) secara horizontal
ImageView03
Selanjutnya klik kanan pada folder res/drawable dan pilih menu Show In Explorer
ImageView04
Anda akan dibawa ke windows explorer, tepatnya folder drawable yang merupakan sebuah folder yang didedikasikan untuk menyimpan gambar yang bisa diakses oleh aplikasi anda. Jadi?
ImageView05
Pilih beberapa gambar dan masukkan ke dalam folder tersebut. Ukurannya bebas, tidak perlu 300dp x 300dp. Pada contoh ini, gambar yang dimasukkan memiliki nama Android1.jpg dan Android2.jpg.
ImageView06
Kemudian secara otomatis, tampilan pada IDE Android Studio, khususnya folder drawable pun akan berubah. Dua buah file gambar baru telah dikenali secara otomatis.
ImageView07
Selanjutnya cari property src dan klik tombol browse
ImageView08
Pada sidebar pilih folder Drawable dan klik salah satu gambar kemudian klik OK
ImageView09
Sip. Gambarnya sudah keluar. Sampai sini kita sudah dapat menampilkan gambar secara langsung via IDE. Lalu bagaimana kalau menggunakan script?
ImageView10
Tambahkan satu buah Button dari Pallete.
ImageView11
Ganti textnya, misalnya Ganti Gambar
ImageView12
Buka file MainActivity.java dan ketikkan Script berikut:
1:  package com.roedavan.hello.appimage;  
2:  import android.support.v7.app.AppCompatActivity;  
3:  import android.os.Bundle;  
4:  import android.view.View;  
5:  import android.widget.Button;  
6:  import android.widget.ImageView;  
7:  public class MainActivity extends AppCompatActivity {  
8:    @Override  
9:    protected void onCreate(Bundle savedInstanceState) {  
10:      super.onCreate(savedInstanceState);  
11:      setContentView(R.layout.activity_main);  
12:      Button button = (Button) findViewById(R.id.button);  
13:      final ImageView imgView = (ImageView) findViewById(R.id.imageView);  
14:      button.setOnClickListener(new View.OnClickListener() {  
15:        @Override  
16:        public void onClick(View v) {  
17:          imgView.setImageResource(R.drawable.android2);  
18:        }  
19:      });  
20:    }  
21:  }  
Jalankan aplikasi anda dan... error. Loh? Kenapa ya? Hmm, kalau dilihat dari errornya sih kayaknya yang salah bukan scriptnya, tapi penamaan pada file gambar yang tadi kita masukan.
ImageView13
Kelihatannya android hanya menyukai nama file dengan format lower case. Jadi ganti saja seluruh nama file gambar yang kita masukkan dengan lower case. Bagi anda yang tidak mengerti lower case - artinya semua file harus dikasih nama dengan menggunakan huruf kecil.
ImageView14
Penamaan file ini akan berdampak pada file-file yang lain, jadi pastikan anda telah memeriksa file serta properties untuk memastikan akses dan penggunaan gambar menggunakan huruf kecil.
ImageView15
Ok. Sekarang tes aplikasi anda kemudian klik tombol Ganti Gambar.
ImageView16
Kalau sukses maka gambar aplikasi seharusnya sudah berubah. Mantaaap. Kalau error, yah... mungkin anda sedang kurang beruntung. :-)ImageView17
Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio Cara Menampilkan Gambar Di Android Studio

No comments:

Post a Comment