Behaviors Drag Ap Elements Basic Ve Advanced Menüleri
Behaviors drag ap elements basic ve advanced menüleri
Behaviors "Drap Ap Elements Basic Ve Advanced" Menüleri:Bu özelliği genellikle yapboz oyunları yapmak için kullanırız
Öncelikle sayfamıza bir “Draw AP Div” ekliyoruz bunu üst tool barımızdan yapabilriz






aşağıdaki "Basic" bölümü kullanılarak yapılmış bir örenektir

Bu resmimizde resmimiz(ap elemnt) bizim kendi belirlediğimiz alanlar arasında oynatmamızı sağlarız eğer "basic" alanında "Snap if within" bölümümüze 10 yazsaydık ekranımızın tam köşesine 10 pixel yaklaştığımızda resmimizi otomatik olarak yerleştirecekti eğer "Drop target " özelliğinide kullasaydık bizim belirlediğimiz alanlar çerçevesinde belli bir pixel yaklaştığımızda otomatik olarak çekecekti

Aşağıdaki örneğimiz ise "Advanced" bölümümüzü kullanarak yaparız

Bu örnekte mavi alanla gösterdiğimiz landan resmimizi tutarak hareket ettiririz o alan dışında resmimizi tutmayız "While dragging" bölümümüzde belirlediğimiz index numarasına göre seçim yapabilirdik

Hazırlayan ve Sunan :Tolga GÜLBAKAN
Öncelikle sayfamıza bir “Draw AP Div” ekliyoruz bunu üst tool barımızdan yapabilriz

Eklediğimizde aşağıdaki görüntü karşımıza çıkacaktır

Ve eklediğimiz ap dıv in içine bir resim ekliyoruz

Eklediğimiz “Draw AP Div” sol taraftaki “Tag” sekmesinde “behaviors” sekmesinde görmemiz için sayfamızda boş bir yere tıklayınca göre bilriz aksi taktirde görmemiz mümkün değildir

Yukarıdaki resimde eklediğimiz ap elementin nerde gözüktüğünü görüyoruz “Drag AP
Element” tıkladığımızda aşağıdaki pencere karşımıza açılmaktadır
Açılan pencerenin “Basic” ve “Advanced” bölümü vardır ilk pencereden ordan olan i
özellikleri kullanırız
ikinci bölümümüzde ise daha profesyonel olarak kullanırız

aşağıdaki "Basic" bölümü kullanılarak yapılmış bir örenektir

Bu resmimizde resmimiz(ap elemnt) bizim kendi belirlediğimiz alanlar arasında oynatmamızı sağlarız eğer "basic" alanında "Snap if within" bölümümüze 10 yazsaydık ekranımızın tam köşesine 10 pixel yaklaştığımızda resmimizi otomatik olarak yerleştirecekti eğer "Drop target " özelliğinide kullasaydık bizim belirlediğimiz alanlar çerçevesinde belli bir pixel yaklaştığımızda otomatik olarak çekecekti

Aşağıdaki örneğimiz ise "Advanced" bölümümüzü kullanarak yaparız

Bu örnekte mavi alanla gösterdiğimiz landan resmimizi tutarak hareket ettiririz o alan dışında resmimizi tutmayız "While dragging" bölümümüzde belirlediğimiz index numarasına göre seçim yapabilirdik

Hazırlayan ve Sunan :Tolga GÜLBAKAN
Yorumunuzu Ekleyin