Android Cep Telefonu Uygulamaları Programlar Oyun Paylaşım Noktası: galeri

Teknoloji dünyasının odak noktası niteliğini taşıyan kongrede sektöre yön veren şirketler, tablet bilgisayardan cep telefonuna ve fotoğraf makinesine kadar birçok alanda yeni ürünlerini tanıtıyor. Dört gün sürecek olan ve 200'e yakın ülkeden 18 bin kadar firmanın stant açtığı kongreye Türkiye'den sektörle ilgili toplam 50 firma katılıyor, bunlardan 20'sinin standı bulunuyor.</P>Mobil Dünya Kongresi 2014 (MWC)</P>Kongre sırasında en çok merak edilen yeni ürünler, Samsung'un Galaxy S5 cep telefonu modeli; Microsoft'un öncelikli firmalarından olan ve stant ile kongreye ilk kez katılan Nokia'nın, Android'li yeni işletim sistemi terminali; LG markasının yeni esnek ve yuvarlak köşeli cep telefonu modelleri; Huawei'nin Talkband1 adını verdiği bileklikli cep telefonu; HTC'nin Google Now servisiyle çalışan cep telefonuyla bağlantılı saati; Acer markasının farklı fotoğraf çekme özellikleri olan yeni Liquid E3 cep telefonu; Sony'nin Xperia Z2 yeni cep telefonu modeli ve yeni bir tableti olarak gözüküyor.</P>

Mobil Dünya Kongresi başladı - Foto Galeri

Teknoloji dünyasının odak noktası niteliğini taşıyan kongrede sektöre yön veren şirketler, tablet bilgisayardan cep telefonuna ve fotoğraf ...

Devamı »

Bu yazıda, bir galeri oluşturup, galerideki elemanlara tıklanıldığında ekranda resmin büyük boyutta gözükmesini sağlamayı anlatacağız.<br />
<br />
<div>
<span style="color: red;"><span style="font-size: large;">Android Telefonlarda Galeri Oluşturma</span></span> adlı projemizi oluşturalım ve drawable klasörlerinden birinin içine galeride göstermelik bir kaç tane fotoğraf ekleyelim.Daha sonra main.xml'i açıp, birer adet Galery ve ImageView ekleyelim.ImageView'imizin kaynağını ilk resim olarak atayalım şimdilik.İlk açılışta görüntü gelmesin istiyorsanız,ImageView'dan kaynağı(src) kaldırabilirsiniz:</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBhatC9YFydhtNu8-ea79d-9WSdsXbuMo5r8HXPlOJrUzoarTePpVQEEW08GrECPDI-6Tbb6nRB1N7qTbJXNdYgDucpvPIVTRFMY4Hne5ig_F0Joqk-gtCwKW1BpWIpI3cCDFOgUoT_aY/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBhatC9YFydhtNu8-ea79d-9WSdsXbuMo5r8HXPlOJrUzoarTePpVQEEW08GrECPDI-6Tbb6nRB1N7qTbJXNdYgDucpvPIVTRFMY4Hne5ig_F0Joqk-gtCwKW1BpWIpI3cCDFOgUoT_aY/s1600/1.png" /></a><br />
<br />
Java kodumuzu açıp ImageView ve Galeri değişkenleri yaratalım ve id'leri ile kodumuza tanıtalım.Galeri değişkenimize ayarları yapmak için setAdapter methodunu çağıralım ve oluşan hatayı şimdilik önemsemeyip, ImageAdapter sınıfını birazdan tanımlamak üzere kodumuza devam edelim.Şimdi galerideki resim elemanlarına tıklanıldığında herhangi bir olay yaratmak üzere setOnItemClickListener methodunu çağıralım ve galerideki elemanların position parametresini kullanarak switch-case ile galeride hangi elemana tıklanılırsa görüntümüzün(ImageView) kaynağını o resme setImageResource(R.drawable.goruntuismi) methodu ile atayalım:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCPGuyZHtDeFFMKTb6KCBALeaTd6qfRM9tAup1WnkKqVXgCoIPGzLccAqTvUw82_Tu-sNIqDxRh7Ffdxs1EKEMzyxx4K209Jr_33gOEFFCFpipXIPtwYxvH2DvI7XA3FqHLM65jJOSlJE/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCPGuyZHtDeFFMKTb6KCBALeaTd6qfRM9tAup1WnkKqVXgCoIPGzLccAqTvUw82_Tu-sNIqDxRh7Ffdxs1EKEMzyxx4K209Jr_33gOEFFCFpipXIPtwYxvH2DvI7XA3FqHLM65jJOSlJE/s1600/2.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Şimdi de values dosyası içinde yeni bir tane attrs.xml adında bir xml dosyası oluşturalım.İçini aşağıdaki gibi dolduralım.Bu önceden ayarlanmış ve tasarıma uygulayabileceğimiz bir stil. Bu durumda galerinin elemanlarına uyguluyor olacağız bu stili. <attr> tagları ise stil için bir nitelik belirtmektedir.Bizim kullandığımız nitelik galleryItemBackground, galeri elemanları için bir kenarlık stili tanımlar.Birazdan bu stili kullanarak  ImageAdapter sınıfını yazacağız.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp4cP6qF3pmtRnZBUlTk9kZkBqvsaRZKy7cBN42G7Gmwh0qWeNP9ho11XG_8Pb8SxMXXsCljI33ueVZ5kLG_lYsHYgagNAYthHPhfe1zkfHOmihyNt3ppTEzBPJhu7ZA_VFhzxPCf5o3I/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp4cP6qF3pmtRnZBUlTk9kZkBqvsaRZKy7cBN42G7Gmwh0qWeNP9ho11XG_8Pb8SxMXXsCljI33ueVZ5kLG_lYsHYgagNAYthHPhfe1zkfHOmihyNt3ppTEzBPJhu7ZA_VFhzxPCf5o3I/s1600/3.png" /></a></div>
<br />
<br />
En son olarakta ImageAdapter sınıfımızı onCreate methodunun altına aşağıdaki gibi yazıyoruz:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisi0R3-1vAHguYeicNbU8QJEhGWECyTDp-Ojjx7L3TfaS_a77uU9iOBKjdFxDTy0aKyoQilr0Hz5gYjwHWQizRMoVOKLsOCBynxgb5UCbVwao4MCsGy7ZOCj198xdWbN378DgkowW9H0M/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisi0R3-1vAHguYeicNbU8QJEhGWECyTDp-Ojjx7L3TfaS_a77uU9iOBKjdFxDTy0aKyoQilr0Hz5gYjwHWQizRMoVOKLsOCBynxgb5UCbVwao4MCsGy7ZOCj198xdWbN378DgkowW9H0M/s1600/4.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div>
Yukarıda bir tam sayı dizisinde galerideki fotoğrafların kimlik numaralarını tutuyoruz. Daha sonra en altta getView methoduyla gördüğünüz üzere galerideki elemanlara tıklanıldığında daha önce oluşturduğumuz stilden yararlanarak bu elemanların ayarlarını yapıp bu şekilde gösterilmesini sağlıyarak yeni bir görüntü döndürüyoruz.Eğer setLayoutParams' taki 150 ve 100 ile oynarsanız, kenarlığın eni ve boyunda değişiklikler yapabilirsiniz. getCount() galeride kaç eleman olduğunu,getItem(int position) seçili pozisyondaki elemanı döndüren, eklenmesi gereken üst sınıflardan devir alınmış(inherit) abstract methodlar. ImageAdapter constructor'ında stilimizi ve niteliğimizi koda tanıtıyoruz.<br />
<br />
<span class="GRnoSuggestion GRcorrect" grcontextid="Projemiz:0" grmarkguid="45cd120f-722e-4ccf-a5b1-5c0ca3a8f6c3" gruiphraseguid="59db0c81-9fdc-4138-a78a-37c4554568ce">Projemiz</span> hazır , çalıştırabiliriz.<br />
<br />
<br />
<b><span class="GRnoSuggestion GRcorrect" grcontextid="Uygulamadan:0" grmarkguid="a046c6b7-f042-429b-b90b-6bcbfd1441e8" gruiphraseguid="cef165cd-6cbb-431e-a847-926f33b0d76f">Uygulamadan</span> Görüntüler:</b><br />
<b><br /></b>
<b>İlk resimle birlikte galerimiz:</b><br />
<b><br /></b>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4XkxVDhl_oj8Ov87-lvtUjWJR-HzzHaDNpwzed3fJBNp-7Nvbv0_VYtBGWf5XByt5HT3fBVwSI1rMa69hROlTrUUox1l6TPS2KPLAHZ2zXbayZTmy8TXZDxIcYGyWLf4aMPDMcG7U7MY/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4XkxVDhl_oj8Ov87-lvtUjWJR-HzzHaDNpwzed3fJBNp-7Nvbv0_VYtBGWf5XByt5HT3fBVwSI1rMa69hROlTrUUox1l6TPS2KPLAHZ2zXbayZTmy8TXZDxIcYGyWLf4aMPDMcG7U7MY/s1600/5.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b> Galeride İkinci Eleman Seçili İken:</b><br />
<b><br /></b>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNnM2zqq8MBaBG0Th3LEM1i_h7AWzpdSRff8xlxTvutEfE52cC6wXt9omh2EurjVv2zcfgrPASvMU7XXF1nYExV7rEvtDte5Y6rdHkqjSfBnieeL8xWuwYqzHqGP-Z_Gdq9cQrRjVc_Cc/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNnM2zqq8MBaBG0Th3LEM1i_h7AWzpdSRff8xlxTvutEfE52cC6wXt9omh2EurjVv2zcfgrPASvMU7XXF1nYExV7rEvtDte5Y6rdHkqjSfBnieeL8xWuwYqzHqGP-Z_Gdq9cQrRjVc_Cc/s1600/6.png" /></a></div>
<br />
<b><br /></b>
Projenin kodunu <a href="http://dl.dropbox.com/u/38056184/GaleriOlusturma.zip">buradan</a> indirebilirsiniz:</div>

Android Telefonda Galeri Oluşturma Resimli Anlatım

Bu yazıda, bir galeri oluşturup, galerideki elemanlara tıklanıldığında ekranda resmin büyük boyutta gözükmesini sağlamayı anlatacağız. An...

Devamı »

Piyasadaki en iyi akıllı telefonlar - Foto Galeri

Mobil Dünya Kongresi başladı - Foto Galeri

Android Telefonda Galeri Oluşturma Resimli Anlatım

Popüler Yayınlar

Blog Arşivi