Android运营页施工方案

2019-09-18 21:57 来源:未知

02 MainActivity.java

1) 冷启动:当直接从桌面上直接启动,同时后台没有该进程的缓存,这个时候系统就需要重新创建一个新的进程并且分配各种资源。

5.解决方案

1.采用SplashActivity
app启动的耗时主要是在:Application初始化 MainActivity的界面加载绘制时间。
由于MainActivity的业务和布局复杂度非常高,甚至该界面必须要有一些初始化的数据才能显示。那么这个时候MainActivity就可能半天都出不来,这就给用户感觉app太卡了。
我们要做的就是给用户赶紧利落的体验。点击app就立马弹出我们的界面。

于是乎想到使用SplashActivity--非常简单的一个欢迎页面上面都不干就只显示一个图片。
但是SplashActivity启动之后,还是需要跳到MainActivity。MainActivity还是需要从头开始加载布局和数据。
想到SplashActivity里面可以去做一些MainActivity的数据的预加载。然后需要通过意图传到MainActivity。

进一步优化
单个SplashActivity的方式可能还存在的问题:
耗时的问题:Application Activity的启动及资源加载时间;预加载的数据花的时间。
如果我们能让这两个时间重叠在一个时间段内并发地做这两个事情就省时间了。

可不可以再做一些更好的优化呢?
解决:将SplashActivity和MainActivity合为一个。

一进来还是现实的MainActivity,SplashActivity可以变成一个SplashFragment,然后放一个FrameLayout作为根布局直接现实SplashFragment界面。
SplashFragment里面非常之简单,就是现实一个图片,启动非常快。当SplashFragment显示完毕后再将它remove。同时在splash的2S的友好时间内进行网络数据缓存。这个时候我们才看到MainActivity,就不必再去等待网络数据返回了。

问题:SplashView和ContentView加载放到一起来做了 ,这可能会影响应用的启动时间。
解决:可以使用ViewStub延迟加载MainActivity当中的View来达到减轻这个影响。

2.采用ViewStub
viewStub的设计就是为了防止MainActivity的启动加载资源太耗时了。延迟进行加载,不影响启动,用户友好。
但是viewStub加载也需要时间。等到主界面出来以后。
viewStub.inflate(xxxx);

在MainFragment主线程中开启了一个只线程来模拟耗时操作,通过log可以看到在广告倒计时的过程中线程已经在执行了。

ps:测试数据是在老款三星手机下所得耗时数据。

4.减少应用的启动时间的耗时

  • 1.不要在Application的构造方法、attachBaseContext()、onCreate()里面进行初始化耗时操作。
  • 2.MainActivity,由于用户只关心最后的显示的这一帧,对我们的布局的层次要求要减少,自定义控件的话测量、布局、绘制的时间。不要在onCreate、onStart、onResume当中做耗时操作。
  • 3.对于SharedPreference的初始化。因为他初始化的时候是需要将数据全部读取出来放到内存当中。
    优化:
    1:可以尽可能减少sp文件数量(IO需要时间);
    2.像这样的初始化最好放到线程里面;3.大的数据缓存到数据库里面。
  • 4.第三方初始化如果可以在子线程中做,就可以用子线程,如果一定要在主线程中做,就找个合数的时间(比如service)

以上就是app的启动页方案,充分利用了加载广告的时间

新问题:SplashView和ContentView加载放到一起来做了 ,这可能会影响应用的启动时间?

6.如何设计延迟加载DelayLoad

第一时间想到的就是在onCreate里面调用handler.postDelayed()方法。
问题:这个延迟时间如何控制?
不同的机器启动速度不一样。这个时间如何控制?
假设,需要在splash做一个动画--2S

如果在onCreate中用Handler延迟处理是达不到优化效果,因为:performTraversals()——ViewTree的测量、布局、绘制工作——>他执行完之后才会执行handler里面的方法——>performTraversals()。这样还是会影响主线程。

需要达到的效果:应用已经启动并加载完成,界面已经显示出来了,然后我们再去做其他的事情。

如果我们这样的方式是没法做到等应用已经启动并加载完成,界面已经显示出来了,然后我们再去做其他的事情。

        mHandler.postDelayed(new Runnable() {
            @Override
            public void run() {
                mProgressBar.setVisibility(View.GONE);
                iv.setVisibility(View.VISIBLE);
            }
        }, 2500);

问题:什么时候应用已经启动并加载完成,界面已经显示出来了。
onResume执行完了之后才显示完毕。不行。
onwindowfocuschange
ViewTreeObserver

如何正确实现延迟:

//判断当窗体加载完毕的时候执行,延迟一段时间做动画。
        getWindow().getDecorView().post(new Runnable() {

            @Override
            public void run() {
                // 开启延迟加载,也可以不用延迟可以立马执行(我这里延迟是为了实现fragment里面的动画效果的耗时)
                mHandler.postDelayed(new DelayRunnable(MainActivity.this, splashFragment) ,2000);
//              mHandler.post(new DelayRunnable());

            }
        });

全部代码已上传至Github,欢迎访问

1.启动分为两种方式:

1.启动分为两种方式:

  • 1.冷启动:
    当直接从桌面上直接启动,同时后台没有该进程的缓存,这个时候系统就需要重新创建一个新的进程并且分配各种资源。
  • 2.热启动:
    该app后台有该进程的缓存,这时候启动的进程就属于热启动。
    热启动不需要重新分配进程,也不会Application了,直接走的就是app的入口Activity,这样就速度快很多

01 activity_main.xml

5.如何设计延迟加载DelayLoad

第一时间想到的就是在onCreate里面调用Handler.postDelayed()方法;问题一:这个延时时间如何控制不同的机器启动速度不一样,这个时间如何控制?假设,先需要splash做一个2s动画,然后在MainActivity中主界面加载完成之后,关闭splash页面如果这样写:

 mHandler.postDelayed(new Runnable() { @Override public void run() { mProgressBar.setVisibility(View.GONE); iv.setVisibility(View.VISIBLE); } }, 2500);

2.如何测量一个应用的启动时间

使用命令行来启动app,同时进行时间测量。单位:毫秒

    adb shell am start -W [PackageName]/[PackageName.MainActivity]
    adb shell am start -W com.gzsll.hupu/.ui.splash.SplashActivity
    adb shell am start -W com.example.applicationstartoptimizedemo/com.example.applicationstartoptimizedemo.SplashActivity
    adb shell am start -W com.dn.splashoptimize/com.dn.splashoptimize.MainActivity

ThisTime: 165 指当前指定的MainActivity的启动时间
TotalTime: 165 整个应用的启动时间,Application Activity的使用的时间。
WaitTime: 175 包括系统的影响时间---比较上面大。

/** * 模拟后台耗时操作 */private void testThread(){ new Thread -> { int i = 0; while  { try { Thread.sleep; } catch (InterruptedException e) { e.printStackTrace(); } Log.e(TAG, "--- "   i   " ---"); i  ; } }).start();}

4.减少应用的启动时间的耗时

根据应用的启动流程,我们从而得到以下减少应用启动耗时操作的建议:

  • ##### 不要在Application的构造方法、attachBaseContext()、onCreate()里面进行初始化耗时操作。

  • ##### MainActivity,由于用户只关心最后显示的这一帧,对我们的布局的层次要求减 自定义控件的测量、布局、绘制的时间。 同时 不要在onCreate、onStart、onResume当中的做耗时操作。

  • ##### 对于SharedPreference的初始化

    ##### 因为它初始化的时候是需要将数据全部读取出来放到内存当中。

    ##### 优化1:可以尽可能减少sp文件数量

    ##### 优化2:像这样的初始化最好放到线程里面

    ##### 优化3:大量的数据缓存到数据库中

app启动的耗时主要在:Application初始化 MainActivity的界面加载绘制时间。

由于MainActvity的业务和布局复杂度非常高,甚至该界面必须要有一些初始化的数据才能显示。那么这个时候MainActivity就可能半天都出不来,这就给用户感觉App太卡了。

1.我们要做的就是给用户赶紧利落的体验。点击app就立马弹出我们的界面。于是乎想到使用SplashActivity--非常简单的一个欢迎页面上面都不干就只显示一个图片。2.但是SplashActivity启动之后,还是需要跳到MainActivity。MainActivity还是需要从头开始加载布局和数据。想到SplashActivity里面可以去做一些MainActivity的数据的预加载。然后需要通过意图传到MainActivity。

耗时的问题:Application Activity的启动及资源加载时间;预加载的数据花的时间。

3.应用启动的流程

Application从构造方法开始--->attachBaseContext()--->onCreate()--->Activity构造方法--->onCreate()--->设置显示界面布局,设置主题、背景等等属性--->onStart()--->onResume()--->显示里面的view(测量、布局、绘制,显示到界面上)

问题:时间花在哪里了?

  • 集成腾讯广告联盟的SDK
如果我们能让这两个时间重叠在一个时间段内并发地做这两个事情就省时间了。
<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:andro xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.landptf.blog.MainActivity"> <fragment android: android:layout_width="match_parent" android:layout_height="match_parent" /> <fragment android: android:layout_width="match_parent" android:layout_height="match_parent" /></FrameLayout>
综合上诉方案,以下是关键代码:
public class MainActivity extends AppCompatActivity { private Handler mHandler = new Handler(); private SplashFragment splashFragment; private ViewStub viewStub; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); splashFragment = new SplashFragment(); FragmentTransaction transaction = getSupportFragmentManager().beginTransaction(); transaction.replace(R.id.frame, splashFragment); transaction.commit(); /** *这么写不好判断视图有没有加载完 */ // mHandler.postDelayed(new Runnable() {// @Override// public void run() {// mProgressBar.setVisibility(View.GONE);// iv.setVisibility(View.VISIBLE);// }// }, 2500); viewStub =  findViewById(R.id.content_viewstub); //1.判断当窗体加载完毕的时候,立马再加载真正的布局进来 getWindow().getDecorView().post(new Runnable() { @Override public void run() { // 开启延迟加载 mHandler.post(new Runnable() { @Override public void run() { //将viewstub加载进来 viewStub.inflate; } }); //2.判断当窗体加载完毕的时候执行,延迟一段时间做动画。 getWindow().getDecorView().post(new Runnable() { @Override public void run() { // 开启延迟加载,也可以不用延迟可以立马执行(我这里延迟是为了实现fragment里面的动画效果的耗时) mHandler.postDelayed(new DelayRunnable(MainActivity.this, splashFragment), 2000); } }); //3.同时进行异步加载数据 //...... } static class DelayRunnable implements Runnable { private WeakReference<Context> contextWeakReference; private WeakReference<SplashFragment> splashFragmentWeakReference; public DelayRunnable(Context context, SplashFragment f) { contextWeakReference = new WeakReference<Context>; splashFragmentWeakReference = new WeakReference<SplashFragment>; } @Override public void run() { //移除Fragment if (contextWeakReference != null) { SplashFragment splashFragment = splashFragmentWeakReference.get(); if (splashFragment == null) { return; } FragmentActivity activity = (FragmentActivity) contextWeakReference.get(); FragmentTransaction transaction = activity.getSupportFragmentManager().beginTransaction(); transaction.remove(splashFragment); transaction.commit(); } } }}

activity_main.xml

<RelativeLayout xmlns:andro android:layout_width="match_parent" android:layout_height="match_parent" > <ViewStub android: android:layout="@layout/activity_main_viewstub" android:layout_width="match_parent" android:layout_height="match_parent"/> <FrameLayout android: android:layout_width="match_parent" android:layout_height="match_parent" > </FrameLayout></RelativeLayout>

图片 1三星手机下显示的耗时

/** * Created by landptf on 2017/03/18. * 主页面,包含了SplashFragment和MainFragment */public class MainActivity extends AppCompatActivity { private FragmentManager frManager; private SplashFragment fmSplash; private MainFragment fmMain; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); } private void initView() { frManager = getSupportFragmentManager(); fmSplash = (SplashFragment) frManager.findFragmentById(R.id.fm_splash); fmMain = (MainFragment) frManager.findFragmentById(R.id.fm_main); showSplash(); } private void showSplash(){ frManager.beginTransaction().hide.show.commit(); } public void dismissSplash(){ frManager.beginTransaction().hide.show.commitAllowingStateLoss(); }}
是无法在准确监听页面加载完的

问题:什么时候应用已经启动并加载完成,界面已经显示出来了。采用onResume执行完了之后才显示完毕?不行。

建议采用getDecorView() 获取上级view 然后添加视图

包含了两个fragment,分别是加载广告也和主界面的

2) 热启动:该app后台有该进程的缓存,这时候启动的进程就属于热启动。

热启动不需要重新分配进程,也不会Application了,直接走的就是app的入口Activity,这样速度就很快

这里集成了腾讯广告联盟,点击这里注册,流程比较简单,按照说明一步一步进行就可以了,sdk文档也比较详细。

不过相较于SplashActivity MainActivity启动速度优化还是挺明显的。大家可以在自己手机上试试。

这篇文章主要包括以下两方面内容

比如:将SplashActivity和MainActivity合为一个。

一进来还是显示MainActivity,SplashActivity可以变成一个SplashFragment,然后放一个FrameLayout作为根布局直接显示SplashFragment界面。SplashFragment里面非常之简单,就是现实一个图片,启动非常快。

图片 2随机广告与移动无关

当SplashFragment显示完毕后再将它remove。同时在splash的2S的友好时间内进行网络数据缓存。

这个时候我们才看到MainActivity,就不必再去等待网络数据返回了。

/** * Created by landptf on 2017/03/18. * 启动页,集成了腾讯广告联盟的开屏广告 */public class SplashFragment extends Fragment { private static final String TAG = SplashFragment.class.getSimpleName(); private MainActivity activity; private ViewGroup container; private TextView tvSkip; private ImageView ivSplashHolder; private static final String SKIP_TEXT = "点击跳过 %d"; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R.layout.fragment_splash, container, false); } @Override public void onActivityCreated(@Nullable Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); activity = (MainActivity) getActivity(); initView(); } private void initView() { container = (ViewGroup) activity.findViewById(R.id.fl_splash_container); tvSkip =  activity.findViewById(R.id.tv_skip); ivSplashHolder = (ImageView) activity.findViewById(R.id.iv_splash_holder); //申请动态权限 ApplyPermissions(); } /** * 动态申请集成腾讯广告联盟的开屏广告所需要的三个权限 * 使用了RxPermissions开源框架 */ private void ApplyPermissions() { RxPermissions rxPermissions = new RxPermissions; rxPermissions .request(Manifest.permission.READ_PHONE_STATE, Manifest.permission.ACCESS_COARSE_LOCATION, Manifest.permission.WRITE_EXTERNAL_STORAGE) .subscribe(granted -> { if  { //获取开屏广告 new SplashAD(activity, container, tvSkip, Constants.APPID, Constants.SplashPosID, adListener, 5000); } else { //直接进入主页面 activity.dismissSplash; } /** * 开屏广告状态的监听 */ private SplashADListener adListener = new SplashADListener() { /** * 广告关闭时调用,可能是用户关闭或者展示时间到。此时一般需要跳过开屏的Activity,进入应用内容页面 */ @Override public void onADDismissed() { activity.dismissSplash(); } /** * 广告加载失败,errCode用于描述失败原因。 * @param i */ @Override public void onNoAD { Log.e(TAG, "error code = "   i); activity.dismissSplash(); } /** * 广告成功展示时调用 */ @Override public void onADPresent() { ivSplashHolder.setVisibility(View.GONE); } /** * 广告被点击时调用 */ @Override public void onADClicked() { Log.i(TAG, "SplashADClicked"); } /** * 倒计时回调,返回广告还将被展示的剩余时间,单位是ms * @param l */ @Override public void onADTick { tvSkip.setText(String.format(SKIP_TEXT, Math.round(l / 1000f))); } };}

3.应用启动的流程

Application从构造方法开始 ---> attachBaseContext() ---> onCreate()Activity构造方法 ---> onCreate() ---> 设置显示界面布局,设置主题、背景等等属性 ---> onStart()---> onResume() ---> 显示里面的View(测量、布局、绘制,显示到界面上)

从构造方法我们知道,启动耗时的主要花费在各个启动流程中

04 MainFragment.java

SplashOptimize

特别感谢:动脑学院Ricky

03-18 03:30:50.348 9491-9513/com.landptf.blog E/MainFragment: --- 0 ---03-18 03:30:51.348 9491-9513/com.landptf.blog E/MainFragment: --- 1 ---03-18 03:30:52.348 9491-9513/com.landptf.blog E/MainFragment: --- 2 ---03-18 03:30:53.349 9491-9513/com.landptf.blog E/MainFragment: --- 3 ---03-18 03:30:54.350 9491-9513/com.landptf.blog E/MainFragment: --- 4 ---
源码地址:

03 SplashFragment.java

2.如何测量一个应用的启动时间

 使用命令行来启动app,同时进行时间测量。单位:毫秒 adb shell am start - W [PackageName] /[PackageName.MainActivity] 例: adb shell am start -W com.haocai.app/.activity.GuideActivity

图片 3冷启动耗时图片 4热启动耗时

打印的结果为ThisTime 该activity启动耗时TotalTime 应用自身启动耗时=ThisTime 应用application等资源启动时间WaitTime 系统启动应用耗时=TotalTime 系统资源启动时间

  • 启动页加载过程中,后台初始化数据
解决:可以使用ViewStub延迟加载MainActivity当中的View来达到减轻这个影响。

viewStub的设计就是为了防止MainActivity的启动加载资源太耗时了。延迟进行加载,不影响启动,用户友好。但是viewStub加载也需要时间。等到主界面出来以后。viewStub.inflate;

end.

启动页几乎成为了每个app的标配,有些商家在启动页中增加了开屏广告以此带来更多的收入。目前启动页的广告都有倒计时的功能,那么我们在倒计时的过程中能做些什么呢?

我们在设计启动页时的常规做法是建立一个Activity来加载开屏图片或者广告,作为程序的入口,那么在这个三到五秒时间内如果进行数据下载,当用户点击了跳过按钮或者计时结束了数据还没初始化完成,已经进入了主页面,而主界面刚好需要那些基础数据该如何?

图片 5结构

当广告加载完成后调用 activity.dismissSplash();将其隐藏

因此,我们将启动页和主界面设计成两个Fragment,集成到MainActivity中。这样我们在启动页中加载广告,在主界面中下载数据,登陆等耗时操作,程序的结构如下:

转载请注明出处:

在SplashFragment中广告加载完成或者点击跳过后调用dismissSplash将SplashFragment隐藏,将MainFragment显示出来

版权声明:本文由彩民之家高手论坛发布于编程技术,转载请注明出处:Android运营页施工方案