Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan yazılım geliştirme eğitim serisidir. İlk bölümde Unity'de kullanıcı arayüzü (UI) oluşturma, ikinci bölümde ise Flutter'da uygulama tasarımı anlatılmaktadır.
- Video, iki farklı platformda kullanıcı arayüzü tasarımı konusunu ele almaktadır. İlk bölümde Unity'de canvas'a background ekleme, butonlar, slider ve text gibi UI bileşenlerini kullanma, anchor kullanımı ve objeleri ekran üzerinde sabitleme gibi temel bilgiler gösterilirken, ikinci bölümde Flutter'da oyuncu profil ekranı oluşturma, text ve input alanları ekleme ve checkmark işaretli buton kullanımı anlatılmaktadır.
- Eğitim serisi, bir oyun menüsü oluşturma örneği üzerinden ilerlemekte ve bir sonraki bölümde Flutter uygulamasında butonlara animasyon verileceği belirtilmektedir.
- Kullanıcı Arayüzü Oluşturma
- Canvas'a bir UI image eklenerek background olarak ayarlanıyor ve "bg" olarak adlandırılıyor.
- UI buton ekleniyor, text siliniyor ve "Start Buton" olarak adlandırılıyor.
- Butona "New Game" yazısı ekleniyor ve outline komponenti ile siyahlık arttırılıyor.
- 02:38Farklı Butonlar Oluşturma
- İlk buton kopyalanarak "Settings" butonu oluşturuluyor ve içine ev resmi ekleniyor.
- Shift tuşu kullanılarak tek bir açıdan büyütme işlemi yapılıyor.
- "Sound Buton" ve "Profile Buton" olarak adlandırılan diğer butonlar da oluşturuluyor.
- 05:22Ana Menü Oluşturma
- Background'a sağ tıklayıp "Create Empty" ile "Main Menu" adında bir game objesi oluşturuluyor.
- Tüm butonlar "Main Menu" içine sürükleniyor.
- Bu yapı sayesinde ana menü kapatılıp açılabiliyor ve kod yoluyla yeni menüler açılabiliyor.
- 06:04Ayarlar Menüsü Oluşturma
- "Settings" adında yeni bir game objesi oluşturuluyor.
- Slider ekleniyor ve üzerine "Sound" yazısı ekleniyor.
- Slider'ın fill kısmı, ekran üzerindeki turuncu kısmın renk koduyla ayarlanıyor.
- 09:00Anchor Kullanımı
- Anchor özelliği, objelerin ekranın hangi kısmına sabitlendiğini belirliyor.
- Yukarıya yakın objelerin anchor'u yukarıya, alt kısımdaki objelerin anchor'u alta alınması ekran yapısına olumlu etki ediyor.
- Ana menüde text'in anchor'u orta orta olarak ayarlanıyor.
- 11:59Profil Menüsü Oluşturma
- "Profile" adında yeni bir game objesi oluşturuluyor.
- Profil menüsüne ok işareti ekleniyor ve anchor'u sol tarafa atılıyor.
- Profil menüsüne UI text ekleniyor.
- 12:52UI Elemanları Oluşturma
- Oyuncu ismi için beyaz renkli ve 40-60 boyutlarında bir text oluşturuluyor.
- Oyuncunun ismini değiştirmek için input field ekleniyor ve text'i içine yerleştiriliyor.
- Input field'in pozisyonu ayarlanarak ortaya ışınlanıyor ve "Enter Name" yazısı ekleniyor.
- 15:41Buton ve Checkmark Ekleme
- Yeni bir UI elemanı oluşturulup büyütülüyor ve set native size ile küçültülüyor.
- Butona checkmark işareti ekleniyor.
- Butona basıldığında ismin girilmesi üzerine bir yapı oluşturulacak.
- 16:32Projenin Durumu
- Projenin ilk aşaması tamamlanmış durumda ve elemanlar yerleştirilmiş.
- Bir dahaki bölümde butonlara animasyon verilecek ve tıklanıldığında efekt sağlanacak.