Kullanıcı Kılavuzu

Scroll To

14/7/25
Scroll To

Kuika’nın Scroll To aksiyonu, web uygulamalarında kullanıcı arayüzünde belirli bir elemente hızlıca kaydırma yapılmasını sağlar. Özellikle uzun sayfalarda veya form ekranlarında kullanıcıların ihtiyaç duydukları bölüme kolayca erişmesini sağlayarak kullanıcı deneyimini artırır.

Teknik Özellikler

  • Platform Desteği: Yalnızca web uygulamalarda çalışır.
  • Element Seçimi: Kaydırılacak hedef element, element seçici ile belirlenir.
  • Kullanım Alanı: Uzun formlar, bilgi panelleri veya sayfa içi navigasyonlar.

Scroll To Aksiyonu Uygulama Adımları

1. Kuika Platformunda Projenizi Açın

  • Kuika’ya giriş yapın.
  • Apps ekranından ilgili web projenizi seçin.

2. UI Design Modülünde Buton veya Tetikleyici Oluşturun

  • UI Design ekranında, sol panelden bir Button veya başka bir element sürükleyip sayfaya bırakın.
  • Elementin Label özelliğine “Formun Altına Git” veya “Detaylara Kaydır” gibi bir ifade yazabilirsiniz.

3. Scroll To Aksiyonunu Ekleyin

  • Oluşturduğunuz butonu veya tetikleyici elementi seçin.
  • Sağdaki Properties panelinden + ADD ACTION menüsünü açın.
  • Butonu seçin ve + ADD ACTION menüsünden istediğiniz tetikleyici olaya (Initial Actions, OnClick, OnBlur vb.) göre Device > Scroll To aksiyonunu ekleyin.
  • Aksiyon parametrelerinden Select Component alanında, sayfa içinde kaydırma yapılacak hedef elementi seçin (örneğin bir form container, bilgi paneli veya başka bir container).

Kullanım Senaryosu: Uzun Formda Alt Bölüme Hızlı Kaydırma

Bir kayıt formunda, kullanıcıların formun alt kısmındaki "Gönder" butonuna hızlıca ulaşması için bir “Formun Altına Git” butonu oluşturulabilir.

  1. UI Design’da, form ekranına “Formun Altına Git” butonu ekleyin.
  2. Butona Scroll To aksiyonunu atayın.
  3. Hedef olarak formun alt kısmındaki buton veya container elementini seçin
  4. Kullanıcı “Formun Altına Git” butonuna tıkladığında sayfa otomatik olarak formun alt bölümüne kayar.

Scroll To Aksiyonu İleri Seviye Özelleştirmeler

  • Koşullu kaydırma: Örneğin, form eksikse kaydırma yapılmasın, ya da hatalı alanlar varsa o alana yönlendirilsin.
  • Dinamik hedef seçimi: Kullanıcının eylemine göre farklı elementlere kaydırma yapılabilir.
  • Scroll animasyonu: Kaydırma işlemi yumuşak ve görsel olarak kullanıcı dostu şekilde yapılabilir.

Teknik Riskler

  • Element Doğruluğu: Hedef element doğru seçilmezse kaydırma gerçekleşmez.
  • Sayfa Yapısı: Dinamik yüklenen sayfalarda hedef element henüz yüklenmemiş olabilir, bu durumda kaydırma başarısız olur.

Scroll To aksiyonu, Kuika ile geliştirilen web uygulamalarında kullanıcı navigasyonunu hızlandıran, ergonomiyi artıran pratik ve kolay yapılandırılabilir bir özelliktir.

İlişkili diğer içerikler

No items found.

Sözlük

No items found.

Alt Başlıklar