前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何模仿网易新闻客户端,动态加载启动页面

如何模仿网易新闻客户端,动态加载启动页面

作者头像
BestSDK
发布2018-02-27 14:43:44
3.1K0
发布2018-02-27 14:43:44
举报
文章被收录于专栏:BestSDKBestSDKBestSDK

编辑导语

不管是原生开发(iOS)还是APICloud开发的APP,都是不能在打包后修改启动图的,除非你的APP重新打包升级更新,以跟换启动图。

启发思路:

既然启动图无法更换,那网上那么多APP是如何做到启动页上动态的加广告呢?如网易新闻客户端那样。其实,只要你细心就会发现,当你启动网易新闻客户端后立马显示在你眼前的是一个没有广告的启动图,一两秒后那些广告才显示出来的。也就是说,它这个启动画面是分了两部分,一是真正的那个和APP一起打包的启动图,带广告那个其实是个背景图与前面真实启动图一样的“伪启动图”。

不过由于他们两个图片的logo一样(位置),所以大家还认为那是同一个启动图,并且还在上面每天不断的更换广告,说到这里想必大家都明白如何用APICloud做这种启动广告了,无非就是关闭真实启动图后,立马用frame显示一个真实启动图一样的背景,然后再在上面加一个广告图而。

问题:

如果我只需要做一个铺满整个屏幕的的启动广告图那没什么问题,目前的APICloud完全能做到。但问题来了,如何做一个像网易新闻客户端那种,下半截漏一个LOGO出来的启动广告页,并且这个启动广告页上的LOGO要与前面真实启动页上的LOGO对齐,不错位,让用户感觉不出来你这是两个页面?因为APICloud可以生成安卓、苹果不同平台,不同屏幕尺寸的APP,我要如何去适配?有人说用html+css+js什么的能做到。且某前端高手也尝试过,无法适配各种尺寸的设备,LOGO会错位,还要放一张几M的启动图到APP中一起打包。

解决方案:

而我能想到的办法就是动态获取当前用户设备的启动图,他设备用多大尺寸、比例的图,我就用多大尺寸和比例的图来做广告页的背景图,这样就不会出现错位问题了。那如何获取当前用户设备的启动图呢?我自己搞了个自定义模块。现在模块提交到模块Store,需要漫长的等待官方审核。先弄个二维码和视频给大家体验下。

模块文档:

http://docs.apicloud.com/%E7%AB%AFAPI/%E5%8A%9F%E8%83%BD%E6%89%A9%E5%B1%95/launchImage

APP实例下载二维码:

PS:

1、第一次启动后要等几秒钟,等广告图后台延迟获取并缓存,第二次启动广告就会展现出来了。

2、广告图可以点击。

视频:http://v.youku.com/v_show/id_XMTQyNTQ3NzU1Mg==.html

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2016-04-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 BestSDK 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 编辑导语
  • 启发思路:
  • 问题:
  • 解决方案:
  • 模块文档:
  • APP实例下载二维码:
  • PS:
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档