Kuika ile tasarım yaparken, Fill (Dolgu) ayarlarını kullanarak elementlerin gövde renklerini veya arka plan görsellerini özelleştirebilirsiniz. Aşağıdaki adımları izleyerek Fill ayarlarını kolayca düzenleyebilirsiniz:
- Kuika platformuna giriş yaptıktan sonra “Apps” ekranından çalışacağınız projeyi açın.
- Ardından “UI Design” modülüne tıklayın.
- Sol kenardaki "Elements" panelinden bir element ekleyin.
- Fill ayarlarını yapmak istediğiniz elementi seçin.
- Styling Panelini açın ve Fill (Dolgu) bölümüne gidin.
- Fill alanında yer alan Styles yanındaki üç nokta ikonuna tıklayın.
- Açılan menüden Add New Style seçeneğine tıklayarak farklı elementlerde ya da farklı yerlerde kullanmak üzere Fill stilleri oluşturup kaydedebilirsiniz.
- Mevcut bir stili kullanmak için, Styles alanındaki Search Box içerisinde yer alan Load Style seçeneğini kullanarak önceden kaydedilmiş hazır stillerden birini seçebilirsiniz.
- Custom Style alanında yer alan Color seçeneği ile elementinize bir renk ekleyebilirsiniz.
- Renk Seçimi Araçları:
- Color Picker: İstediğiniz rengi ve tonunu seçmek için kullanabilirsiniz.
- Renk Kodları:
- HEX: Altı haneli renk kodlarını kullanabilirsiniz (ör. #FF5733).
- RGB veya RGBA: Doğrudan renk değerlerini veya şeffaflık içeren RGBA değerlerini belirtebilirsiniz (ör. rgba(255, 87, 51, 0.8)).
- Background Image seçeneği ile elementlerin dolgu alanına görseller ekleyebilirsiniz.
- Görsel Eklemek için:
- Add: Cihazınızdan JPG, PNG, SVG veya XML formatında bir görsel seçin.
- Generate with AI: Yapay zeka ile görsel oluşturun.
- AI Görsel Üretimi: "Generate with AI" butonuna tıklayın ve ihtiyacınız olan görsel için gerekli bilgileri girin. Yapay zeka tarafından önerilen görsellerden birini seçip elementinizin dolgusuna ekleyebilirsiniz.
- Fill (Dolgu) ayarlarını yaptıktan sonra, seçilen elementin dolgu rengi veya arka planı otomatik olarak güncellenir.
Fill (Dolgu) Özelliklerine Göre Element Uyumluluğu
- Bazı Elementlerde Tüm Özellikler: Bazı elementler Fill (Dolgu) içerisinde yer alan tüm özellikleri destekler.
- Sınırlı Özellik Kullanımı: Bazı elementlerde ise Fill (Dolgu) özelliği sınırlı olabilir ve yalnızca belirli ayarları destekleyebilir.
