Android启动页解决方案

Dear 丶 2022-06-11 09:39 299阅读 0赞

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

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

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

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

![随机广告与移动无关][strip]

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

![结构][1240]

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))); } }; }

这里集成了腾讯广告联盟，[点击这里][Link 1]注册，流程比较简单，按照说明一步一步进行就可以了，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，[欢迎访问][Link 2]

end.

[strip]: /images/20220611/b1b7bfeeac0e491a8a8c2302bbb8bef6.png
[1240]: /images/20220611/eeeec241b7304700b5cf2234dfb0e5af.png
[Link 1]: http://e.qq.com/dev/index.html
[Link 2]: https://github.com/landptf/BlogDemo