3 个仓库
Logic for triggering dismissal actions based on touch velocity and distance thresholds.
Distinct from Swipe Action Expansion Thresholds: Distinct from Gesture Thresholding: focuses on the specific implementation of swipe-to-dismiss logic based on velocity and distance, rather than general snapping.
Explore 3 awesome GitHub repositories matching user interface & experience · Swipe Threshold Processors. Refine with filters or upvote what's useful.
这是一个用于 React Native 的移动 UI 覆盖层库,提供动画模态组件。它作为一个手势响应式界面元素,用于通过支持自定义过渡和动态布局调整的覆盖窗口来呈现补充内容。 该库具有动态布局观察器,可在屏幕旋转或屏幕键盘出现时自动调整组件大小和位置。它实现了基于手势的导航,允许用户通过配置的滑动操作和背景交互来关闭覆盖层。 该项目涵盖了动画和过渡协调,包括在窗口动画前后执行回调的生命周期钩子。它还包括用于背景自定义和滚动内容管理的实用工具,以防止在滑动关闭操作期间发生交互冲突。
Triggers modal dismissal based on touch coordinates and velocity thresholds during swipe gestures.
Koloda 是一款 iOS 手势交互库和 SwiftUI 视图组件,用于创建可滑动的卡片界面。它提供了一个基于堆栈的视图组件,用于管理重叠视图,确保只有最顶层的元素保持活跃交互。 该库允许自定义卡片外观,包括配置覆盖层和动画,这些动画决定了滑动过程中背景卡片的移动方式。它管理拖拽行为和滑动方向,在卡片被滑动、点击或完全耗尽时触发特定逻辑。 该组件涵盖了手势驱动视图转换的实现,以及用户通过常见选择交互模式关闭的卡片堆栈的渲染。
Determines successful swipe actions by calculating the distance between touch points and a center threshold.
Zag 是一个无头(headless)UI 状态机库,提供无样式的组件逻辑,以确保不同渲染引擎之间的一致行为。它作为一个工具包,利用状态图(statecharts)对复杂的 UI 交互进行建模,将底层逻辑和无障碍属性与视觉样式解耦。 该库与框架无关,利用专门的适配器将其状态机逻辑与 React、Solid、Vue 和 Svelte 等各种 JavaScript 库连接起来。这种方法允许开发者在应用任何 CSS 或样式解决方案时,通过状态驱动的数据属性来维护单一的交互模型。 Zag 涵盖了广泛的功能领域,包括针对键盘导航和 ARIA 属性的全面无障碍管理,以及大量的交互式原语。这些包括输入控件、菜单和标签页等导航元素、对话框和弹出框等覆盖组件,以及用于图像裁剪和签名捕获的复杂媒体处理。它还提供了用于分层数据管理、异步列表处理以及构建引导式产品导览的实用工具。
Implements dismissal logic based on touch velocity and distance thresholds for UI panels.