Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir Flutter programlama eğitim içeriğidir. Eğitmen, kullanıcı etkileşimi için widget oluşturma konusunu anlatmaktadır.
- Video, kullanıcı tıklamalarına göre renk değiştiren iki kart oluşturma sürecini adım adım göstermektedir. Eğitmen önce Detector widget'ını kullanarak tıklanabilir kartlar oluşturur, ardından bu kartları kendi widget'ı olan "MyContainer" içine yerleştirerek composition (temel widget'ları kullanarak kendi widget'larını oluşturma) tekniğini uygular. Video, Flutter'ın geliştiricilere önerdiği composition yaklaşımını vurgulayarak, FlatButton gibi mevcut widget'ları subclass etmek yerine temel widget'ları kullanarak yeni özellikler eklemenin avantajlarını açıklar.
- 00:02Flutter'da Widget Oluşturma
- Kullanıcı iki karttan birini tıkladığında o kartın aktif hale gelmesi ve renginde değişiklik olması isteniyor.
- Flat button veya rese button yerine daha temel bir widget olan "justure detector" kullanılacak.
- Justure detector, çevrelediği widget'a basma, uzun basma, kaydırma gibi el hareketlerini algılayan bir widget'tır.
- 01:39Justure Detector Kullanımı
- Kartların olduğu satıra justure detector eklenerek tıklanabilir hale getiriliyor.
- Justure detector'ın "on press" property'sine anonim fonksiyon atanıyor.
- Butonlara tıklanınca arayüzde değişiklik olmaması için "on press" fonksiyonuna konsola yazdırma kodu ekleniyor.
- 03:19State Değişkeni Tanımlama
- Butonlara tıklanınca arayüz tekrar boyanacağı için state içinde bir değişken tanımlanıyor.
- Bu değişken "seçili cinsiyet" adında string tipinde olup, default değeri yok.
- Tıklanan buton aktif ise renk değişikliği yapılıyor, diğeri pasife geçiyor.
- 04:51Renk Değişikliği Yapma
- Justure detector'ın anonim fonksiyonunda "seçili cinsiyet" değişkenine tıklanan butona göre değer atanıyor.
- Renk değişikliği için "turnary operator" kullanılarak "seçili cinsiyet" değişkenine göre renk değişimi yapılıyor.
- Kadına tıklandığında bir konteynerin rengi değişiyor, erkeğe tıklandığında diğerinin rengi değişiyor.
- 07:54MyContainer Widget Oluşturma
- MyContainer widget'ı justure detector ile sarmalayarak tıklanabilen bir widget haline getiriliyor.
- MyContainer widget'ına "on press" property'si atanıyor.
- MyContainer widget'ı artık buton gibi hareket edebilen ve fonksiyon alan bir widget haline geliyor.
- 12:41Composition Kavramı
- Videoda arayüzde pek bir değişiklik yapılsa da kodda kendi ihtiyacımıza göre iki widget tasarlandı.
- Composition, temel widget'ları kullanarak kendi widget'larımızı oluşturmak anlamına geliyor.
- Flutter ekibi geliştiricilere inheritance yerine composition kullanmayı öneriyor ve dökümanlarında da bu yöntemi tavsiye ediyor.