DevExtreme ScrollView Nesnesi

0
Want create site? Find Free WordPress Themes and plugins.

Herkese Merhaba

Bu yazıda Devextreme içinde gelen ScrollView Nesnesini Tanıyacağız. Bu nesne Sayesinde Kaydırılabilir sayfa özelliğini kullanabiliyoruz

Devextreme bildiğimiz üzere div nesneleri üzerinden çalışan bir sistemdir. Yani bizler divlere id veya data-bind atadığımızda orada JQuery idesteğiyle DevExtreme Nesnelerimizi Yüklemiş oluyoruz.

Burada ScrollView Nesnemizi Kullanmak için ise div içerisine id değeri ekliyoruz.


Yukarıdaki kod parçacığı bizim dxview dosyamızda yazıldı. ünkü hatırlayalım ki sayfa arayüz kodlarımızı oraya yazıyorduk. Bizde HTML kodlarımızı oraya yazdık. Şimdi burada Divlerin arasındaki Bütün HTML kodları yukarı aşağı şekilde kaydırabileceğiz. Yani scroll yapacağız.

Bunun için ilk larak kaydırma olayının yapılandırmasını yapmamız gerekmektedir.

Şimdi Gelelim ScrollVew nesnesinin yapabileceklerine. Yani özelliklerine kısaca değinelim.

bounceEnabled Özelliği : 

Bu özellik true olarak ayarlanırsa scroll view nesnemizi en altta olsa bile aşağıya kaydırabiliriz. Tabii kaydırdıktan sonra geri en alt yazıya gelir. Eğer false olursa en aşağı gider ve aşağı ulaştığında daha aşağı gidemez…

direction Özelliği:

Bu özellik ile ScrollView nesnemizin ne tarafa doğru kaydırabileceğimizi ayarlıyoruz

Bu özelliğin kabul ettiği ayarlar : Vertical , horizontial , both
Vertical : Dikey Kaydırma.
Horizontial : Yatay Kaydırma.
Both : Yatay ve Dikey Kaydırma

disabled Özelliği:

Bu özelliğin değeri true ise nesne kullanılabilir durumdadır. False ise nesne var ama tıklamalarınıza cevap vermez durumdadır. Kullanılamaz durumdadır kısacası.

height Özelliği:

Nesnenin yüksekliğini ayarlayan özelliğimiz

Değeri int ve string tipinde girebilirsiniz. Eğe sterseniz hatıladığımız gibi CSS içerisindeki 50% 10px şeklindede girebilirsiniz.

onInitialized Özelliği:

Bu nesne çalıştığı anda bir fonksiyonu tetikler ve o fonksiyon çalışır

onPullDown Özelliği:

Aşağıya Çekildeiğinde tetiklenecek olan fonksiyon buraya yazılır.

onReachBottom Özelliği : 

ScrollView nesnemizi en aşağıya çektiğiöizde tetiklenecek olan kod buraya yazılır. Buraya gnelde içerdeki yazıyı güncelleme kodları yazılır. Bölece en aşağı indirildiğinde yazı güncellenmiş olur.

onScroll Özelliği : 

Buda ScrollView nesnesi he kaydırıldığında çalışacak olan fonksiyondur.

onUpdated Özelliği : 

Buda içerisindeki yazının güncellenmesiyle tetiklenen fonksiyonu arındırır.

pulledDownText Özelliği : 

Bu özellik ile scrollview’i aşağı çektiğimizde güncellenirken ekranda çıkacak olan yazıdır. Yükleniyor tarzı yazılardır.

pullingDownText Özelliği : 

Buda aşağı çekilirken ekranda çıkacak olan yazıdır. Örneğin sayfa sayısı bu şekilde yazılabilir ekranda.

reachBottomText Özelliği : 

En aşağı gelindiğinde yazacak olan yazıdır.

refreshingText Özelliği : 

ScrollView içerisindeki yazı yenilenirken ekranda yazacak olan yazıdır

showScrollbar Özelliği : 

ScrollView nesnesini kaydırırken kaydırma çubuğu görünsünmü özelliğidir.

Değerleri
OnScroll: Kaydırma çubuğu crollVire kaırılırken gösterilir
onHover:Kaydırma Çubuğu Ekrana doknduğunuzda görünür.
Always:Kaydırma Çubuğu Sürekli Gösterilir.
Never: Kaydırma çubuğu Asla gösterilmez.,

width Özelliği : 

Buda aynı height özelliği gibi scrollviewin genişliğini ayarlar. css mantığıyla yazılır.

Özelliklerinden sonra birde Eventlarına bakalım ve Devextreme sitesinden bir örnek ile yazımızı bitirelim.

Aşağıdaki örnek ile Devexpressin kendi oluşturduğu şekilde bir ScrollView uygulaması verilmiştir. Bu örneği inceleyerek yukarıda anlattıklarımı pekiştiriniz.

DevExtreme Scroll View Uygulaması

Burak Hamdi Tufan

İyi Çalışmalar

Did you find apk for android? You can find new Free Android Games and apps.
0%
0%
Share.

About Author

Ben Kocaeli üniversitesi Uçak Elektrik Elektronik Bölümü Okuyorum. Bununla Birlikte 9 Yıldır yazılımcılık Yapıyorum. 12 Farklı Dilde ve 6 Farklı Platformda Profesyonel Yazılımlar Geliştirebiliyorum. Yazılım Benim için Hobi Değil Yasaşm Tarzıdır. Bu işten Para Kazanmak Değil Zevk Almak İçin Yapıyorum. Bu yüzden yazılım dünyasından ayrılmak istemiyorum.

Leave A Reply