Microsoft comment améliorer l'effet de roulement de Microsoft Edge?

Blog de l' équipe Microsoft Microsoft bord à part la façon dont ils font les nouveaux effets de défilement, y compris l' amélioration bord et défilement défilement expérience d'animation d'optimisation (interaction et apparence).

Dans l'ancien Edge, une équipe à travers le système d'exploitation Compositor (DirectComposition) et l'entrée API étroitement intégrée (manipulation directe) pour obtenir un des systèmes cohérents et Windows effet lisse défilement (Smooth Scrolling). Parce que les deux produits Microsoft, de sorte que l'équipe Edge dans la réalisation de cet effet est pas beaucoup d'un obstacle.

Mais étroitement intégré avec les inconvénients du système d'exploitation sont également évidents - il est difficile d'appliquer la même expérience à d'autres systèmes de portage d'exploitation, y compris les systèmes Windows plus anciens. Pire encore, même si ce programme est indépendant du navigateur fil conducteur à l'entrée de la poignée et la sortie pour améliorer le taux de réponse et offre un taux de cadre stable, mais pour le cadre selon le script de mise à jour pour effectuer la mise à jour a été inefficace, conduisant à apparaître gigue, qui est l'un des plus commune des commentaires a été reçue de l'équipe.

À cette fin, la nouvelle version de Microsoft Edge, l'équipe apprend de l'expérience passée, le désir d'améliorer Microsoft Edge et tout effet matériel navigateur basé sur le chrome, et au début clairement une chose: simplement dû système d'exploitation windows copié de la même dépendance n'est pas possible, parce que Microsoft Edge et d'autres navigateurs basés sur le chrome ont des normes très élevées et les exigences de compatibilité multi-plateforme.

Sur cette base, l'équipe Edge nous prenons en commentaires des utilisateurs de compte et des solutions techniques, ainsi que des standards ouverts, ils ont décidé de se concentrer d'abord sur la maximisation des effets sur le matériel d'optimisation et d'améliorer les performances.

En résumé, l'équipe Edge améliore l'effet de Microsoft Edge incluent:

• défilement Amélioration des courbes d'animation

• En utilisant le roulement à base de pourcentage

• L'introduction de l'effet de rebond lors du défilement à la fin

• Bord dans une ancienne version de l'effet de partie

défilement Amélioration des courbes d'animation

courbe d'animation change de telle sorte que la vitesse de défilement amélioré plus naturel, le laminage devient un peu plus de temps, de sorte que l'utilisateur peut se sentir l'animation. En termes simples, cette courbe permet le défilement et le toucher fait par molette de la souris, le clavier ou la barre de défilement pour défiler a un effet lisse dans l'héritage Edge.

Changement dans la partie amont de chrome:

• Ajoutez des animations de défilement de style Impulse
• Refactorisé ScrollOffsetAnimationCurve pour faciliter de nouvelles animations
• Mettre en œuvre une nouvelle courbe d'animation fling de Windows
• Fling Courbe d'animation - Partie 1
• Fling Courbe d'animation - Partie 2

En utilisant le défilement basé sur un pourcentage (défilement en fonction Pourcentage-)

Glisser la barre de défilement, à l'aide de chrome défilement valeur d'incrément fixe (à l'aide de la molette de la souris pour augmenter 100px, en utilisant la barre de défilement d'un bouton ou les flèches du clavier pour augmenter 40px). équipe Edge modifie ce comportement, il utilise le Edge héritage dans le programme: pour calculer la hauteur de la barre de défilement pour faire défiler la valeur incrémentale plutôt que les avantages de le faire est que lorsque la hauteur de la barre de défilement est faible, le navigateur peut encore fournir une gamme raisonnable de roulement pour parcourir le contenu.

Changement dans la partie amont de chrome:

• Ajouter pour cent à base de défilement pour Windows
• Ajouter principal défilement de pourcentage de fil pour le clavier et la barre de défilement

L'introduction de l'effet de rebond lors du défilement à l'extrémité (rebond Défilement prolongé)

rebond Défilement prolongé est essentiellement un signal envoyé à l'utilisateur, les informant a fait défiler vers le bas ou en haut de la page, un effet similaire est également connu comme une bande de caoutchouc ou des effets de défilement élastiques. défilement Microsoft Edge dans toutes les directions sont joints cet effet.

L'introduction d'une partie de l'effet de roulement de l'héritage bord

défilement Enchaînement vs défilement verrouillage

défilement héritage programme Edge enchaînant est utilisé, l'effet est qu'il fournit une barre de défilement lorsque l'enfant atteint la limite, le père de la barre de défilement défile automatiquement suivre.

Des scènes similaires, ont le concept de verrouillage du chrome de différence entre les deux est que ce dernier se concentrera toute l'opération de défilement pour faire défiler le même saut. équipe Edge a fait remarquer que presque tous les utilisateurs préfèrent faire défiler enchaînant (97% favorables), ils ont décidé d'utiliser le défilement enchaînant dans Microsoft Edge, mais ne sont pas destinés à être introduits dans le chrome.

Inertial accélération de glissement (Fling stimuler)

Cet effet est principalement d'améliorer la vitesse de défilement rapide, tout en intégrant les courbes d'animation. Par exemple, lorsque l'utilisateur veut tirer rapidement vers le bas de la page, fling stimuler offre non seulement une animation conviviale, mais également d'accélérer la vitesse de défilement.

Microsoft espère Microsoft Edge copie incomplète des programmes EdgeHTML, mais combinent les avantages des améliorations de maquillage et de chrome EdgeHTML. A cette fin, ils évaluent d'autres effets, et comment appliquer ces améliorations dans la prochaine mise à jour, ces effets comprennent actuellement:

1. L'effet de rebond de la sous-scrollbar (effet Défilement prolongé)
2. Zoom opérations à effet de rebond