首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何制作一个简单的Android启动页

一首《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,这个时间可以自由设定,总的来看,还是说得过去的~

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200229A01JDH00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券