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.<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ı »