Android启动页解决方案

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

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

• 集成腾讯广告联盟的SDK
• 启动页加载过程中，后台初始化数据

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

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

01 activity_main.xml

<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"    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:id="@+id/fm_splash"        android:layout_width="match_parent"        android:layout_height="match_parent"        class="com.landptf.blog.splash.SplashFragment" />    <fragment        android:id="@+id/fm_main"        android:layout_width="match_parent"        android:layout_height="match_parent"        class="com.landptf.blog.MainFragment" /></FrameLayout>

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

02 MainActivity.java

/** * 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(fmMain).show(fmSplash).commit();    }    public void dismissSplash(){        frManager.beginTransaction().hide(fmSplash).show(fmMain).commitAllowingStateLoss();    }}

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

03 SplashFragment.java

/** * 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 = (TextView) activity.findViewById(R.id.tv_skip);        ivSplashHolder = (ImageView) activity.findViewById(R.id.iv_splash_holder);        //申请动态权限        ApplyPermissions();    }    /**     * 动态申请集成腾讯广告联盟的开屏广告所需要的三个权限     * 使用了RxPermissions开源框架     */    private void ApplyPermissions() {        RxPermissions rxPermissions = new RxPermissions(activity);        rxPermissions                .request(Manifest.permission.READ_PHONE_STATE,                        Manifest.permission.ACCESS_COARSE_LOCATION,                        Manifest.permission.WRITE_EXTERNAL_STORAGE)                .subscribe(granted -> {                    if (granted) {                        //获取开屏广告                        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(int i) {            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(long l) {            tvSkip.setText(String.format(SKIP_TEXT, Math.round(l / 1000f)));        }    };}

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

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

04 MainFragment.java

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

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

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 ---

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

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

end.