交互

Principle 内建了三种通用的交互:拖拽、滚动、翻页。并可以单独的只在图层的X轴或Y轴开启。

拖拽 Dragging

开启拖拽后就能用鼠标点击按住移动图层来改变位置。轮播图、悬浮窗、探探,都是典型的拖拽案例。

滚动 Scrolling

当一个图层有子图层时,可以开启滚动。当手指拖动滚动图层时,子图层会随手指移动,但父图层整体不会移动。地图、新闻列表、长文章都可以利用滚动实现。如果没有子图层时开启了滚动,那么系统会自动创建一个滚动图层组,很棒吧。打开“Clip children”选项后滚动到边界之外的部分会不可见。

翻页 Paging

翻页和滚动很像,只不过翻页可以每次滚动固定的距离,这个距离和组合的大小一致。翻页可以用于图片切换、手机主页的图标翻页、或者任何卡片式翻页设计,最近这种设计非常流行。如果你想在页面间添加内边距,让翻页组稍稍比你需要的大一些,留空页面内容的边距。