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

<div class="separator" style="clear: both; text-align: justify;">
</div>
Bu yazımda sizlere uygulamalarımızda <b>sekmeleri nasıl kullanabiliriz</b> onu anlatmaya çalışacağım. Sekmeleri kullanarak uygulamamız içinde çeşitli bileşenleri ayrıştırabilir, daha düzenli arayüzler hazırlayabiliriz. Şimdi bununla ilgili bir örnek yapalım.<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Sekme Ögreniyorum</b> isimli bir Android projesi oluşturarak başlayalım. Projeyi oluştururken belirlediğim <b>AnaEtkinlik</b> isimli etkinliğin içini boşalttıktan sonra aşağıdaki gibi bir hale geldi projemiz.</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyhPWnwnc4pxt2sxSx0BaJBo7ok32b7CNU6R8_Em6HpWyTb-sMOJuwprRk51vGpqO00xAp4Y-AsOogiXIJsk8D4bVvQ9qldjKKgyivlK4_I36wppUvXDrXhmYhZntKMUS0kyFzpCq_v9s/s1600/01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyhPWnwnc4pxt2sxSx0BaJBo7ok32b7CNU6R8_Em6HpWyTb-sMOJuwprRk51vGpqO00xAp4Y-AsOogiXIJsk8D4bVvQ9qldjKKgyivlK4_I36wppUvXDrXhmYhZntKMUS0kyFzpCq_v9s/s1600/01.png" /></a></div>
<div style="text-align: justify;">
Şimdi ana layout dosyamız içine sekmelerimizi içine yerleştireceğimiz <b>TabHost</b> bileşenini ekleyeceğiz. Aşağıda görüldüğü gibi <b>Composite</b> kategorisi altından ekleyebilirsiniz.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgos6P39XtUCFf6Q_iJpoN4H1Ku4bDBfqEBozPA0FRqEKOg6e-D3QYInzueP5mzKEXqC7FKfetSj3qkKlToThWg0nMwAt4on4SQ-M9GH7uNzY5f78yZ7kViE1JF411FnnmOv5491kalmLY/s1600/02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgos6P39XtUCFf6Q_iJpoN4H1Ku4bDBfqEBozPA0FRqEKOg6e-D3QYInzueP5mzKEXqC7FKfetSj3qkKlToThWg0nMwAt4on4SQ-M9GH7uNzY5f78yZ7kViE1JF411FnnmOv5491kalmLY/s1600/02.png" /></a></div>
<div style="text-align: justify;">
Şimdi <b>XML görünümü</b>ne geçip <b>TabHost</b> içindeki <b>FrameLayout</b>un içini boşaltalım çünkü biz buraya istediğimiz sekmeleri etkinliğimizin Java kodları içinden belirleyip ekleyeceğiz. Bu işlemden sonra XML görünümü aşağıdaki gibi olmalı.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPR0-w321XzEqamcxWNQvjNAMrQbDJVWxDAAH3wiljRjEICRkoRut-2n6OFXP3Ey1RQZdLkjMbpVQwnIC2LGP0GjrM-kWz8fHDMlFTNK1WQd7WBbhEIWtAjVCtox2wBNIHmsDYpU4PUY/s1600/03.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCPR0-w321XzEqamcxWNQvjNAMrQbDJVWxDAAH3wiljRjEICRkoRut-2n6OFXP3Ey1RQZdLkjMbpVQwnIC2LGP0GjrM-kWz8fHDMlFTNK1WQd7WBbhEIWtAjVCtox2wBNIHmsDYpU4PUY/s1600/03.png" /></a></div>
<br />
<div style="text-align: justify;">
Ana layout dosyamızı hazırladık.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Şimdi sıra ekleyeceğimiz sekmelerin tasarımlarına geldi. Şimdi örnek olması açısından içlerinde <b>sadece bir tane TextView</b> olan ve hangi sekmedeysek onunla ilgili bilgi veren <b>layout dosyaları</b> tasarlayalım.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aşağıdaki gibi görünen 3 tane layout dosyası oluşturalım.</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIowYSWd3NbFHJR0lJc7FupmScss8r4FyP8Oaj1h0DmxVLbGaLBXM6WWLwK8nR6FsSY-Gt0AgA6F0hFgeoOODoNaXjt4fWvfbQL3IFYGiOW-uZlkMccEvHVcLTg7R-PROleGEUCM2g9_s/s1600/04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIowYSWd3NbFHJR0lJc7FupmScss8r4FyP8Oaj1h0DmxVLbGaLBXM6WWLwK8nR6FsSY-Gt0AgA6F0hFgeoOODoNaXjt4fWvfbQL3IFYGiOW-uZlkMccEvHVcLTg7R-PROleGEUCM2g9_s/s1600/04.png" /></a></div>
<div style="text-align: justify;">
Şimdi oluşturacağımız sekmeler için simgeler oluşturma zamanı. Ben her ortamda severek kullandığım <a href="http://chromakode.deviantart.com/art/FeltTip-3-Retouched-15180110"><b>gülücük paketi</b></a>nden resimler seçtim. (<b><a href="http://chromakode.deviantart.com/">Chromakode</a></b>'a teşekkürler.) Sekmelerimiz için seçtiğimiz resimleri projemizin <b>res</b> dizinine <b>drawable</b> isimli bir dizin altına atıyoruz.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpedBtaay79dMzP1WWmlKI8USc9yhjI6ULicSkF24vW0sI96baSyYY3jslbKBOodJ8oexDeQZDAtqlzSPnmRB1jx1Pur1t0argi8Y65LDDKeAHcG87C7iV1iEiw3V_qunZnC1HqwZbwGs/s1600/05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpedBtaay79dMzP1WWmlKI8USc9yhjI6ULicSkF24vW0sI96baSyYY3jslbKBOodJ8oexDeQZDAtqlzSPnmRB1jx1Pur1t0argi8Y65LDDKeAHcG87C7iV1iEiw3V_qunZnC1HqwZbwGs/s640/05.png" width="640" /></a></div>
<div style="text-align: justify;">
Şimdi bu simgeleri yönetecek XML dosyalarına ihtiyacımız var. İçinde simgelerimizi barındıran <b>drawable</b> dizinine sağ tıklayıp <b>New</b> menüsü altından <b>Android XML File</b> seçeneğini buluyoruz. (Menü içinde yoksa <b>Other</b> seçeneğini seçip arayabilirsiniz.)</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1IA27aGuXFxUY5inP8Mfm0Zosxk52w5Xob0Nis7qkX9kp4BWNJC9F6O3kjuggMOU_5-gSjBmXZhDtZiTF0wYwVHWDlt1jNpeg0HWcKRR-eGZJKUiU56iIRjlmI1qnrPeurT3lzeeUaa4/s1600/06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1IA27aGuXFxUY5inP8Mfm0Zosxk52w5Xob0Nis7qkX9kp4BWNJC9F6O3kjuggMOU_5-gSjBmXZhDtZiTF0wYwVHWDlt1jNpeg0HWcKRR-eGZJKUiU56iIRjlmI1qnrPeurT3lzeeUaa4/s1600/06.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM1E3QkHnvHh2I2lbc4mrpKXmHdACI-UL1Llt0iv2w7fFADqmrdHuoikVJdNfdM4_UiJqZMmAarkN7tayj4VF7af1JYZ9uQykGaySMLkomWeqyhuCIpZEgfIdR_TgU5DI6n-MzbXx2e54/s1600/07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM1E3QkHnvHh2I2lbc4mrpKXmHdACI-UL1Llt0iv2w7fFADqmrdHuoikVJdNfdM4_UiJqZMmAarkN7tayj4VF7af1JYZ9uQykGaySMLkomWeqyhuCIpZEgfIdR_TgU5DI6n-MzbXx2e54/s1600/07.png" /></a></div>
<div style="text-align: justify;">
İlk sekmemizin simgesini yönetecek XML dosyamıza adını veriyoruz ve <b>Root Element</b> kısmından <b>selector</b>ı seçip <b>Finish</b> diyoruz.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZhy7_RbAZeX4UwaN6mZsiR5TISQ3QQ2XIdDKA7KAxjvzxIVxYKiPPHv3M5I5vjVehyRcZfCl6B1EFyKSLRTB3NGouoyO9y2Xe-mXmvgHYmJSD9a6BCB3yebO5y-JiJ9v0yxf0x1Xtdd4/s1600/08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZhy7_RbAZeX4UwaN6mZsiR5TISQ3QQ2XIdDKA7KAxjvzxIVxYKiPPHv3M5I5vjVehyRcZfCl6B1EFyKSLRTB3NGouoyO9y2Xe-mXmvgHYmJSD9a6BCB3yebO5y-JiJ9v0yxf0x1Xtdd4/s1600/08.png" /></a></div>
<div style="text-align: justify;">
Bu XML dosyası ilk sekmemiz seçili olduğunda ve olmadığında o sekmenin simgesini belirlememizi sağlayacak. Oluşturduğumuz dosyanın içini aşağıdaki gibi dolduruyoruz.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYjY0D8fTt26hlSfjZUn-al2wEIBRIRce2OkxbWpVV4VCjde-SrpZQSFx-gdZIWn1JfFXGtlUIVqZZRFdyTTveY69jaoyAIqa8s7eaf55OebQ0CssPG35Da-4C12PlxY4JnPoQ5_c50UI/s1600/09.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYjY0D8fTt26hlSfjZUn-al2wEIBRIRce2OkxbWpVV4VCjde-SrpZQSFx-gdZIWn1JfFXGtlUIVqZZRFdyTTveY69jaoyAIqa8s7eaf55OebQ0CssPG35Da-4C12PlxY4JnPoQ5_c50UI/s1600/09.png" /></a></div>
<br />
<div style="text-align: justify;">
Şimdi aynı işi diğer iki sekmenin simgeleri için de yapıyoruz ve istediğimiz simgeleri belirliyoruz.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sekmelerimiz oluşturmadan önce son adım olarak daha önce tasarımlarını yaptığımız etkinlikleri oluşturalım. Bu etkinlikler her bir sekmenin altında görüntülenecek olan, sekmenin içeriğini oluşturan etkinlikler olacaklar. Bunları ana etkinliğimizi kopyalayarak hızlıca oluşturabiliriz. (Her <b>etkinliğin kullandığı layout'u değiştirmeyi</b> unutmayın.) 3 etkinliği de oluşturduktan sonra projemiz aşağıda görüldüğü gibi bir hale geldi.</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmyJKeorlZIbm8zyq0tJPLETQb5n15ozhyphenhyphencyiw4nL7gbghkvWJV-DfX5dFjZcbGe-Chs8W73FjKiVQbt2mEtLbUwMSy0ww_kWM-nfro0lvYOan39xb5-wpSuHFwcuRJjteP1-a8UGJLJE/s1600/10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmyJKeorlZIbm8zyq0tJPLETQb5n15ozhyphenhyphencyiw4nL7gbghkvWJV-DfX5dFjZcbGe-Chs8W73FjKiVQbt2mEtLbUwMSy0ww_kWM-nfro0lvYOan39xb5-wpSuHFwcuRJjteP1-a8UGJLJE/s1600/10.png" /></a></div>
<br />
<div style="text-align: justify;">
Artık sekmelerimizi oluşturabiliriz.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ana etkinliğimizi açalım ve kodlamaya başlayalım.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
İlk iş olarak <b>normal bir etkinlik</b> olan bu ana etkinliğimizin <b>sekme içeren bir etkinlik</b> olduğunu belirtmemiz gerekiyor.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Bunun için sınıf tanımlamasının yapıldığı yerdeki <b><i>extends Activity</i></b> kısmını <b><i>extends TabActivity</i></b> şeklinde değiştiriyoruz. Aşağıdaki gibi hata almanız normal. Bunu daha önce anlattım mı hatırlayamıyorum, o yüzden değineyim.</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HjC47kSqY2kgxfUUcZbYIG5w9jWeAksicSK0QzEMBUL8Fm4dOEZgFmhiuQA6cSvr0tBnrUMXX2F2oF_WPfwVfIer-ADWRR64yZieJorWdssA9jrfO6mqXdDjNoWbRR6-c2kz2s7UX6I/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HjC47kSqY2kgxfUUcZbYIG5w9jWeAksicSK0QzEMBUL8Fm4dOEZgFmhiuQA6cSvr0tBnrUMXX2F2oF_WPfwVfIer-ADWRR64yZieJorWdssA9jrfO6mqXdDjNoWbRR6-c2kz2s7UX6I/s1600/11.png" /></a></div>
<div style="text-align: justify;">
Burada Eclipse yazdığımız <b>TabActivity</b> sınıfının hangi pakette yer aldığını bulamadığı için hata veriyor. Bunu kendiliğinden düzeltmek için <b>Ctrl + Shift + O</b> kısayolunu kullanarak kullanılan sınıflarla ilgili paketleri projemize ekletiyoruz.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Gördüğünüz gibi hata giderildi ve artık etkinliğimiz bir Activty değil TabActivity. Şimdi sekmelerimizi oluşturabiliriz.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnDN4pjQW8uGPdRszN7z-VSWFk2gfqRS1EpXBTXloloitsyWVVTLmSsjvz2593YtOzrgJj4WwmQfKfOok4o2aKBXqvGF8qfA-jw1BClgQf9At11ofMqjti1kLNo80BkyfBtq5IoN5UNw0/s1600/12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnDN4pjQW8uGPdRszN7z-VSWFk2gfqRS1EpXBTXloloitsyWVVTLmSsjvz2593YtOzrgJj4WwmQfKfOok4o2aKBXqvGF8qfA-jw1BClgQf9At11ofMqjti1kLNo80BkyfBtq5IoN5UNw0/s1600/12.png" /></a></div>
<br />
<div style="text-align: justify;">
İlk olarak layout dosyamıza eklediğimiz <b>TabHost</b> nesnesini oluşturmak ve tanımlamak. Aşağıdaki kodları yazmamız yeterli.</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicd-S3vgZWWV73VfLYSFBaHZSt3IpgJ0WyQIRQUyCgr7ojkA-xUa2U8ff9LZAa_d-RzSaPYIi7JQjD20M2LVHsURkclRKAUbiz345bg31R6vHKuIXK9K-jrQxOmGlJ34hDqoigvHYL76Q/s1600/13.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicd-S3vgZWWV73VfLYSFBaHZSt3IpgJ0WyQIRQUyCgr7ojkA-xUa2U8ff9LZAa_d-RzSaPYIi7JQjD20M2LVHsURkclRKAUbiz345bg31R6vHKuIXK9K-jrQxOmGlJ34hDqoigvHYL76Q/s1600/13.png" /></a></div>
<div style="text-align: justify;">
Şimdi sekmelerimizi oluştururken kullanacağımız bir nesne daha oluşturacağız.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0b4f0lrHQue2BID0mx1uC7BJ0S-3qXTF42a7SMgBvovpi93JH9TdtchgCP9cHHPfpa7DmtiF0fYXY97QF9jNusRCn1ZNi-Fi8TiTQNSQP7HCJGa9kgyrIStDzO2XmZxHyhFGlEGWr20/s1600/14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0b4f0lrHQue2BID0mx1uC7BJ0S-3qXTF42a7SMgBvovpi93JH9TdtchgCP9cHHPfpa7DmtiF0fYXY97QF9jNusRCn1ZNi-Fi8TiTQNSQP7HCJGa9kgyrIStDzO2XmZxHyhFGlEGWr20/s1600/14.png" /></a></div>
<div style="text-align: justify;">
Şimdi de her sekmemiz için oluşturduğumuz etkinlikleri açmamıza yarayacak <b>Intent</b> nesnesi oluşturuyoruz.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxMBzLhq-U7HcAfeOyDfTGnUqTXVVxSbNJ6RmQE9FJ08m6lCz8Qq9KPvFZ2MF5Pba59BSqo23AMDkl7OKz2SZEGJLI7hbOWniaRU3lFtm7ZAQowCjcOR7pcjzFCHtQVW6rGfwiFTU6ZA/s1600/15.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTxMBzLhq-U7HcAfeOyDfTGnUqTXVVxSbNJ6RmQE9FJ08m6lCz8Qq9KPvFZ2MF5Pba59BSqo23AMDkl7OKz2SZEGJLI7hbOWniaRU3lFtm7ZAQowCjcOR7pcjzFCHtQVW6rGfwiFTU6ZA/s1600/15.png" /></a></div>
<br />
<div style="text-align: justify;">
Sıra sekmeleri oluşturup alanımıza eklemeye geldi. Bunun için yukarıda oluşturduğumuz <b>sekme</b> ve <b>i</b> isimli nesneleri tekrar tekrar kullanacağız.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
İlk sekmemizi ekliyoruz.</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIQUpdJinPjDRT6YpDJC158cUK4-hT0pTvhrjq_VgWc5o28KBfFiPwzEF08DQJLMa6F5nQp4qYW_hNtmyqb2KG_tm01iJ4BKxiE5XVZDx6m7NEgLoEMLhookFNkJUMTmYcBkyL8_maQ2U/s1600/16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIQUpdJinPjDRT6YpDJC158cUK4-hT0pTvhrjq_VgWc5o28KBfFiPwzEF08DQJLMa6F5nQp4qYW_hNtmyqb2KG_tm01iJ4BKxiE5XVZDx6m7NEgLoEMLhookFNkJUMTmYcBkyL8_maQ2U/s1600/16.png" /></a></div>
<br />
<div style="text-align: justify;">
Dikkat ettiyseniz burada bir metod çağırdıktan sonra geriye döndürülen değer üzerinden bir metod daha çağrılıyor. Bu şekilde sırasıyla . koyarak ilerliyor ve sekmemizin tüm özelliklerini belirliyoruz. Burada</div>
<ul>
<li style="text-align: justify;"><b>newTabSpec()</b> metoduna verdiğimiz değer <b>sekmemize verdiğimiz bir isim</b></li>
<li style="text-align: justify;"><b>setIndicator()</b> metoduna verdiğimiz <b>ilk değer</b> bir <b>etiket (sekme simgesinin altında görünecek metin)</b>, <b>ikinci değer</b> de belirlediğimiz <b>simge seçici XML dosyası</b></li>
<li style="text-align: justify;"><b>setContent()</b> metoduna verdiğimiz değer de o <b>sekmenin içeriğini belirleyen Intent nesnesi</b></li>
</ul>
<div>
<div style="text-align: justify;">
Sekmemizin özelliklerini belirledikten sonra onu sekme alanına ekliyoruz ve işimiz bitiyor.</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
Şimdi diğer sekmeleri de oluşturalım.</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbx5fR_UHZqQjSCv-w3WdzW-3gPDOoc2JIBHJvQ6bqVubaBAzCkn4Pm8_b8kSlklbztfw8Tax0vEmw9en58b5ghR6i6PG3HNesKfjpattEmO8O4FxFCvkrSuNzEzIfpI6mz8TpYD-rAgM/s1600/17.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbx5fR_UHZqQjSCv-w3WdzW-3gPDOoc2JIBHJvQ6bqVubaBAzCkn4Pm8_b8kSlklbztfw8Tax0vEmw9en58b5ghR6i6PG3HNesKfjpattEmO8O4FxFCvkrSuNzEzIfpI6mz8TpYD-rAgM/s1600/17.png" /></a></div>
<div style="text-align: justify;">
Artık sekmelerimiz hazır.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Son olarak etkinliğimiz açıldığında hangi sekmenin seçili geleceğine karar vermemiz gerekiyor. (Eğer bu gerekliyse tabi.) Bunun için aşağıdaki kodu ekliyoruz.</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDn3mhTeHHer8WlZ2A_4IpbmU-BETKMdxTpO5cz60nHxdMtElG3iKX9cHzYc8lyFdoZxc8f4HDEOTfVLQKz5rNGR3_OTPYHaFw1mGKd3hWUKWcaVCtJdNTfsy1HljbHBe9Wr-qFVVfD4/s1600/18.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpDn3mhTeHHer8WlZ2A_4IpbmU-BETKMdxTpO5cz60nHxdMtElG3iKX9cHzYc8lyFdoZxc8f4HDEOTfVLQKz5rNGR3_OTPYHaFw1mGKd3hWUKWcaVCtJdNTfsy1HljbHBe9Wr-qFVVfD4/s1600/18.png" /></a></div>
<br />
<div style="text-align: justify;">
Artık etkinliğimiz başladığında <b>2. index</b>teki sekmemiz açılacak.</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
Şimdi uygulamayı deneme zamanı. Ben elimdeki 4.0.3 sürümlü emulatörümde deneyeceğim.</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
Ups! Deneyemiyorum, çünkü oluşturduğumuz <b>etkinlikleri uygulamanın manifest dosyasında tanımlamadık</b>. :)</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
İlgili düzeltmeyi yaptıktan sonra manifest dosyamız şu şekilde görünmeli.</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmn6BYTCyJoqTQM9NyNI4x2pyMu-CPtbPHO0VAhU_QgbhECBJPDl9BXIw2M1TuOfItmZl7vMEZ5y4cXeAPF8OnCdcLQLJDlWj9SizyXd-10-IrguBzdZ59OO8qeKfKEER7msCDa73k9jU/s1600/19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmn6BYTCyJoqTQM9NyNI4x2pyMu-CPtbPHO0VAhU_QgbhECBJPDl9BXIw2M1TuOfItmZl7vMEZ5y4cXeAPF8OnCdcLQLJDlWj9SizyXd-10-IrguBzdZ59OO8qeKfKEER7msCDa73k9jU/s1600/19.png" /></a></div>
<br />
<div style="text-align: justify;">
Şimdi çalıştırabiliriz uygulamamızı.</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
Gördüğünüz gibi uygulamamız <b>2. index yani 3. sekme </b>seçili olarak başladı. Diğer sekmeleri de rahatlıkla dolaşabilir, simgelerin ve içeriklerin değiştiğini görebilirsiniz.</div>
</div>
<br />
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyxqZTETU0ZiRHtutohgBLdtfzX_s8oAWOWIbl_XUnE2m_4k-NFZ7syBB1ZNUQ2Z5sKOoANLNoK0_4mPpiCbvVEzd8MfyjgRJ76rlEOL9_nH4HJHPhjvurcjSqBUTiMMGS5PpNNBbteK4/s1600/20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyxqZTETU0ZiRHtutohgBLdtfzX_s8oAWOWIbl_XUnE2m_4k-NFZ7syBB1ZNUQ2Z5sKOoANLNoK0_4mPpiCbvVEzd8MfyjgRJ76rlEOL9_nH4HJHPhjvurcjSqBUTiMMGS5PpNNBbteK4/s1600/20.png" /></a>   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQ8Ccl8rcmPzQOsZ3_ajdNi8IEgop17v6bvBtSCDDDPWx2akEh2Zx3JqOdGcz2I7XocwuLAzbqbB6Oh9EmSNLVH_GD-_eeyTTjJiLvBebeB9DSYUmmkM5RQChNunuFYBjFbKgzBAOrTY/s1600/21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQ8Ccl8rcmPzQOsZ3_ajdNi8IEgop17v6bvBtSCDDDPWx2akEh2Zx3JqOdGcz2I7XocwuLAzbqbB6Oh9EmSNLVH_GD-_eeyTTjJiLvBebeB9DSYUmmkM5RQChNunuFYBjFbKgzBAOrTY/s1600/21.png" /></a>   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXlFa9mzEI9w75ensmnvYAmlGHe0fnsIP52F8pFWYllwu0C9I5IxyQOKRINa2BAJ_En2eL_JgclHKpFj2KbB4Sqq89b6bs0fy6y9aGGhtseKUs4JakFGWJqLpd9nSCDz3mb24F4FzHWc/s1600/22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsXlFa9mzEI9w75ensmnvYAmlGHe0fnsIP52F8pFWYllwu0C9I5IxyQOKRINa2BAJ_En2eL_JgclHKpFj2KbB4Sqq89b6bs0fy6y9aGGhtseKUs4JakFGWJqLpd9nSCDz3mb24F4FzHWc/s1600/22.png" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Eveet, bir yazının daha sonuna geldik.</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
Bu yazımda sizlere sekme kullanımının yanı sıra</div>
</div>
<div>
<ul>
<li style="text-align: justify;">Eksik import bilgilerini yüzünden alınan hataları hızlıca düzeltmeyi (Ctrl + Shift + O)</li>
<li style="text-align: justify;">Bir nesnenin seçili ve seçili olmadığı durumlarda farklı resimleri nasıl kullanabileceğimizi (sekmelerin simgelerini belirlerken yazdığımız XML dosyaları)</li>
<li style="text-align: justify;">Sekmelerimizi oluştururken metod çağrısından geri dönen değer üzerinden tekrar metod çağırmayı (arka arkaya . kullanarak sekmenin özelliklerini belirlerken)</li>
</ul>
<div>
<div style="text-align: justify;">
anlatmaya çalıştım.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ekran görüntülerinde sohbet uygulamamdan ve gelen tweetlerden bazı bildirimler var. Bunun için özür diliyorum.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Uygulamanın kodlarını <b><a href="https://dl.dropbox.com/u/37485576/Androidce/SekmeOgreniyorum.zip">buradan</a></b> indirebilirsiniz.</div>
</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
İnşallah faydalı olmuştur.</div>
</div>
<div>
<div style="text-align: justify;">
<br /></div>
</div>
<div>
<div style="text-align: justify;">
Teşekkürler, iyi çalışmalar. :)</div>
</div>

Android Telefonlarda Sekme Kullanımı Resimli Anlatım

Bu yazımda sizlere uygulamalarımızda sekmeleri nasıl kullanabiliriz onu anlatmaya çalışacağım. Sekmeleri kullanarak uygulamamız içinde ç...

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

Android Telefonlarda Sekme Kullanımı Resimli Anlatım

Android Telefonda Galeri Oluşturma Resimli Anlatım

Popüler Yayınlar

Blog Arşivi