Flutter系列（三）：Flutter挑战复杂页面！视频编辑页面来袭。

目前市面上的Flutter都普遍用于一些简单页面，单纯铺设UI，而开眼快创作为完全使用Flutter开发的APP，除了简单的信息流页面，还有更重要的页面——视频编辑页面和模版视频制作页面。今天主要介绍一下开眼快创的视频编辑页面是如何生成和优化的。

在进入开眼快创项目之前，项目里有很多人甚至对Flutter是完全没有了解的，再加上当时市面上还没找到用Flutter写视频编辑页面的APP，因此很多技术方案都经过了漫长的摸索和迭代。

首先，熟悉一下开眼快创APP中视频编辑页面的基本样式（如下图）：

视频编辑页面有主要以下几个特点：

状态复杂：有太多视频编辑的状态以及当前页面用户操作的中间状态等等。
技术复杂：跨端方案的多端数据类对齐和信息通信效率的提升。
逻辑复杂：变速的需求将时间对齐这件简单事情的复杂度提升了一个次元。
UI复杂：主要复杂在时间轴、视频轴、音乐轴以及音效轴等等。
性能要求高：预览播放时整个页面需根据播放情况更新对应状态，后续优化将主要针对这一点。

基于以上几个特点考虑，在技术方案确定之初，我们也考虑过视频编辑页面是否需要用原生来写࿰

Flutter系列（三）：Flutter挑战复杂页面！视频编辑页面来袭。相关推荐

flutter系列之:flutter中的变形金刚Transform
文章目录简介 Transform简介 Transform的使用总结简介虽然我们在开发APP的过程中是以功能为主,但是有时候为了美观或者其他的特殊的需求,需要对组件进行一些变换.在Flutter ...
Flutter系列之在 macOS 上安装和配置 Flutter 开发环境
本文为Flutter开发环境在macOS下安装全过程: 一.系统配置要求想要安装并运行 Flutter,你的开发环境需要最低满足以下要求: 操作系统:macOS(64位) 磁盘空间:700 MB(不 ...
Flutter 动态化 | Flutter + Dart 三端一体化动态化平台实践
导读 FairPushy 是基于Flutter+Dart三端一体化打造的动态更新平台主要由Web + Server + Native全部使用Flutter+Dart编写,为Flutter动态化场景提供 ...
【Flutter】创建 Flutter 项目 ( Android Studio 创建并运行 Flutter 应用 | 命令行创建并运行 Flutter 应用 | 运行 Flutter 应用三种方式 )
文章目录一.Android Studio 中创建 Flutter 项目二.命令行创建 Flutter 项目三.通过命令行方式运行 Flutter 项目四.通过 Android Studio 可 ...
学习ASP.NET Core Razor 编程系列三——创建数据表及创建项目基本页面
原文:学习ASP.NET Core Razor 编程系列三--创建数据表及创建项目基本页面学习ASP.NET Core Razor 编程系列目录学习ASP.NET Core Razor 编程系列一 ...
用 Flutter 写一个精美的登录页面（最新版）
用 Flutter 写一个精美的登录页面(最新版) 主体结构标题输入框登录按钮其他登录方式注册按钮完整源码参考了博客:用flutter写一个精美的登录页面.但是那篇文章是 18 年的,较 ...
决胜 Flutter 系列之第一章：熟悉战场
欢迎参加"决胜 Flutter" 实训课程,这里是你此次实训之旅的起点.本章将带您快速了解移动开发的现状,然后向您介绍 Flutter 的发展历史以及优势特点,最后一起动手,搭建高 ...
后端如何发出请求_gRPC系列(三) 如何借助HTTP2实现传输
本系列分为四大部分: gRPC系列(一) 什么是RPC? gRPC系列(二) 如何用Protobuf组织内容 gRPC系列(三) 如何借助HTTP2实现传输 gRPC系列(四) 框架如何赋能分布式系统 ...
【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | Android 端实现 BasicMessageChannel 通信 )
文章目录前言一.Android 端 BasicMessageChannel 构造函数二.Android 端 MessageCodec 子类实现三.Android 端 setMessageHan ...

Flutter系列（三）：Flutter挑战复杂页面！视频编辑页面来袭。

Flutter系列（三）：Flutter挑战复杂页面！视频编辑页面来袭。相关推荐

最新文章

热门文章