📄️ 布局概述(Layouts Overview)
布局允许您在 Rive 中构建响应式 UI 组件。让您的设计根据可用空间来适应、填充或重排内容。利用 Rive 的布局系统来适应各种用例:
📄️ 布局参数(Layout Parameters)
布局参数大致可以分为两类 — 影响父布局的参数和影响子布局的参数。
📄️ 布局动画(Layout Animation)
为布局容器添加动画,以定义当 内容重排时它如何插值。当布局容器需要调整大小时,其子项可能需要改变它们的位置。添加布局动画允许子项的重排在一段时间内按照选定的缓动曲线进行。
📄️ 布局和约束(Layouts & Constraints)
您可以将 Rive 布局想象成有点像 CSS 中的 Flex Box,但不必被迫完全在盒模型中工作。Rive 的自由形式画布让您可以选择图形中哪些部分需要在布局系统中工作,同时保持突破布局的创作自由。这使得 Rive 布局与其他设计工具有所不同 — 您可以决定布局内的对象是否参与布局引擎。
📄️ 滚动(Scrolling)
滚动以两种新的约束形式来到 Rive;一种是为溢出内容添加基于触摸的滚动,另一种 是创建滚动条。这两种约束都与现有的布局组件配合使用。我们计划在未来提供通用的滚动组件,以实现更快速的设置。
📄️ N 切片(N-Slicing)
什么是 N 切片?(What is N-Slicing?)