Goals

• 梳理从应用启动到渲染上屏的完整调用链
• 创建可视化时序图展示各模块间的交互关系
• 明确 ace_engine_lite、ui_lite、graphic_utils_lite 三个仓库的协作关系

Non-Goals

• 不涉及具体硬件驱动实现细节
• 不深入讨论JS引擎执行机制

渲染流程时序图

调用链路详解

阶段1: 应用初始化

阶段2: 视图树构建

// RootView::InitDrawContext()
void RootView::InitDrawContext()
{
    dc_.bufferInfo = BaseGfxEngine::GetInstance()->GetFBBufferInfo();
    InitMapBufferInfo(dc_.bufferInfo);  // 初始化变换缓冲区
}

阶段3: 脏区标记

// UIView::Invalidate() -> RootView::AddInvalidateRect()
void UIView::Invalidate()
{
    // 向上遍历找到RootView
    while (view != nullptr) {
        if (view->transMap_ != nullptr && !view->GetTransformMap().IsInvalid()) {
            InvalidateRect(view->GetRect(), view);
            return;
        }
        view = view->parent_;
    }
    InvalidateRect(GetFullRect());  // 标记完整区域
}

阶段4: 渲染调度

// RenderManager::Callback() 定时触发
void RenderManager::Callback()
{
    RootView* rootView = RootView::GetInstance();
    rootView->Measure();   // 测量阶段
    rootView->Render();    // 渲染阶段
    UpdateFPS();          // FPS计算
}

阶段5: 视图树绘制

// RootView::DrawTop() - 核心绘制逻辑
void RootView::DrawTop(UIView* view, const Rect& rect)
{
    // 栈式遍历视图树
    while (par != nullptr) {
        if (curView->IsVisible()) {
            curView->OnDraw(*dc_.bufferInfo, curViewRect);  // 绘制
            // 递归子视图...
            curView->OnPostDraw(*dc_.bufferInfo, curViewRect); // 后处理
        }
        curView = curView->GetNextRenderSibling();
    }
}

阶段6: 缓冲区刷新

// BaseGfxEngine::Flush()
void SoftEngine::Flush(const Rect& flushRect)
{
    // 软件渲染直接写入FrameBuffer
    // 硬件渲染提交GPU命令
}

三个仓库的协作关系

关键数据流

性能优化机制

1. 脏区优化: 只重绘标记的无效区域，避免全屏刷新
2. 视图树剪枝: IsVisible() 检查跳过不可见视图
3. 透明度继承: GetMixOpaScale() 计算累积透明度
4. 栈式遍历: 避免递归深度限制，支持更深的视图嵌套