企业官网建设流程全解析

LibreCuts 是一款免费开源的 Android 视频剪辑 App，它的画中画（PiP）能力并不局限于单块小窗：你可以把文本、贴纸、GIF 动图甚至另一段视频作为叠加层放进画面，再配合时间轴上的图层管理，把多条轨道安排得井井有条。本文用 5 分钟带你从零上手。

画中画叠加层是什么？

在 LibreCuts 里，"叠加层"（Overlay）就是压在主视频之上的素材，常见用途包括：

• 文本（Text）：标题、字幕、水印，支持颜色、描边、透明度、对齐方式等设置
• 贴纸（Stickers）：任意图片、GIF 动图、WebP，支持缩放、旋转、镜像
• 视频叠加（PiP）：叠加层本身可以是动图或带循环的媒体，实现"画面里套画面"

对应的底层能力可以在这几个源文件里看到：

• 文本叠加实现：DraggableTextOverlayView.kt
• 图片/GIF 叠加实现：DraggableImageOverlayView.kt
• 叠加层数据模型（AddText / AddImageOverlay）：EditOperation.kt

快速添加画中画：5步上手

进入编辑页后，底部工具栏有Text、Stickers、Audio、Crop、Add五个入口（见 activity_video_editing.xml 中的底部工具栏定义），画中画主要用前两个：

1. 点击 Add：打开媒体选择器，挑一张图片或 GIF 作为叠加素材，它会被放进pipPlayerContainer画中画容器里
2. 点击 Stickers：直接添加贴纸图片，GIF 动图也会被自动识别（代码中通过.gif后缀判断类型，见 VideoEditingActivity.kt 中的 isGif 逻辑）
3. 拖动画布定位：素材以"拖拽即所见"的方式摆放，松手后位置以相对坐标记录，播放时自动跟随
4. 双指缩放 + 旋转：调整大小和角度，还支持镜像翻转
5. 点击 Export：叠加层会随主视频一起渲染导出，导出前可预览确认

💡 小提示：想让画中画在时间轴上循环播放，AddImageOverlay模型默认开启了isLooping，所以 GIF 和循环素材无需额外设置。

文本叠加层：字幕与标题技巧

点Text进入文本编辑，可调节项包括：

• 样式：字体（内置 Roboto，也可导入自定义字体）、字号、颜色、描边粗细
• 排版：左/中/右对齐、字距、行距
• 动态效果：位置关键帧（让文字移动）、透明度关键帧（让文字淡入淡出）

文字参数最终由 FFmpeg 的 drawtext 滤镜渲染，细节定义在 EditOperation.kt 的AddText类中。做"开场标题淡入"的效果，只需要在 0 秒加一个透明度 0 的关键帧、在 1 秒加一个透明度 100% 的关键帧即可。

图层管理：谁压在上层？

当多个叠加层互相遮挡时，就需要调整图层顺序：

• 向上 / 向下移一层：时间轴左侧的上下箭头按钮（btnMoveLayerUp/btnMoveLayerDown），把选中的叠加层前移或后移
• 展开时间轴：点击轨道旁的展开按钮，可以更清楚地看到每条轨道的起止范围
• 磁吸对齐：开启磁吸（Magnet）后，拖动素材会吸附到边缘和对齐线，摆位更整齐

每条轨道（文本 Tr 块、音频块、视频块）在时间轴上独立排布，你可以精确控制每个叠加层出现和消失的时刻——startTimeMs和endTimeMs就是干这个的。

常见问题速答（FAQ）

Q：GIF 贴纸不动了？确认文件后缀是.gif且未被压缩损坏；LibreCuts 对 GIF 做了专门的循环播放处理（见 ImageOverlayView.kt）。

Q：画中画挡住了主画面，想换顺序？用图层上移/下移按钮调整 Z 序，或临时缩小叠加层尺寸。

Q：导出的视频里没有叠加层？检查导出设置是否完成所有确认步骤；叠加层参数已随项目序列化保存（ProjectSerializer.kt），重新打开项目不丢设置。

写在最后

从一行字幕到多层画中画，LibreCuts 用"拖拽 + 时间轴"的思路把复杂操作简化成了几步点击。上手成本不高，但组合起来的表达力相当可观：文本做标题、GIF 做点缀、视频叠加做双机位或对比效果，再加上图层顺序控制，短视频创作的基本功就齐了。快去试试吧！