加快activity显示速度,提高用户体验

来源:互联网 发布:人生感悟的句子知乎 编辑:程序博客网 时间:2024/05/24 06:29

来自:http://blog.csdn.net/rev_fycd/article/details/9993133


     项目里某个activity在显示前总是会先黑屏一会儿,然后才显示页面,感觉影响用户体验,要求优化。好吧,从activity的生命周期方法开始吧。因为业务逻辑的关系,只用到onCreate和onResume(事实上,个人感觉,除了这俩生命周期方法以及相对应的两个方法,其他的生命周期方法例如onStart之类似乎都只在面试时候用到。。)。文档里说明,onResume一旦执行完毕,页面就已经显示给用户了,onCreate则是初始化各种(只要初始化一次的)数据,比如布局(这个必须在onCreate里),一些逻辑需要的变量,对象等等。onCreate还没有显示给用户,那么那段黑屏可以确定就是onCreate的时间太长了。


    怎么优化?既然要减少onCreate的时间,那就精简onCreate里的代码。放在onResume里好了。为了用户体验更好一些,把页面显示的View细分一下,放在AsyncTask里逐步显示,如果你够熟练,用handler更好,这样用户的看到的就是有层次有步骤的一个个的view的展示,不会是先看到一个黑屏,然后一下显示所有view。最好作成动画,效果更自然些。利用多线程的目的就是尽可能的减少onCreate和onReume的时间,使得用户能尽快看到页面,操作页面。


    但是,很多操作是只需要一次初始化的,都放在onResume里每次进入activity都会浪费初始化时间。这个好解决,做一个boolean变量,在onCreate里标记为true。在onResume里判断为true就进行初始化,初始化完成立刻置为false。搞定。


代码如下:

package com.example.example;    import android.os.AsyncTask;  import android.os.Bundle;  import android.app.Activity;  import android.view.Menu;    public class MainActivity extends Activity {        private boolean create;        @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_main);          create = true;   //标记变量      }        @Override      protected void onResume(){          super.onResume();          if(create){              new AsyncTask<Params, Progress, Result>(){                  @Override                  protected Boolean doInBackground(Void... params) {                      //后台逐步初始化view。                      //init View 1...                      publishProgress(values);                      //init View 2...                      publishProgress(values);                      //init View 3...                      publishProgress(values);                      //init View 4...                      publishProgress(values);                      return null;                  }                    @Override                  protected void onProgressUpdate(Progress... values) {                      //根据参数在UI线程显示view                      //show View 1...                      //show View 2...                      //show View 3...                      //show View 4...                  }                }.execute(Params);              create = false;          }      }  }  



0 0