重拾Android之路之启动页Splash、广告页

作者: OzanShareing | 来源:发表于2018-03-21 16:28 被阅读31次

引言

公司业务需求涉及到广告页，趁此机会来学习总结一下。

第一次安装启动的时候，是会出现任何版本都会有的页面，包含有App logo 和slogan的标准静态页面，然后是介绍新版本特性和基本使用方法或者广告和软文的引导页

在APP的开发过程中，启动页面是绕不开的，广告页面说不定，但是不得不说，这两个界面都是经常要用到的。

那么先看看我们的需求和流程：（当然这也是可以根据实际需求改动的）

展示 logo 页面3秒
服务端可以控制是否播放广告
服务端可以控制播放广告的秒数
服务端可以控制广告的内容（图片）和广告详情页面的链接

这里需要注意的一点是，从服务端请求数据是在展示 3 秒启动页的时候获取的。

启动页

如果我们稍微有留意的话，都会发现，我们自己的应用启动的时候都有一段白屏的状态。但是微信却没有，我们现在要做的是解决这个问题。

首先我们来了解一下，冷启动，热启动。

冷启动：是指进程从无到有的过程。因为要进行页面初始化，所以相对热启动方式，消耗的时间是相对比较多的。
热启动：是指之前的进程还在，在之前进程的基础上创建 Activity 的过程。这里耗时相对少一点。

我们可以通过 Activity 的 theme 来修改这个白屏所显示的界面。根据上面的需求，我们需要显示3秒 logo 的页面。那么，我们干脆将我们的logo设置为背景图就行。

<style name="AppTheme.NoActionBarWithBackGround">
    <item name="windowActionBar">false</item>//取消Actionbar
    <item name="windowNoTitle">true</item>
    <item name="android:windowFullscreen">true</item>//设置全屏
    <item name="android:windowBackground">@drawable/splash</item>//设置背景
</style>

然后让我们的 Activity 使用这个 theme 即可。

<activity
    android:name=".View.iml.AdActivity"
    android:theme="@style/AppTheme.NoActionBarWithBackGround">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

广告页

广告页我尝试过两种方式：

glide 加载
通过下载文件，然后再加载

如果使用glide加载广告图片，如果网络比较差，会存在广告页面空白的情况，因为使用 glide 无法判断在展示 logo页面的3 秒内是否加载好了广告图片。这给用户的体验是比较差的，也是不太友好的，因为用户在空白界面白白等待了 3 秒。所以后面使用了将广告图片下载到本地的方法。

这里进行数秒，这里是通过增加数字值来控制的，解决了服务端要控制广告时间的问题。之前使用过减少数字值来实现，但是要解决服务端控制广告时间，就没那么容易了。

View

    private int countNum() {//数秒
        timeCount++;
        if (timeCount == 3) {//数秒，超过3秒后如果没有网络，则进入下一个页面
            if (!NetUtils.isConnected(AdActivity.this)) {
                continueCount = false;
                toNextActivity();
            }
            if (!loginCheckBean.isPlayAd()) {//如果服务端不允许播放广告，则直接进入下一个页面
                continueCount = false;
                toNextActivity();
            } else {//如果播放，则进行显示
                ivAdvertising.setVisibility(View.VISIBLE);
                layoutSkip.setVisibility(View.VISIBLE);
            }
        }
        if (timeCount == initTimeCount) {//超过广告显示的最长时间，进入下一个界面
            continueCount = false;
            toNextActivity();
        }
        return timeCount;
    }

    public void toNextActivity() {//根据是否保存有 token 判断去登录界面还是主界面
        L.d("到下一个界面");
        Intent intent = null;
        String token = (String) SPUtils.get(AdActivity.this, "token", "");
        if (TextUtils.isEmpty(token)) {
            intent = new Intent(AdActivity.this, LoginActivity.class);
        } else {
            intent = new Intent(AdActivity.this, MainActivity.class);
            MyApplication.setToken(token);
        }
        startActivity(intent);
        finish();
    }

Presenter

向服务端请求是否要播放广告

    public void getLoginCheck() {//向服务器请求是否要播放广告
        mAdModel.getLoginCheck()
                .subscribeOn(Schedulers.io())                            //发布者在后台线程中运行
                .observeOn(AndroidSchedulers.mainThread())               //订阅者在Android主线程中运行
                .subscribe(new RxSubscribe<LoginCheckBean>() {
                    @Override
                    protected void _onNext(LoginCheckBean loginCheckBean) {
                        getMyView().setLoginCheckBean(loginCheckBean);
                        if (loginCheckBean.isPlayAd()) {//这里需要添加一个是否已经下载的判断，如果已经下载，则不再进行下载
                            getAdMessage();
                        }
                    }

                    @Override
                    protected void _onError(String message) {

                    }

                    @Override
                    public void onCompleted() {

                    }
                });
    }

获取图片地址，详情页面链接，广告的播放时间

    public void getAdMessage() {
        mAdModel.getAdMessage()
                .subscribeOn(Schedulers.io())                            
                .observeOn(AndroidSchedulers.mainThread())               
                .subscribe(new RxSubscribe<AdMessageBean>() {
                    @Override
                    protected void _onNext(AdMessageBean adMessageBean) {
                        getMyView().setAdTime(adMessageBean.getAdTime());
                        getAdPicture(adMessageBean.getAdPictureUrl(), "123.jpg");
                    }

                    @Override
                    protected void _onError(String message) {

                    }

                    @Override
                    public void onCompleted() {

                    }
                });
    }

获取广告图片

   private void getLocalPicture(String localUrl) {
        Bitmap bitmap = BitmapFactory.decodeFile(localUrl);
        getMyView().setAdImg(bitmap);
    }

    public void getAdPicture(final String fileUrl, final String fileName) {//获取要展示的广告图片
        if (SPUtils.get((Context) getMyView(), "adPictureUrl", "").equals(fileUrl)) {//判断是否存在缓存
            L.d("从本地获取图片");
            getLocalPicture((String) SPUtils.get((Context) getMyView(),"adPictureAddress",""));
        } else {
            L.d("从网络中获取图片");
            mAdModel.downLoadFile(fileUrl)
                    .subscribeOn(Schedulers.newThread())                            
                    .observeOn(AndroidSchedulers.mainThread())               
                    .map(new Func1<ResponseBody, Bitmap>() {
                        @Override
                        public Bitmap call(ResponseBody responseBody) {
                            if (responseBody != null) {
                                L.d("收到的responseBody不为空！");
                            }
                            if (writeResponseBodyToDisk(responseBody, fileName, fileUrl)) {
                                Bitmap bitmap = BitmapFactory.decodeFile(((Context) getMyView()).getExternalFilesDir(null) + File.separator + fileName);
                                return bitmap;
                            }
                            return null;
                        }
                    }).subscribe(new RxSubscribe<Bitmap>((Context) getMyView()) {
                @Override
                protected void _onNext(Bitmap bitmap) {
                    getMyView().setAdImg(bitmap);
                }

                @Override
                protected void _onError(String message) {

                }

                @Override
                public void onCompleted() {

                }
            });
        }

    }


    private boolean writeResponseBodyToDisk(ResponseBody body, String fileName, String fileUrl) {//保存图片到本地
        try {
            // todo change the file location/name according to your needs

            File futureStudioIconFile = new File(((Context) getMyView()).getExternalFilesDir(null) + File.separator + fileName);
            L.d("文件的保存地址为：" + ((Context) getMyView()).getExternalFilesDir(null) + File.separator + fileName);
            InputStream inputStream = null;
            OutputStream outputStream = null;
            try {
                byte[] fileReader = new byte[4096];
                long fileSize = body.contentLength();
                long fileSizeDownloaded = 0;
                inputStream = body.byteStream();
                outputStream = new FileOutputStream(futureStudioIconFile);
                while (true) {
                    int read = inputStream.read(fileReader);
                    if (read == -1) {
                        break;
                    }
                    outputStream.write(fileReader, 0, read);
                    fileSizeDownloaded += read;

                    L.d("file download: " + fileSizeDownloaded / fileSize * 100);
                    L.d("file download: " + fileSizeDownloaded + " of " + fileSize);
                }
                outputStream.flush();

                SPUtils.put((Context) getMyView(), "adPictureAddress", ((Context) getMyView()).getExternalFilesDir(null) + File.separator + fileName);//下载好广告图片后，保存好当前广告图片的地址，为判断是否已经下载好图片做准备
                SPUtils.put((Context) getMyView(), "adPictureUrl", fileUrl);
                return true;
            } catch (IOException e) {
                return false;
            } finally {
                if (inputStream != null) {
                    inputStream.close();
                }
                if (outputStream != null) {
                    outputStream.close();
                }
            }
        } catch (IOException e) {
            return false;
        }
    }

Model

    public Observable<LoginCheckBean> getLoginCheck() {//假装服务器要展示广告
        return Observable.create(new Observable.OnSubscribe<LoginCheckBean>() {
            @Override
            public void call(Subscriber<? super LoginCheckBean> subscriber) {
                subscriber.onNext(new LoginCheckBean(true));
                subscriber.onCompleted();
            }
        });
    }

    public Observable<AdMessageBean> getAdMessage() {
        return Observable.create(new Observable.OnSubscribe<AdMessageBean>() {
            @Override
            public void call(Subscriber<? super AdMessageBean> subscriber) {//假装要展示 3 秒广告，且广告图为如下地址
                subscriber.onNext(new AdMessageBean(3,"http://odjfpxwey.bkt.clouddn.com/2017-3-3-20-141110180-Screenshot_2017-02-23-23-10-26-062_com.tmall.wireless.png","http://www.baidu.com"));
                subscriber.onCompleted();
            }
        });
    }

    public Observable<ResponseBody> downLoadFile(String fileUrl) {
        return retrofitService.downLoadFile(fileUrl);
    }

启动页和广告页的内容暂时是这些

Github地址

重拾Android之路之启动页Splash、广告页

引言

启动页

广告页

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读

Android

安卓UI