# Resizable: 分栏面板界面

由可拖动手柄分隔的两个面板，以均分状态显示，里面是名为 Panel one 和 Panel two 的占位卡片。 视频模板，可复制代码供 Claude 使用，或在 Subclip 中编辑。

Canonical URL: https://www.subclip.app/zh/motion-graphics-templates/remotion/resizable

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-resizable.mp4?v=05db6c03b5

带分隔手柄的双面板布局，可为界面演示视频设置分栏比例和手柄状态。

- 框架: Remotion
- 类别: 界面
- 时长: 7 秒
- 纵横比: 16:9 横屏
- 代码: 获取代码（免费登录）：https://www.subclip.app/zh/motion-graphics-templates/remotion/resizable

浅色容器左右分成两张淡色占位卡片"Panel one"和"Panel two"，中间的分隔线上有一个小手柄。模板会以 50/50 均分、手柄静止的状态显示四秒。在代码中，悬停和按下时手柄会变大并显示一圈光环，拖动时分隔线随之滑动。

您可以设置分栏比例、手柄状态（静止、悬停或按下）和方向（横向或纵向），还可以调整播放速度和背景。适用于编辑器或 IDE 演示、仪表盘布局讲解、设计系统展示或分屏功能视频。

## 适用场景

- 编辑器与 IDE 演示
- 仪表盘布局讲解
- 设计系统展示
- 分屏功能视频

## 可修改的内容

- `speed`: 播放速度 (数字)
- `stageBackground`: 场景周围的背景 (颜色)

## 如何使用此模板

1. 下载 Mac 或 Windows 的 Subclip。此页面上的每个模板均已预先安装。
2. 打开"模板"面板，选择 Resizable 并将其放在时间线上。
3. 更改图层设置中的文本、颜色和时间，或要求 AI 代理为您编辑。
4. 导出视频，或下载代码以在您自己的项目中使用该模板。

基于 remocn 的 Resizable 制作: https://remocn.dev