灵活的平行和正交移动的视觉信息呈现的方法

摘要

用户界面（UI）系统计算多层图形用户界面中的移动。UI系统接收与触摸屏上的手势相对应的用户输入。UI系统计算第一层以第一移动速率在第一方向上（例如，水平方向）的移动。UI系统计算第二层与第一层的移动基本平行的以不同于第一移动速率的第二移动速率进行的移动。UI系统计算各层之一的UI元素中在与第一方向基本正交的方向上的移动（例如，垂直移动）。

主权项

在计算机系统中，一种呈现视觉信息的方法包括：显示包括至少第一、第二和第三层的图形用户界面，其中所述第一层中视觉信息的第一部分位于触摸屏的显示区域内，并且所述第一层包括用于在与第一方向正交的第二方向上移动的用户界面元素以及在所述第一部分的边缘的第一层锁点；接收与所述触摸屏上的第一手势相对应的第一用户输入；至少部分地基于所述第一用户输入来计算第一移动，所述第一移动包括所述第一层从初始第一层位置到当前第一层位置的移动，在所述初始第一层位置中，所述第一层中视觉信息的第二部分位于所述显示区域以外，在所述当前第一层位置中，所述第一层中视觉信息的第二部分位于所述显示区域内，其中所述第一移动以第一移动速率在第一方向上进行；以及至少部分地基于所述第一用户输入来计算与所述第一移动平行的第二移动，所述第二移动包括所述第二层中视觉信息从初始第二层位置到当前第二层位置的移动，其中所述第二移动以第二移动速率在所述第一方向上进行，且其中所述第二层包括第二层锁点；至少部分地基于所述第一用户输入来计算与所述第一和第二移动平行的第三移动，所述第三移动包括所述第三层中视觉信息从初始第三层位置到当前第三层位置的移动，其中所述第三移动以第三移动速率在所述第一方向上进行，且其中所述第三层包括第三层锁点；至少部分基于所述锁点和当前第一层位置执行锁定动画，其中锁定动画包括将所述第一、第二、第三层从各自当前位置移动到锁定动画后位置，各层在所述锁定动画后位置处停止移动且各部分的边缘与显示区域的对应边缘对齐；接收与所述触摸屏上的第二手势相对应的第二用户输入；以及至少部分地基于所述第二用户输入来计算正交的移动，所述正交的移动包括所述用户界面元素中视觉信息从初始元素位置到当前元素位置的移动；其中所述第三移动速率、第二移动速率与所述第一移动速率相互之间不同。