Edge'in eski sürümünde, ekip, işletim sistemi Compositor (DirectComposition) ve giriş API'sı (Direct Manipulation) ile sıkı entegrasyon yoluyla Windows sistemiyle tutarlı bir düzgün kaydırma efekti (Smooth Scrolling) elde etti. Her ikisi de Microsoft ürünleri olduğundan, Edge ekibi bu etkiyi elde etmede çok fazla engel oluşturmadı.
Ancak işletim sistemi ile sıkı entegrasyonun eksiklikleri de açıktır - aynı deneyimi Windows'un eski sürümleri de dahil olmak üzere diğer işletim sistemlerine taşımak zordur. Daha da kötüsü, bu çözüm, yanıt hızını artırmak ve sabit bir kare hızı sağlamak için giriş ve çıkışı tarayıcı ana iş parçacığından bağımsız olarak işlese de, çerçeve güncellemelerine dayalı güncellemeler gerçekleştiren komut dosyalarında, Titreşim durumu, ekibin o sırada aldığı en yaygın geri bildirimlerden biriydi.
Bu amaçla, Microsoft Edge'in yeni sürümünde ekip, Microsoft Edge ve tüm Chromium tabanlı tarayıcıların kaydırma efektini iyileştirmeyi umarak geçmiş deneyimlerden öğrendi ve başlangıçta bir şeyi netleştirdi: Microsoft Edge ve diğer Chromium tabanlı tarayıcılar uyumluluk ve platformlar arası gereksinimler için yüksek standartlara sahip olduğundan, Windows işletim sisteminin aynı bağımlılıklarını kopyalamak mümkün değildir.
Bu temelde, Edge ekibi yine kullanıcı geri bildirimlerini ve teknik çözümleri ve açık kaynak yönergelerini ele aldı ve çabalarını kaydırma efektini optimize etmeye ve performansı iyileştirmeye odaklamaya karar verdiler.
Özetlemek gerekirse, Edge ekibinin Microsoft Edge'in kaydırma efektlerindeki geliştirmeleri şunlardır:
Kaydırma animasyonu eğrisini iyileştirme
Yüzdeye dayalı kaydırmayı kullanma
Sonuna kaydırırken bir geri tepme efekti getirin
Edge'in eski sürümünün bazı kaydırma efektlerini tanıtın
Kaydırma animasyonu eğrisini iyileştirme
Geliştirilmiş animasyon eğrisi kaydırma hızının daha doğal olmasını sağlar ve kaydırma süresi biraz daha uzar, böylece kullanıcılar animasyon efektini daha fazla hissedebilir. Basitçe söylemek gerekirse, bu eğri, eski Edge'in yumuşak etkisini elde etmek için fare tekerleği, klavye veya kaydırma çubuğu ve dokunarak kaydırmaya izin verir.
Chromium'da bazı yukarı akış değişiklikleri:
Darbe tarzı kaydırma animasyonları ekleme
Refactored ScrollOffsetAnimationCurve yeni animasyonları kolaylaştırmak için
Yeni Windows fling animasyon eğrisini uygulayın
Fling Animasyon Eğrisi - Bölüm 1
Fling Animasyon Eğrisi - Bölüm 2
Yüzde tabanlı kaydırmayı kullanma
Kaydırma çubuğunu kaydırırken, Chromium sabit bir kaydırma artış değeri kullanır (100 piksel artırmak için fare tekerini kullanın, 40 piksel artırmak için kaydırma çubuğu tıklama düğmesini veya klavye okunu kullanın). Edge ekibi bu davranışı değiştirdi: Edge'in eski versiyonundaki şemayı benimsedi: kaydırma artış değerini kaydırma çubuğu yüksekliğine göre hesaplamak yerine, bunun avantajı kaydırma çubuğu yüksekliği küçük olduğunda tarayıcının yine de makul bir kaydırma aralığı sağlayabilmesidir. İçeriğe göz atmak için.
Chromium'da bazı yukarı akış değişiklikleri:
Windows için yüzde tabanlı kaydırma ekleyin
Klavye ve kaydırma çubuğu için ana iş parçacığı yüzdesi kaydırma özelliğini ekleme
Sonuna kaydırırken geri tepme efektini tanıtın (Overversroll bounce)
Aşırı kaydırma sekmesi, kullanıcıya sayfanın altına veya üstüne kaydırıldıklarını bildirmek için kullanıcıya bir sinyal gönderir. Benzer bir etkiye lastik bant efekti veya elastik kaydırma da denir. Microsoft Edge bu efekti herhangi bir yönde kaydırmaya ekler.
Eski Edge'in bazı kaydırma efektlerini tanıtın
kaydırma zincirleme ve kaydırma kilitleme
Scroll zincirleme, Edge'in eski sürümü tarafından kullanılan şemadır, alt kaydırma çubuğu sınıra ulaştığında, üst kaydırma çubuğunun otomatik olarak kaydırmayı takip etmesini sağlar.
Ataletsel kayma ivmesi (Fırlatma takviyesi)
Bu efekt esas olarak animasyon eğrisini entegre ederken sayfayı hızlıca kaydırırken hızı arttırmaktır. Örneğin, kullanıcılar sayfanın en altına hızlı bir şekilde çekmek istediklerinde, fırlatma güçlendirmesi sadece dost animasyon efektleri sağlamakla kalmaz, aynı zamanda kaydırma hızını da hızlandırır.
Çocuk kaydırma çubuğunda aşırı kaydırma efekti
Yakınlaştırma işleminin geri tepme etkisi
