Kuika’nın Percent elementiyle yüzde formatındaki değerleri otomatik biçimlendirerek bir pizza tarifindeki malzemelerin oranlarını anlaşılır şekilde listeleyen bir ekran oluşturmayı adım adım öğrenin.
“Percent” elementi, kullanıcıların uygulama içerisinde yüzde formatında sayısal değerler girmesini sağlayan özel bir input elementidir. Kullanıcı değer girdikçe, giriş otomatik olarak biçimlendirilir ve yüzde simgesi eklenir. Böylece yüzdeye dayalı veri girişleri daha anlaşılır, tutarlı ve hatasız hale gelir.
Öncelikle “Data Sources” alanından “Actions”, “New SQL Action” alanına tıklayın ve SQL sorgusunu oluşturun. Test edip “Create” butonuna basın.
Ardından “UI Design” modülüne gidin, “Add Action” ile aksiyonunuzu sayfanıza bağlayın. Sayfaya bir “Label” elementi ekleyin. İçerisine “Pizza” yazın ve “Styling” panelindeki “Style” alanından “Heading 2” olarak fontunuzu ayarlayın. Altına bir “Label” elementi daha ekleyin. Onun altına ise bir “Percent” ve bir “Gallery View” elementi ekleyin. “Gallery View” elementine veri kaynağını “DataSource” alanı ile seçin. “Gallery View” içerisine “Percent” ve “Label” elementinin seçili olduğu “Row” grubunu sürükleyip bırakın. “Label” elementine “Value” alanından “Field to display” için “Name” tanımlamasını yapın. “Percent” elementine tıklayın ve aşağı yukarı ok artışlarında ne kadarlık artış yapılacağını belirlemek için “Step” alanını “1” olarak tanımlayın. “Value” alanından “Field to display” alanını “PercentValue” olarak seçin. Ön gösterim metnini “Placeholder” ile tanımlayın. Değer ölçeğini “DecimalScale” alanından “0” olarak ayarlayın.
Uygulama test edildiğinde, “Pizza” başlığı altında tanımlı malzemelerin yüzdelik içerik dağılımı kullanıcıya görsel ve okunabilir bir yapı ile sunulur. Her bir malzeme ayrı alanlarda listelenir ve karşınızda o malzemenin tarif içindeki yüzdelik oranı gösterilir. Bu ekran sayesinde tarif içeriklerinin basit ve anlaşılır biçimde sunulduğu bir ön izleme yapısı göreceksiniz.
