闪屏页或者广告页 (SplashView) 在众多 App 里是比较常见的。一般来说 SplashView 有以下职责:

  • 在合适的时机显示 SplashView - 可控性
  • 下载、缓存、更新图片
  • 回调响应图片点击事件
  • 倒计时 Dismiss View,主动跳过 Dissmiss View
  • 本地没有缓存时,显示默认图片或者不显示 SplashView


好了,先看看效果:

SplashView:一行代码解决闪屏页(广告页) Android/Java篇 1

SplashView:一行代码解决闪屏页(广告页) Android/Java篇 - 敏捷大拇指 - SplashView:一行代码解决闪屏页(广告页) Android/Java篇 1


SplashView:一行代码解决闪屏页(广告页) Android/Java篇 2

SplashView:一行代码解决闪屏页(广告页) Android/Java篇 - 敏捷大拇指 - SplashView:一行代码解决闪屏页(广告页) Android/Java篇 2


在 Activity 上显示 SplashView, 需要注意的是要在 Activity setContentView(int viewId) 之后调用:

[Java] 纯文本查看 复制代码
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_sample);
        // call after setContentView(R.layout.activity_sample);
        SplashView.simpleShowSplashView(this);
}


也可以自定义超时时间、默认图片、回调方法等:

[Java] 纯文本查看 复制代码
/**
     * static method, show splashView on above of the activity
     * you should called after setContentView()
     * @param activity  activity instance
     * @param durationTime  time to countDown
     * @param defaultBitmapRes  if there's no cached bitmap, show this default bitmap;
     *                          if null == defaultBitmapRes, then will not show the splashView
     * @param listener  splash view listener contains onImageClick and onDismiss
     */
SplashView.showSplashView(this, 3, R.drawable.default_img, new SplashView.OnSplashViewActionListener() {
            @Override
            public void onSplashImageClick(String actionUrl) {
                Log.d("SplashView", "img clicked. actionUrl: " + actionUrl);
                Toast.makeText(SampleActivity.this, "img clicked.", Toast.LENGTH_SHORT).show();
            }
            @Override
            public void onSplashViewDismiss(boolean initiativeDismiss) {
                Log.d("SplashView", "dismissed, initiativeDismiss: " + initiativeDismiss);
            }
        });


更新 SplashView 数据方法 updateSplashData 可以在任何时候任何地方调用:

[Java] 纯文本查看 复制代码
// call this method anywhere to update splash view data
SplashView.updateSplashData(this, "http://ww2.sinaimg.cn/large/72f96cbagw1f5mxjtl6htj20g00sg0vn.jpg", "http://jkyeo.com");


说说原理,其实很简单。如图选中 FrameLayout 下唯一的 ChildView 是我们自定义的通过 setContentView 设置的 View。那么我们只需要讲 SplashView 作为这个 FrameLayout 的 ChildView 覆盖在最上层即可。合适的时候 remove 实现 Dismiss。

SplashView:一行代码解决闪屏页(广告页) Android/Java篇 3

SplashView:一行代码解决闪屏页(广告页) Android/Java篇 - 敏捷大拇指 - SplashView:一行代码解决闪屏页(广告页) Android/Java篇 3

View Hierarchy

核心代码:

[Java] 纯文本查看 复制代码
ViewGroup contentView = (ViewGroup) activity.getWindow().getDecorView().findViewById(android.R.id.content);
...
contentView.addView(splashView, param);


剩下的就是处理缓存、定时器、Dismiss 动画、显示隐藏状态栏,ActionBar 的问题了。

对应 iOS(Swift) 版本在这里:《SplashView:一行代码解决闪屏页(广告页) iOS/Swift篇

完整示例代码参见:

游客,如果您要查看本帖隐藏内容请回复





相关内容:

SplashView:一行代码解决闪屏页(广告页) Android/Java篇

SplashView:一行代码解决闪屏页(广告页) iOS/Swift篇




作者:jkyeo