Merhaba önceki yazımızda UITableView ve UITableViewCell yapılarına giriş yapmıştık ve bir örnek ile pekiştirmiştik. Şimdi aynı örnek üzerinden devam ederek, her bir cell üzerinde bulunan butona tıklandığı zaman o cell içerisindeki model’i elde edip, düzenleme işlemlerinin nasıl olacağına bakacağız.

Önceki örneğimizde yer alan cell içerisinde bir adet buton ekliyoruz ve kısıtlarını belirliyoruz.

Ardından button tıklama işlerimizi halledecek bir Delegate yazıyoruz. İçerisine de tıklama işlemini karşılayacak fonksiyonun soyutunu belirtiyoruz.

Ardından Cell’imize ait kod bloğuna protocole ait bir örnek ve yarattığımız butona ait aksiyon ve örnek oluşturuyoruz.

Burada yarattığımız tıklama aksiyonunda kendi oluşturduğumuz delegate’de bulunan fonksiyona çağrı yapıyoruz ve butona ait tag değerini yolluyoruz.

Şimdi sıra delegate’imizi karşılama(handle) işleminde. Bunun için ViewController’ımıza ait yeni bir extension yazıyoruz ve “CellClickDelegate” protokolünü miras aldırıyoruz. Bunu yaptıktan sonra da protokolde yazan soyut fonksiyonumuzun uygulanış kısmını kodluyoruz.

Burada ben aldığım tag değerini yazdırdım. Siz bu tag değerini kullanarak tableView’ı dolduran dizinin tag’ıncı adresine gidip istediğiniz ürün ile ilgili istediğiniz işlemleri yapabilirsiniz.

Şimdi de sırada son işlemimiz bulunmakta. Bu da cell’de tanımladığımız “CellClickDelegate” özelliğini handle edecek sınıfı seçme ve butona bir tag atamadır.

Bir önceki UITableView giriş yazısına aşağıdaki linkten ulaşabilirsiniz.

Swift: UITableView

Kısa bir girişten sonra componentleri kullanmayı öğreniceğiz.

Yeni bir proje oluşturuyoruz bu arada Applicatin Name verirken Türkçe karakter kullanmayın çünkü projeyi oluşturamazsınız hata verir zaten hata olarak alt kısımda yazıyor fakat yine de hatırlatalım.

Projemizi oluşturdan sonra ister xml olarak ister sürükle bırak ile ön yüz tasarlayabilirsiniz benim tavsiyem xml de tasarlamanız. Basit arayüzler iler için belki hızlı olabilir ama xml yazmaya da alışmamız gerektiğini düşünüyorum. Hazır arayüz tasarımları bulabilirsiniz ve üzerinde oynama yapmanız gerekebilir bu yüzden xmlin önemli olduğunu düşünüyorum.  Önyüz tasarımımız aşağıdaki gibidir xml kodlarını sürükle bırak yaptığınızda da kendisi otomatik generate edicektir.

Arka tarafta önyüzde kullanılan componentlere ulaşmak için id verilir ve bu değerlere findViewById metodu ile ulaşıyoruz. Metodumuz View döndüğü için bunu kullandığımız nesneye cast ediyoruz. Bu şekilde ulaştıktan sonra butonumuz bütün metodlarına sahibiz ve setOnClickListener ile tıklandığında  yapmasını istediğimiz kodu yazıyoruz.

Uygulamamızı emülatörde çalıştırdım isterseniz uygulamanızı kendi cihazınızda da çalıştırabilirsiniz. Üstteki EditText’e girdiğimiz değeri butona tıklandığında TextView’da gösteriyoruz. Uygulamamızın son hali aşağıdaki gibidir. Yeni yazılarda görüşmek üzere.

Button ve TextView Kullanımı | Android Serisi 5. Tutorial

En son yazımda (Hello World ve Android Studio 2 | AS4) Android’e hafif bir giriş yapmış ve karşımızda “Hello World!” diye bir ekran görmüştük. Bugün Android’in komponentlerinden olan Button ve TextView kullanarak butonumuza her basıldığında textview’deki sayımızın bir artmasını sağlayacağız. Önce geçen tutoriallarda yaptığımız gibi proje oluşturalım. Projenin ismini ben ButonSayac koydum.

Proje açıldığında bildiğimiz gibi bize hazır bir textview zaten geliyor, textview’e tıklayınca sağ tarafta textview’in proprties’lerini yani özelliklerini görecez. Diğer tüm komponentlere tıklayınca da bu şekilde sağ tarafta o komponentin özelliklerini görebiliriz. Oradan text özelliğine 0 yazalım. Çünkü uygulamamız her açıldığında butona daha basılmadığı için sıfır değerini göstermeli textview. Bu hamleden sonra butonumuzu ekleyelim. Sol tarafta uygulamaya ekleyebileceğimiz tüm komponentleri görebilirsiniz. Bu bölümden üst tarafta bulunan Button komponentini seçiyor ve ekranımızın ortasına koyuyoruz. En son ekranımızın durumu aşağıdaki gibi oluyor.

Bu bölümden sonra şimdi iş bu komponentleri sınıfımızda tanımlamaya ve gerekli işlemleri yapmalarını sağlamaya kaldı. MainActivity veya siz ismini değiştirdiyseniz o sınıfımıza gidelim ve işe koyulalım. Layout kısmındaki komponentleri sınıfımızda tanımlamak için findViewById(int) isimli metodu kullanacaz. Biz bir Button ve bir tane de TextView tanımlamak istiyoruz. Android’de her komponent’in aynı zamanda kendi sınıfı vardır. Bu yüzden ne tanımlamak istiyorsak bu metodu kullanıp dönen değeri o komponentin sınıfına atayacağız. Bu metod dönüş değeri olarak View nesnesi döndürür, o yüzden atama işlemini yaparken bir de o komponentin sınıfına cast etmemiz gerekiyor. Metoda parametre olarak da layoutta bulunan komponentin özellikler kısmında yazan id değerini vericez. Bunları yaptıktan sonra komponentlerimiz kullanıma hazır bir şekilde tanımlanmış oluyor.

Şimdi yapacağımız işlem butona basıldıkça textview ekranındaki sayı bir artsın. Bu işlemi komponent sınıflarının metodları ve basit programlama bilgimiz ile kolayca gerçekleştirebiliriz. Kullanacağımız metodlar button nesnesi için setOnClickListener(), textview nesnesi için ise setText(). Bir butona tıklandığını kontrol etmek için ve butona tıklandığında gerekli işlemleri yapmak için setOnClickListener() metodu kullanılır ve bunun içine gerekli kodlar yazılır. Bir textviewin text değerini değiştirmek için de setText() metodunu kullanırız. Yani yapmamız gereken bir int değerini buton nesnesinin metodunun içinde arttırıp textview’e değeri atamak. Ancak burada bir int tanımlayıp içeride bu değeri arttırıp textview nesnesinin setText() metodu ile texti değiştirme yapamıyoruz. Çünkü setOnClickListener metodu dışarıda final tanımlanmamış bir değişkenin kullanımına içerisinde izin vermiyor, final tanımlasak da bu sefer değeri arttıramayız. Bunun için biraz Java Swing’deki komponentlere benzeyen metodlar ve biraz da kurnazlık ile sorunu çözeceğiz. Aşağıdaki çözüme bakmadan bunu biraz düşünün.

Kodumuzu da yazdıktan sonra artık Run tuşumuza basıp uygulamamızı çalıştırabiliriz. Uygulamanın çalışır halinin ekran resimleri aşağıdadır. Bu şekilde her komponente kendi sahip olduğu metodlar eşliğinde istediğiniz işlemi yaptırabilirsiniz.