Şöyle bir basit uygulama yapalım. Sayfamızdaki butona tıkladığımızda alt kısımda bir resim göstersin.

Bir Android Application projesi oluşturalım. Projemizde bulunan tek sayfamıza çift tıklayarak sayfamızın görünüm kısmına geçelim. Sol taraftaki palette kısmından bir buton ve bir imageview sürükleyerek sayfamıza bırakalım. ImageView eklerken bizden bir resim seçmemizi isteyecektir. Projemizde ya da sistemde bulunan resimlerden herhangi birisini ekleyelim. Uygulamamızın görünümü şu şekilde olacaktır. Aşağıdaki siyah resim, sistemden seçtiğimiz herhangi bir resimdir.

Şimdi uygulamamızın kod kısmına geçelim. Bu kod kısmını bildiğiniz gibi .java uzantılı dosyamızda yapıyoruz yani src altındaki dosyadan. Bu dosya bizde MainActiviy.java adında bulunuyor. Default olarak da bu isimlerle uygulamamız hazır olarak gelir. Bu kısa bilgiyi verdikten sonra şimdi kod kısmından devam edelim. İlk olarak imageview nesnesi oluşturmamız gerekiyor. Bu nesneyi oluşturduktan sonra hemen görünürlüğünü kapatalım. Kodumuz aşağıdaki gibi olacaktır.

Buradaki son satırdaki kod ile, sayfamız açıldığında resmin görünmemesini yani görünmez olmasını sağladık. Bir üst satırda ise imageview nesnesi oluşturduk. Şimdi uygulamamızda drawable-hdpi klasörüne bir resim atalım. Ben adı “images” olan bir araba resmi attım. Daha sonra kod kısmına tekrar dönelim ve butonun listener olayını yazalım. Butona tıklandığında, bu siyah kare şeklindeki resmin yerine bizim belirlediğimiz resmi atasın ve resmi görünür yapsın. Bunun için yazmamız gereken kod aşağıdaki gibidir.

b1 nesnesi yani butonun listener olayını yazdık ve içerisine de tıklandığında olacakları yazdık. İlk olarak i nesnesinin yani imageview‘in resim kaynağını değiştirdik. Bunun için setImageResource() metodunu kullandık. Parametre olarak da eklediğimiz resmin adresini verdik. Bunu yaptıktan sonra imageview nesnesinin görünürlüğünü açtık. Bunun için de setVisibility() metodunu kullandık. Biraz öncekinden tek farkı içerisindeki parametredir.

Şunu da dipnot olarak düşelim. Imageview nesnemizi final olarak tanımladık. Eğer bu nesneyi onCreate() metodunun üzerinde ImageView i; diyerek tanımlamış olsaydık final olarak göstermeye gerek kalmayacaktır. Bu sefer onCreate() metodunda da şu şekilde tanımlardık:

i=(ImageView)findViewById(R.id.imageView1);

Uygulamamızı çalıştıralım ve çıktısını görelim.

Butona tıkladığımızda resmimiz tekrar görünür hale gelecektir. Eğer resim kaynağını değiştirmeseydik siyah kare açılacaktı. Şunu da söyleyelim. Resim kaynağını xml kısmında da değiştirebiliriz. Bunun için xml kısmında imageview etiketine şunu eklememiz gerekecekti.

Bu src kısmını, siyah renkteki yazıdaki gibi değiştirseydik, program ilk açıldığında zaten “images” adlı resim çıkacaktı. Fakat biz butona tıklandığında değişmesini istediğimiz için başta değil de sonradan değiştirdik. Hem daha çok metod tanımış olduk.

Şimdi de bu resme tıkladığımızda alt tarafta başka bir resim açılsın. Bu da başka bir otomobil olsun. Bunun için bir imageview ve bir resim daha ekleyeceğiz. Bu sefer “images1” adında bir resim daha ekleyelim. Bunu da drawable-hdpi klasörüne atalım.

Bir imageview daha ekledik ve eklerken bize resim eklememiz gerektiğini söyledi. Biz de rastgele bir resim ekledik sistemde olanlardan. Dediğimiz gibi xml kısmından da değiştirebiliriz bu resmi. Açılışta doğrudan o resim çıkar.

Uygulamamızın kod kısmında ise aşağıdaki gibi düzenlemeler yapacağız.

Burada i2 adında bir imageview nesnesi daha oluşturduk. Dikkat ederseniz bunun tanımlamasını en üstte yaptığımız için final olarak tanımlamak zorunda kalmadık. Daha sonra i nesnesinin listener‘ını yazdık. Bu listener içerisinde de onClick() yani tıklanma olayına da, diğer i2 nesnesinin görünmesini ve resim kaynağı işlemlerini yazdık. Yani i adındaki resme tıklandığında i2 adındaki resim açılsın dedik. İstersek bu resme tıklandığında, bir sayfanın açılması ya da müzik çalması gibi birçok olayı da yapabilirdik.

Uygulama Çalıştırıldığında Ekran Görüntüleri

Butona tıklandığında çıkan resme tekrar tıkladığımızda altta bir resim daha açıldı.

Bu yazımızda imageview aracının kullanımını anlattım ve en çok kullanılan metodlarına örnek verdik. Bir sonraki derste görüşmek üzere

The post Android Dersleri 9 : ImageView Kullanımı appeared first on Mehmet Kirazlı.

Önceki derslerden öğrendiğimiz gibi ilk olarak projemize ikinci bir sayfa ekleyelim. Bu sayfaya resim ekleyeceğiz. Ana sayfamızdaki butona tıkladığımızda ise diğer sayfaya gidecek ve diğer sayfada da bu eklediğimiz resmi göreceğiz. Bu sayfa ekleme işlemlerini yaptıktan sonra projemizin son görüntüsü şu şekilde olacaktır.

Uygulamamıza bu iki ekranı da ekleyelim. Daha sonra butona tıklandığında resimliveseslisayfa adındaki sayfaya gitmesini sağlayacak olan kodu yazalım. Ana sayfamızın kod kısmı şu şekilde olacaktır.

MainActivity.java dosyamıza bu kodları yazalım. Ana sayfamızdaki butona tıklandığında diğer sayfaya geçiş yapacak. Sayfa eklemeyi bir önceki konuda anlattığım için üzerinde durmuyorum. Şimdi eklediğimiz sayfayı açalım ve bu sayfanın arka planına bir resim ekleyelim. Bunun için ilk olarak şunu yapmamız gerekiyor.

Projemizin kaydedildiği dizine gidelim. Bende projeler, Workspace3 klasörüne kaydediliyor. Sizde hangi klasörde kaydediliyorsa ona girin ve daha sonra proje dosyanızı açın. Buradaki drawable-hdpi klasörüne resminizi atın.

Ben bir resim oluşturdum ismini arkaplan2 koydum. Şimdi projemize dönelim ve yukarıdaki menüden Project ve daha sonra Clean diyelim. Bunu yaptıktan sonra oluşturduğumuz sayfanın xml dosyasına çift tıklayalım ve boş sayfamızı görelim. Sağdaki properties kısmından Background seçeneğine tıklayalım ve arkaplanımız için bir resim seçelim. Tabiki bu resmi, eklediğimiz resim arasından seçeceğiz. Eğer @drawable-convert gibi bir hata alıyorsanız Eclipse programınızı kapatın ve tekrar açın. Bunu yaptıktan sonra resmi hatasız ekleyebileceksiniz.

Bu şekilde arkaplanımızı, klasörümüzün içerisinden seçiyoruz. Ekleme işlemini yaptıktan sonra 2.sayfamızın arkaplanı şu şekilde olacaktır.

Şimdi programımızı çalıştıralım ve butona tıkladığımızda diğer sayfaya geçtiğini görelim.

Ses Dosyası Ekleme

Uygulamamıza resim dosyası ekledikten sonra bir de ses dosyası ekleyelim. Projemizin olduğu dizine gelelim ve sesler adında bir klasör ekleyelim. Daha sonra ses dosyamızı bu klasörün içerisine atalım. Projemizde ise Project-Clean diyerek bu klasör ve sesin tanımasını sağlayalım.

Daha sonra projemize dönelim ve MainActivity.java dosyamıza çift tıklayalım ve onCreate() metodunun içerisine şu kodları yazalım.

MediaPlayer cal=MediaPlayer.create(MainActivity.this,R.sesler.sesdosyasi);

Burada cal adında nesne oluşturuyoruz. Metoda ilk parametre olarak bulunduğumuz sayfayı, diğer parametreyi de dosyamızın bulunduğu klasör adını ve ses dosyamızın ismini yazıyoruz. Biz res klasörünün altında sesler adında bir klasör daha oluşturmuştuk ve adı sesdosyasi olan sesimizi de bu klasöre atmıştık. Bu kodu yazdıktan sonra sesimizin nerede ve nasıl çalmasını istiyorsak oraya şu kodu yazmalıyız

cal.start();

Diyelim ki butona tıklandığında çalmasını istiyoruz o zaman butonun onClick() olayının içine yazmamız gerekiyor.

The post Android Dersleri 5 : Uygulamaya Resim ve Ses Ekleme appeared first on Mehmet Kirazlı.