BestHub
search
Sign in
Tag

gesture handling

1 views collected around this technical thread.

Tongcheng Travel Technology Center
Tongcheng Travel Technology Center
Apr 25, 2023 · Frontend Development

Motion Transition Design and Skyline Rendering Engine for WeChat Mini Programs

This article explains the concept and importance of motion transition design, introduces the Skyline rendering engine for WeChat mini‑programs, and provides detailed implementation guidelines—including custom routing, shared‑element animations, gesture handling, and performance optimizations—illustrated with complete code examples.

SkylineWeChat Mini Programanimation
0 likes · 18 min read
Motion Transition Design and Skyline Rendering Engine for WeChat Mini Programs
Snowball Engineer Team
Snowball Engineer Team
Sep 24, 2021 · Mobile Development

Custom Stock K-Line Chart with Jetpack Compose: Drawing and Gesture Handling

This article demonstrates how to build a custom stock K-line chart in Android using Jetpack Compose, covering the transition from traditional View drawing to Compose's Canvas API, detailed code for rendering, and implementing drag, long‑press, and pinch‑zoom gestures with state‑driven UI updates.

AndroidCanvasCustom View
0 likes · 16 min read
Custom Stock K-Line Chart with Jetpack Compose: Drawing and Gesture Handling
Ctrip Technology
Ctrip Technology
Feb 27, 2020 · Mobile Development

Performance Optimization of Round‑Trip Flight Booking UI in Ctrip's React Native Mobile App

This article details the redesign of Ctrip's domestic flight booking module to a dual‑column layout and shares the React Native gesture, animation, and performance optimization techniques that raised frame rates from ~40 fps to ~59 fps while handling double the data volume.

AndroidAnimation OptimizationPerformance
0 likes · 10 min read
Performance Optimization of Round‑Trip Flight Booking UI in Ctrip's React Native Mobile App
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 18, 2017 · Frontend Development

Build a Native‑Like Image Preview with Gestures Using AlloyFinger

This article explains how to recreate the native QQ image preview experience in H5 by leveraging AlloyFinger for gesture handling, transform.js for CSS3 transformations, and to.js for animation, covering page flipping, scaling, boundary detection, inertia, and bounce‑back techniques.

AlloyFingerCSS3JavaScript
0 likes · 9 min read
Build a Native‑Like Image Preview with Gestures Using AlloyFinger