@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
switchLaunchThemeForNormalTheme();
super.onCreate(savedInstanceState);
lifecycle.handleLifecycleEvent(Lifecycle.Event.ON_CREATE);
delegate = new FlutterActivityAndFragmentDelegate(this);
///创建绑定引擎等
delegate.onAttach(this);
///用于插件、框架恢复状态
delegate.onActivityCreated(savedInstanceState);
///设置窗口背景透明,隐藏 status bar
configureWindowForTransparency();
///这里是咱们的入口
setContentView(createFlutterView());
configureStatusBarForFullscreenFlutterExperience();
}
setContentView大家很熟悉,我们直接看createFlutterView() 这个方法:
@NonNull
private View createFlutterView() {
return delegate.onCreateView(
null /* inflater /, null / container /, null / savedInstanceState */);
}
FlutterActivityAndFragmentDelegate
flutter的初始化、启动等操作都是委托给它的。
我们继续看onCreateView,我将说明以注释的形式写在代码里
@NonNull
View onCreateView(
LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
Log.v(TAG, “Creating FlutterView.”);
ensureAlive();
if (host.getRenderMode() == RenderMode.surface) {
/// flutter 应用在surface上显示,所以会进入到这里
FlutterSurfaceView flutterSurfaceView =
new FlutterSurfaceView(
host.getActivity(), host.getTransparencyMode() == TransparencyMode.transparent);
// Allow our host to customize FlutterSurfaceView, if desired.
host.onFlutterSurfaceViewCreated(flutterSurfaceView);
// Create the FlutterView that owns the FlutterSurfaceView.
///用我们的flutterSurfaceView 初始化了一个 FlutterView
flutterView = new FlutterView(host.getActivity(), flutterSurfaceView);
} else {
FlutterTextureView flutterTextureView = new FlutterTextureView(host.getActivity());
// Allow our host to customize FlutterSurfaceView, if desired.
host.onFlutterTextureViewCreated(flutterTextureView);
// Create the FlutterView that owns the FlutterTextureView.
flutterView = new FlutterView(host.getActivity(), flutterTextureView);
}
// Add listener to be notified when Flutter renders its first frame.
flutterView.addOnFirstFrameRenderedListener(flutterUiDisplayListener);
/// 创建一个闪屏view - FlutterSplashView
flutterSplashView = new FlutterSplashView(host.getContext());
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {
flutterSplashView.setId(View.generateViewId());
} else {
// TODO(mattcarroll): Find a better solution to this ID. This is a random, static ID.
// It might conflict with other Views, and it means that only a single FlutterSplashView
// can exist in a View hierarchy at one time.
flutterSplashView.setId(486947586);
}
/// 显示闪屏页
flutterSplashView.displayFlutterViewWithSplash(flutterView, host.provideSplashScreen());
Log.v(TAG, “Attaching FlutterEngine to FlutterView.”);
///所创建surface 绑定到engine上
flutterView.attachToFlutterEngine(flutterEngine);
return flutterSplashView;
}
这里我们可以大致了解到,创建了一个FlutterSurfaceView 它继承自surfaceView(我们的flutter页面也是渲染在这个surface上的)。之后我们用它初始化一个FlutterView,
FlutterView继承自 FrameLayout
随后我们再创建一个FlutterSplashView (继承FrameLayout)并调用displayFlutterViewWithSplash()方法。
public void displayFlutterViewWithSplash(
@NonNull FlutterView flutterView, @Nullable SplashScreen splashScreen) {
// If we were displaying a previous FlutterView, remove it.
if (this.flutterView != null) {
this.flutterView.removeOnFirstFrameRenderedListener(flutterUiDisplayListener);
removeView(this.flutterView);
}
// If we were displaying a previous splash screen View, remove it.
if (splashScreenView != null) {
removeView(splashScreenView);
}
// Display the new FlutterView.
this.flutterView = flutterView;
///添加flutterView
addView(flutterView);
this.splashScreen = splashScreen;
// Display the new splash screen, if needed.
if (splashScreen != null) {
if (isSplashScreenNeededNow()) {
Log.v(TAG, “Showing splash screen UI.”);
// This is the typical case. A FlutterEngine is attached to the FlutterView and we’re
// waiting for the first frame to render. Show a splash UI until that happens.
splashScreenView = splashScreen.createSplashView(getContext(), splashScreenState);
///添加 splashScreenView
addView(this.splashScreenView);
flutterView.addOnFirstFrameRenderedListener(flutterUiDisplayListener);
} else if (isSplashScreenTransitionNeededNow()) {
Log.v(
TAG,
“Showing an immediate splash transition to Flutter due to previously interrupted transition.”);
splashScreenView = splashScreen.createSplashView(getContext(), splashScreenState);
addView(splashScreenView);
transitionToFlutter();
} else if (!flutterView.isAttachedToFlutterEngine()) {
Log.v(
TAG,
“FlutterView is not yet attached to a FlutterEngine. Showing nothing until a FlutterEngine is attached.”);
flutterView.addFlutterEngineAttachmentListener(flutterEngineAttachmentListener);
}
}
}
这个方法对flutterView进行了保存(不用管这个),随后我们保存了一个 接口的实现类——splashScreen,这个实现类则是由FlutterActivity实现的(MainActivity)来提供的:
///host 是个接口,由FlutterActivity实现
回顾上面:flutterSplashView.displayFlutterViewWithSplash(flutterView, host.provideSplashScreen());
public SplashScreen provideSplashScreen() {
Drawable manifestSplashDrawable = getSplashScreenFromManifest();
if (manifestSplashDrawable != null) {
///DrawableSplashScreen 实现了 splashScreen的接口
return new DrawableSplashScreen(manifestSplashDrawable);
} else {
return null;
}
}
通过getSplashScreenFromManifest 初始化了一个drawable,我们看一下它内部:
@Nullable
@SuppressWarnings(“deprecation”)
private Drawable getSplashScreenFromManifest() {
try {
ActivityInfo activityInfo =
getPackageManager().getActivityInfo(getComponentName(), PackageManager.GET_META_DATA);
Bundle metadata = activityInfo.metaData;
///这里就是我们在 AndroidManifest.xml中设置启动页了
///SPLASH_SCREEN_META_DATA_KEY 的值 见下方
int splashScreenId = metadata != null ? metadata.getInt(SPLASH_SCREEN_META_DATA_KEY) : 0;
return splashScreenId != 0
? Build.VERSION.SDK_INT > Build.VERSION_CODES.LOLLIPOP
-
? getResources().getDrawable(splashScreenId, getTheme())
-
getResources().getDrawable(splashScreenId)
-
null;
} catch (PackageManager.NameNotFoundException e) {
// This is never expected to happen.
return null;
}
}
static final String SPLASH_SCREEN_META_DATA_KEY =
“io.flutter.embedding.android.SplashScreenDrawable”;
可以看到,通过上面的方法,我们以在AndroidManifest.xml设置的启动资源 初始化了一个drawable,进而初始化了DrawableSplashScreen 并返回。
我们回到displayFlutterViewWithSplash 继续向下看,
///通过我们之前的drawable 生成一个 view
splashScreenView = splashScreen.createSplashView(getContext(), splashScreenState);
///添加 splashScreenView
addView(this.splashScreenView);
到了这里,整个闪屏页的流程就跑完了。
回头看去,可以发现在闪屏页的显示到引擎的启动及flutter 页面的显示会有一个很长的过程,而直到flutter 页面的显示,这个闪屏页才会被移除掉。
那么如何优化呢? 以下是我的方案。
=====================================================================
因为flutter与原生处于两个不同的surface,所以我们可以考虑利用原生的surface来显示这个启动页,同时为了避免拖慢flutter的启动,我们可以在子线程来做这个事情。ww
案例中我们显示一个svga动画
插件使用:‘com.github.yyued:SVGAPlayer-Android:2.5.12’
直接开工,我们写个方法initSplashPage() :
public void initSplashPage(){
Executors.newSingleThreadExecutor()
.execute(new Runnable() {
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
@Override
public void run() {
///涉及到view的更新,所以我们需要一个loop
Looper.prepare();
WindowManager wm = (WindowManager)getSystemService(WINDOW_SERVICE);
///创建启动页的view
SVGAImageView imageView = new SVGAImageView(getApplicationContext());
imageView.setBackgroundColor(getResources().getColor(R.color.white));
Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
switch (msg.what){
case 1111:
///在启动页中 显示 svga动画
imageView.setImageDrawable((SVGADrawable)msg.obj);
imageView.startAnimation();
break;
}
}
};
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
最后
想要了解更多关于大厂面试的同学可以点赞支持一下,除此之外,我也分享一些优质资源,包括:Android学习PDF+架构视频+源码笔记,高级架构技术进阶脑图、Android开发面试专题资料,高级进阶架构资料 这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
mg-IhaSNJwG-1712755946926)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
最后
想要了解更多关于大厂面试的同学可以点赞支持一下,除此之外,我也分享一些优质资源,包括:Android学习PDF+架构视频+源码笔记,高级架构技术进阶脑图、Android开发面试专题资料,高级进阶架构资料 这几块的内容。非常适合近期有面试和想在技术道路上继续精进的朋友。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!