Rive发布新功能Layouts，为UI设计带来革命性改变。该功能使图像动画能自动适应各种屏幕尺寸和布局，设计师无需为不同设备逐个适配。通过直观控制，Layouts可根据图形的位置、尺寸、填充和边距自动调整，实现按钮、列表、菜单等元素在手机和电脑上的完美显示。对象可随屏幕大小拉伸、收缩或重新对齐，且不丢失动画效果。这大大减少了设计和开发的工作量，真正做到一稿多用，包括文字适配也表现出色，让设计不再受限于屏幕尺寸。

📱Rive Layouts核心功能是让UI设计中的图像动画自动适应各种屏幕尺寸和布局，无需手动适配。

📐Layouts通过直观的控制，根据图形的位置、尺寸、填充和边距自动调整，确保在不同设备上的完美显示。

✨ 使用Layouts后，对象可以根据屏幕大小进行拉伸、收缩或重新对齐，同时保持动画效果，实现跨设备统一的视觉效果。

🚀Rive Layouts的出现，显著减少了设计人员和开发人员的工作量，真正实现了一稿多用，极大提升了工作效率。

2024-11-06 17:32 湖北

想不到吧~以后做UI设计，只需要设计一次就可以了，因为今天要给大家分享的这个神器，能让你的图像动画自动适应各种屏幕尺寸和布局，再也不用逐个适配不同的设备了，一个图形适用于所有屏幕！

如下图所示比如按钮、列表或菜单，无论是在手机还是电脑上都能完美显示。

 不卖关子了，这个就是 Rive 最近发布一个名为 Layouts 的新功能，通过直观的控制，Layouts 可以根据图形的位置、尺寸、填充和边距自动调整图形。

Rive 设计端，可以直接完成动态调整大小的菜单的支持， 使用 Layouts 之后，对象可以根据屏幕大小进行拉伸、收缩或重新对齐，而且不会丢失对应的动画效果。甚至还可以跨设备创建统一的视觉效果，例如汽车仪表、手机、游戏机这些不同平台上，保持一致的视觉效果。而不需要单独为其开发，这大大的减少了设计人员和开发者的工作量，真正做到一稿多用。

包括不同文字适配显示的效果也相当出色。 也就是说以后在设计的时候，你不需要考虑你要用在什么尺寸的屏幕上，只需要添加任何一种布局就可以开始创作了，因为它会自动为你适配各种尺寸，这也太爽了吧！

需要的小伙伴评论区扣 “ 1 ”，明天上午11点，我统一给大家回复！

跳转微信打开