整个UI分三层，通过底部栏的三种场景：

1. 顶部栏(TopBar)

2. 预览区(Preview)

3. 底部栏(BottomBar)
   

顶部栏(TopBar)

预览区(Preview)

底部栏(BottomBar)

使用Fragment通过xml方式方式管理，底部栏有三种UI状态：

1. 默认UI->DEFAUTL

2. 封面编辑UI->COVER_EDITOR

3. 导出UI-> EXPORT

场景PageScenes

/**
  * 页面类型Scenes，控制ui显示和交互逻辑
  *  @see DEFAULT :导出页默认UI （返回按钮，封图编辑，导出，分辨率设置）
  *  @see COVER_EDITOR：封图设置页面：ViewPager2+TabLayout,工两个tab，视频帧和相册
  *  @see EXPORT 导出页： 导出进度loading，取消导出
  *
  */
enum class PageScenes {
    DEFAULT,
    COVER_EDITOR,
    EXPORT,
}

封图TabType

/**
  * 封图编辑Tab
  *  @see FRAME :视频帧tab
  *  @see ALBUM :相册tab
  */
enum class TabType {
    FRAME,
    ALBUM,
}