Studio Editor: Hazır Ayarlı Tıklama veya Üzerinde Gezinme Etkileşimi Ekleme
5 dakikalık okuma
Ziyaretçiler ögelere tıkladığında veya üzerine geldiğinde animasyonlu bir deneyim oluşturmak için Etkileşimler ekleyin. Hızlı ve kolay bir animasyona mı ihtiyacınız var? Hazır tasarımlarımızdan birini kullanın (ör. Büyüt, Taşı, Soldur) ve beğeninize göre değiştirin.
Etkileşim, ziyaretçilerin tıkladığı/üzerine geldiği ögeye veya sayfadaki farklı bir ögeye animasyon ekleyebilir. Her iki durumda da görünüm ve zamanlama üzerinde tam kontrole sahip olduğunuz için gerçekten kullanışlıdır.
1. Adım | Üzerine gelme veya tıklama tetikleyicileri ekleme
Etkileşimi tetikleyen ögeyi seçerek başlayın. Bu, ziyaretçilerin animasyonu görmeden önce üzerine geldiği veya tıkladığı ögedir. Ardından yeni bir etkileşim eklemek için Denetçi paneline gidin.
İpucu:
Bir ögeye birden fazla etkileşim ekleyebilirsiniz, böylece üzerine gelindiğinde veya tıklandığında farklı bir animasyonu tetikler.
Bir tetikleyici eklemek için:
- Etkileşimin uygulanacağı ögeye tıklayın.
- Editörün sağ üst köşesindeki Denetçiyi Aç simgesine
tıklayın.
- Animasyonlar ve Efektler sekmesine
tıklayın. - Üzerine gelme / Tıklama simgesini seçin.
- +Ekle'ye tıklayın.
2. Adım | Etkileşimi ayarlama
Bir öge ve tetikleyici seçtikten sonra etkileşimi ayarlayın. Önceden tasarlanmış bir animasyonu, onu göstermesi gereken ögeyi ve üzerine gelindiğinde veya tıklandığında tam olarak ne olacağını seçin.
Not:
Kullanılabilir animasyonlar seçtiğiniz ögeye göre değişir.
Etkileşimi ayarlamak için:
- (Kurulum panelinde) Üzerine Geldiğinde / Tıklandığında ne olacağını seçin:
- Animasyon Başlat: Ögeye tıklandığında / üzerine gelindiğinde seçilen animasyon tetiklenir.
- Animasyonu Sıfırla: Ögeye tıklandığında / üzerine gelindiğinde daha önce uygulanmış tüm animasyonlar kaldırılır.
- Açık/Kapalı: Ögeye tıklamak, animasyonu tetikler ve ikinci bir tıklama animasyonu kaldırır.
Not: Bu seçenek yalnızca tıklama etkileşimleri için kullanılabilir.
- Animasyon ögesi'ni seçin:
- Ögenin kendi animasyonunu tetiklemesini sağlayın: (Yanında (kendisi) ifadesi bulunan) Öge adına tıklayın.
- Sayfada farklı bir ögeye animasyon ekleyin: Açılır menüden bir öge seçin veya sayfadan Tuvalde Seç'e tıklayın.
İpucu: Bir alt öge seçmek için Cmd / Ctrl tuşuna basılı tutun.
- Bir animasyon seçin:
- Hazır Ayarlar sekmesine tıklayın.
- Listeden bir animasyon seçin.
İpucu:
Ögeleri tıklandığında veya üzerine gelindiğinde gösterilecek şekilde ayarlarken, tuvalde damalı bir kaplama ile görünür. Burada ögenin başlangıçta şeffaf olduğunu belirtmek isteriz.
Bu göstergeyi istediğiniz zaman kapatabilirsiniz. Wix Studio simgesine tıklayın 
simgesine dokunun, Görünüm'ün üzerine gelin ve Şeffaf Ögeler'e tıklayın.
simgesine dokunun, Görünüm'ün üzerine gelin ve Şeffaf Ögeler'e tıklayın.3. Adım | (İsteğe bağlı) Animasyonu ayarlayın
İstediğiniz efekti elde etmek için animasyonu seçtikten sonra özelleştirin. Animasyonu gerçekten etkili hale getirmek için süre, gecikme ve kolaylık gibi ayarları kontrol edebilirsiniz.
Not:
Kullanılabilir ayarlar, seçtiğiniz hazır animasyona bağlıdır.
Animasyonu ayarlamak için:
- (Denetçi panelinde) En alttaki Animasyon Ayarla seçeneğine tıklayın.
- Mevcut ayarları beğeninize göre özelleştirin:
- Gecikme: Animasyon başlamadan önce bir gecikme (saniye cinsinden) eklemek için kaydırıcıyı sürükleyin.
- Süre: Animasyonun süresini (saniye cinsinden) ayarlamak için kaydırıcıyı sürükleyin.
- Hareket hızı: Açılır menüden animasyonun hareket şeklini seçin.
- Ölçek: Ögenin ne kadar büyüyeceğini veya küçüleceğini seçin.
- Açı: Hareket açısını değiştirin.
- Mesafe: Ögenin sayfadaki varsayılan konumundan uzaklaşmasını veya yakınlaşmasını sağlayın.
- Yön: Ögenin döndüğü yönü değiştirin.
- (İsteğe bağlı) Animasyonunun nasıl göründüğünü görmek ve gerekirse ayarlamalar yapmak için Önizleme'ye tıklayın.
SSS
Etkileşim oluşturma hakkında daha fazla bilgi edinmek için aşağıdaki başlıklara tıklayın.
Bir ögenin kendi animasyonunu tetiklediğinde nasıl görünür?
Farklı ögeler arasındaki etkileşim nasıl görünür?
Bir öge birden çok başka ögeyi tetikleyebilir mi?
Tek bir ögenin birden fazla animasyonu olabilir mi?
Bu içerik yardımcı oldu mu?
|