一首《China-A》迎来鼠年的三月。
启动页是一个展示产品品牌或者承接广告的好地方,几乎所有的App都会包含启动页。那么我们也可以给自己做的应用添加一个启动页来玩一玩,由于手头只有Android 10的设备,所以这篇并不会谈及不同Android版本的适配问题。仍然是抛砖引玉,也当作是一个记录。
启动页的设计
启动页面给我们的印象有如下几点:
一定的展示时间
页面纯粹,有的只包含产品品牌信息或者文字说明,给用户留下印象
有的则是满屏的广告,而且持续时间较长,跳过的按钮不明显
没有标题栏,状态栏也会保持与页面一致的颜色,以达到更舒适的视觉效果
所以,最关键的是要使得启动页隐去标题栏和状态栏,达到一种全屏的效果。
Android 10 下的简便操作
手头的是Android 10的设备,不得不说,随着Android版本的升高,一些在低版本上需要复杂操作的步骤,在高版本上只需要简单的声明几句就好了。
先看一下如果啥都不干,只是在style文件中引入了 ,移除了标题栏,是什么效果。
可以看出,状态栏的颜色与主体不一,这种如果作为启动页的话,并不好看。因此需要将它也与页面保持一致,这里用的是白色的。
在style.xml文件中,新建一个style,取名为
上面的两句添加完,然后再AndroidManifest文件中,将我们的启动页SplashActivity的Theme指向它,就可以了。
执行一下,可以看到如下的效果。
是不是有点启动页的感觉了。
另外,如果这个时候发现状态栏的文字信息和图标无法清晰展示时,也有办法解决,就在上面的StartTheme中添加一行属性:
就可以发现状态栏的文字和图标都清晰的显示出来了,当然这种在主页面设计时很实用。
既然有了页面,现在应该考虑如何让它展示一小段时间就直接自动跳转到主页面。这里直接使用Android内置的一个倒计时类 ,使用起来不要太简单
接收两个参数:需要倒计时的总秒数,以及每次跳动的时间间隔。两个回调函数onTick以及onFinish分别在每到一个时间点时调用和倒计时结束后调用。最后调用start()方法启动倒计时。因此基于 类,倒计时功能的实现就是这么简单。
最后,为了我们的启动页好看一些,我们可以加一些动画效果在里面,这里推荐一个爱彼迎的动画库 ,我们把它引入工程中:
然后在 目录下创建 文件夹,存放 的动画的json文件,例如,本文的用例选择了一个名为 的动画,然后在布局文件中,放置它就好了。
大功告成,看看效果。
Demo中设置时间为2s,这个时间可以自由设定,总的来看,还是说得过去的~
领取专属 10元无门槛券
私享最新 技术干货