# Snap Ring Interaction

By [VaryWare](https://paragraph.com/@varyware) · 2022-01-02

---

新年第二天，补充描述一下 Snap 的交互。

Snap 的输入操作基于右下角的添加按钮。点击按钮会弹出完整的输入界面，长按按钮会触发 **Ring 操作**，以此实现减少输入步骤。

Ring 操作
-------

通过多个 Ring 用户可以快速产生一条记录。使用前需预先配置好每个 Ring 上的参数，最后分析用户手指滑行的轨迹确定结果。有两种模式：

*   第一种模式
    
    *   每个 Ring 参数固定，比如前两级为分类，最后一层为数字
        
    *   长按后会默认展示所有层级的 Ring，直接滑动产生最终输入
        
*   第二种模式
    
    *   除最外层 Ring 参数固定，后面层级参数与上一级关联
        
    *   默认只展示第一层的 Ring
        
    *   当手指滑动到 Ring 上分类，此时展开下级 Ring
        
    *   循环上述操作
        
    *   到达最终层级时产生最终输入
        

总结
--

第一种方案，操作较快，误触较少，但结构较为简单，难以应对复杂需求。第二种方案结构复杂，需要更多配置细节，且容易误触，好在更加精确，最终结果也更加精细。

另外，对于用户来说，长按是一个**成本较高**的操作，对于部分用户可以考虑**点击默认**开始 Ring 操作，长按改为完整输入界面。

---

*Originally published on [VaryWare](https://paragraph.com/@varyware/snap-ring-interaction)*