App Inventor ile Yapılacaklar Listesi Yapımı

Bu yazımızda, kod bilmeden, app inventor ile yapılacaklar listesi mobil uygulaması yapacağız.

Uygulamayı denemek, incelemek için: ai2.appinventor.mit.edu/?galleryId=5684066632466432

Uygulama nasıl çalışıyor:

  • Yapılacak şey textboxa yazılır, daha sonra ekle butonuna basılır.
  • Eklenen şey liste olarak aşağıdaki listviewda görülür.
  • Eğer silinmek istenen şey varsa üzerine tıklanılır.
  • Uygulamayı kapatıp açtığınızda dahi veriler veritabanına kaydedildiği için veri kaybı yaşamazsınız.

Kullanılan bileşenler:

  • Bilgilendirme yazıları ve başlıklar için labellar.
  • Yapılacak şeyin yazılacağı bir textbox.
  • Textboxa yazılan değeri listeye gönderecek bir button.
  • Listeyi göstermek için bir listview.
  • Uygulamayı kapattığımızda da listenin kaybolmamasını sağlayacak olan veritabanı için tinydb.
  • Button ile textboxı yan yana koyabilmek için kullandığımız horizontalarrangement.

Uygulanacak Adımlar:

  • Desing kısmında yukarıda sayılan bileşenleri kullanacak şekilde istediğiniz bir tasarımı uygulayabilirsiniz.

  • Block kısmına geçtiğimizde, elimizdeki bileşenleri kullanmaya başlayacağız. Öncelikle bir variable (değişken) oluşturup bu değişkenin bir list (liste) olduğunu belirtelim.

  • Buttonın click eventine, (tıklandığı duruma) textboxa girilen text değerini ilgili listemize ekleyecek şekilde blokları yerleştirelim.
  • Buttonun click eventine, veritabanında barındırılacak olan tagi (veritabanındaki değişken gibi düşünebilirsiniz) ve tage ait olan değeri (listeyi) belirten veritabanına kaydetme fonksiyonu bloğunu ekleyelim.
  • Buttonun click eventine, listeyi ekranda gösterebilmek için listviewın elementsine atama bloğunu ekleyelim.

  • Listviewın after picking eventine, (seçim sonrasındaki durum) seçilen listview elemanını listeden silecek fonksiyon bloğunu yerleştirelim.
  • Listviewın after picking eventine, listedeki değişiklikleri veritabanına kaydedecek olan bloğu ekleyelim.
  • Listviewın after picking eventine, değişmiş olan listeyi gösterebilmek için listviewın elementsine listeyi yerleştirecek olan bloğu ekleyelim.

  • Screen1in initialize eventine (ekran görünmeye başladığındaki durum) uygulamayı açtığımızda Screen1 (ekran) yüklendiğinde veritabanında değer varsa bulunan değerleri göstermesi için gerekli tagi verip tagin karşıladığı değerleri tekrar liste değişkenimize aktarmasını sağlayan, tag bulunmadığında ise yeni bir liste oluşturan ve bunu liste değişkenine atamayı sağlayan bloğu yerleştirelim.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir