Android启动页解决方案

转载请注明出处：http://www.jianshu.com/p/2666fbf9f175

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

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

• 集成腾讯广告联盟的SDK

• 启动页加载过程中，后台初始化数据

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

随机广告与移动无关

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

结构

01 activity_main.xml

包含了两个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.