Android Tel Liste Oluşturma ve Uyarı İletisi Resimli Anlatım

<span style="color: red;"><span style="font-size: large;">Android ListView </span></span>oluşturmayı,liste içindeki elemanlara(ListView Items) tıklanıldığında bir uyarı iletisi(AlertDialog) oluşturmayı öğreneceğiz.Bunları öğrenirkende Ders Programı adlı küçük bir uygulama yazacağız.<br /> <br /> DersProgrami adlı bir proje oluşturalım ve main.xml dosyasını açıp,graphical layout'un Palette menüsünden Composite'in içindeki <b>ListView</b>'ı tasarıma sürükleyelim.Tasarımı biraz daha şık göstermek için main.xml'de bir Linear Layout'un içine yatay konumlu bir Linear Layout daha oluşturalım ve bunun içine graphical layout'tan okulun amblemini ve başlığımızı yan yana koyalım:<br /> <br /> <b>Graphical Layout:</b><br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF4YxUOfobXG5JUFnQVNH71szbz50wgK4sYxBtMxursM9ah8xz-M_guSB1dGyGGvAcSb-Iatj1oU3kXSkZkHfeaifsF9V57lBQsrNBi5go2C17gZhBS2mYaXHgHzSztwggJ3HBIqvt8G0/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/AVvXsEhF4YxUOfobXG5JUFnQVNH71szbz50wgK4sYxBtMxursM9ah8xz-M_guSB1dGyGGvAcSb-Iatj1oU3kXSkZkHfeaifsF9V57lBQsrNBi5go2C17gZhBS2mYaXHgHzSztwggJ3HBIqvt8G0/s1600/1.png" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <br /> <b>Main.xml :</b> Tasarımı aşağıdaki gibi düzenleyiniz.<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/AVvXsEjQrH98yCkbNpvW6W_PnD-9JCU9JQv8Z1CVPvEs2pRWOnQdcFWYhWbUg7lQs9dcCikqr_usvckgQwgh38fWRba4hawyFoR_WNQg_lk3zI0PS7WMCW6Ll4shfn_eJMbvT3XxYH2VMc9KpII/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/AVvXsEjQrH98yCkbNpvW6W_PnD-9JCU9JQv8Z1CVPvEs2pRWOnQdcFWYhWbUg7lQs9dcCikqr_usvckgQwgh38fWRba4hawyFoR_WNQg_lk3zI0PS7WMCW6Ll4shfn_eJMbvT3XxYH2VMc9KpII/s1600/2.png" /></a></div> <br /> <b><br /></b>Tasarımımız hazır olduğuna göre DersProgramiActivity.java dosyamızı açalım, listemizi programlanabilir şekilde tanıtalım ve listemize atayacağımız bir katar(string) dizisi oluşturalım:<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/AVvXsEgaFtxvRrhirxp7lo0zqEkvi_7RjR4vm_poBOFsZwuB0zN8tzocw4GZS_uXUwl7i8wNv6rnMLzWH8cLJbI9WToHjpvEjvJhzs2Ltr_Pa9BhEFQWLplkERCTw27D1ACkY3fVbBqQJT-0GEg/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/AVvXsEgaFtxvRrhirxp7lo0zqEkvi_7RjR4vm_poBOFsZwuB0zN8tzocw4GZS_uXUwl7i8wNv6rnMLzWH8cLJbI9WToHjpvEjvJhzs2Ltr_Pa9BhEFQWLplkERCTw27D1ACkY3fVbBqQJT-0GEg/s1600/3.png" /></a></div> <br /> <br /> Şimdi de listeye setAdapter methodu ile önceden tanımlanmış simple_list_item_1 tasarımını kullanıp, gunler katar dizimizin elemanlarını listeye ekliyoruz:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd7bJWsYCbuFaK_45AQwBlt9uJ9NhMjWrifgehHv9Rm7_9kZ787Xzf5E9t-LMb5G8Y4eB7ZpVGvrb60XCxJOxbvsjgehpS3BxvCmyhkX92JXPdbyu5pmtNwHEkAQsggX9ENH3RLh0G8Gc/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/AVvXsEhd7bJWsYCbuFaK_45AQwBlt9uJ9NhMjWrifgehHv9Rm7_9kZ787Xzf5E9t-LMb5G8Y4eB7ZpVGvrb60XCxJOxbvsjgehpS3BxvCmyhkX92JXPdbyu5pmtNwHEkAQsggX9ENH3RLh0G8Gc/s1600/4.png" /></a></div> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> </div> Şimdi de listedeki elemanlara tıklanıldığında oluşmasını istediğimiz olayları yazmak için setOnItemClickListener methodunu çağırıp parametre olarak yeni bir OnItemClickListener yaratıp, içindeki OnItemClick methodunu daha sonra doldurmak üzere boş bırakıyoruz:<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOoFsbq9Cp9B9ipOnCHrjKDvfU640TqqyQj9zXiNo1o33B_q5O5KwoWga7ODqdZWUjFb9zEXhzxiIxwcHQZYeTUz1QRK-WWlJj4Xt0lUtSNdUIvRnke34acEV_fTJ_YJnm_L12rvrAIiM/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOoFsbq9Cp9B9ipOnCHrjKDvfU640TqqyQj9zXiNo1o33B_q5O5KwoWga7ODqdZWUjFb9zEXhzxiIxwcHQZYeTUz1QRK-WWlJj4Xt0lUtSNdUIvRnke34acEV_fTJ_YJnm_L12rvrAIiM/s1600/5.png" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> Listedeki elemanlara tıklanıldığında uyarı iletisi şeklinde bir yazı gelsin istiyoruz.O zaman AlertDialog.Builder tipinde adb değişken adıyla bir uyarı iletisi nesnesi oluşturalım.Switch case metodu ile listedeki elemanların her biri için values>>>strings içinde tanımladığımız yazıları sırasıyla döndürelim.Burada position listede hangi elemana tıklanılırsa onun indisini döndürür.Listedeki birinci eleman aynı dizilerde olduğu gibi 0 indisiyle başlıyor ve birer artırarak devam ediyoruz.O yüzden birinci eleman için case 0 ile başlıyoruz ve oluşturduğumuz adb değişkeninin setMessage methodunu çağırıp istediğimiz string değerini R.string.anahtarkelime ile çağırıyoruz.Her eleman için values>>>strings içinde ben tek tek değerleri yazdım.Yazının sonunda programı indirip bakabilirsiniz. setPositiveButton methoduna birinci parametrede butonun ismini ve tıklanıldığında dialogu kapatıp hiç bir şey yapmaması içinde ikinci parametrede "null" yazıyoruz.En son olarakta show methodu ile oluşturduğumuz uyarı iletisini ekranda göstermesini garanti ediyoruz.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAmoh9voWwihPzklAo50y_BJaiIRwByOe1BN3LQgx4HEE4YgvJRHUC2RkPAJlgo3kNvwrH_STkfaN4iBz3QTsV9AJ5UbAAAEQsOi-89MfW9KkBbh4rvhuMf-boBJY7IgKaCYC1pnYvLD0/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/AVvXsEhAmoh9voWwihPzklAo50y_BJaiIRwByOe1BN3LQgx4HEE4YgvJRHUC2RkPAJlgo3kNvwrH_STkfaN4iBz3QTsV9AJ5UbAAAEQsOi-89MfW9KkBbh4rvhuMf-boBJY7IgKaCYC1pnYvLD0/s1600/6.png" /></a></div> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> Aynı şekilde diğer elemanlar içinde case'leri yazarsanız uygulamamız burada sona eriyor.<br /> <br /> <b><span class="GRnoSuggestion GRcorrect" grcontextid="Uygulamadan:0" grmarkguid="6410b531-6962-47f4-8cd7-0bb31f30829a" gruiphraseguid="f2c1db1d-bce0-4485-bd58-4a1d533d492a">Uygulamadan</span> Görüntüler:</b><br /> <b><br /></b> <b>İlk Görüntü:</b><br /> <b><br /></b> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_MlDdJSJUKigwZkq5QauJR8JD1Gk4KiJlMfpvz6GyxPLquEOP39yulURqkr7PZR7miUNSmddt6IZfFUf4fPY7jZKin2HpTGK6Ran4SI7kVKHBtbOe28b52bUcR9iTJiOEc-XSlnZNHo/s1600/7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc_MlDdJSJUKigwZkq5QauJR8JD1Gk4KiJlMfpvz6GyxPLquEOP39yulURqkr7PZR7miUNSmddt6IZfFUf4fPY7jZKin2HpTGK6Ran4SI7kVKHBtbOe28b52bUcR9iTJiOEc-XSlnZNHo/s1600/7.png" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <b><br /></b> <b><span class="GRnoSuggestion GRcorrect" grcontextid="Pazartesi'ye:0" grmarkguid="981f0626-cc12-40df-a085-c74e51e84071" gruiphraseguid="6c4577c3-16f7-4063-8955-5848a11ac5f3">Pazartesi'ye</span> Tıktan Sonra:</b><br /> <b><br /></b> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgySz_Yl2vXTEo3MBKKnKDldxuaCwfXLvvBTZGkyt8tYaeTO3_k2SVifdClU0gzKMJ5uGfLMCac6mGJ23UGAD_tW9Aq3nalSkOxfVw21xaM9F1TPW-km-QyT2oXcOfp9WotTFrgPllBrVg/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgySz_Yl2vXTEo3MBKKnKDldxuaCwfXLvvBTZGkyt8tYaeTO3_k2SVifdClU0gzKMJ5uGfLMCac6mGJ23UGAD_tW9Aq3nalSkOxfVw21xaM9F1TPW-km-QyT2oXcOfp9WotTFrgPllBrVg/s1600/8.png" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <br /> Evet, arkadaşlar uygulamamız burada sona eriyor.Pek profesyonel bir ders programı uygulaması olmadı bu,farkındayım.Sabit kodlu(hard-coded) bir çalışma oldu ama yine de amacımız liste oluşturmayı ve bu liste elemanlarına tıklanıldığında olay yaratmayı ve son olarak uyarı iletisi(alert dialog) oluşturmayı öğretmekti.Umarım bunu gerçekleştirebilmişizdir.Bir sonraki yazılarda bu uygulamayı geliştirip,kullanıcıdan veri alarak ve bu verileri kaydederek(<a href="http://androidce.blogspot.com/2012/02/android-programlama-x-shared-preference.html">Shared Preference ile Ayar Kaydetme</a>) daha kullanışlı bir ders programı oluştururuz umarım.<br /> <br /> Uygulamanın kaynak kodunu <a href="http://dl.dropbox.com/u/38056184/DersProgrami.zip">buradan</a> indirebilirsiniz.

Android Tel Liste Oluşturma ve Uyarı İletisi Resimli Anlatım

Android ListView oluşturmayı,liste içindeki elemanlara(ListView Items) tıklanıldığında bir uyarı iletisi(AlertDialog) oluşturmayı öğreneceği...

Devamı »