Flutter 中的 Timer 实例 实现 广告页面3秒跳转

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/JerryWu145/article/details/87979645

在写轮播之前,先把 Timer 看一遍吧

Timer 官网

由上图可知,Timer 类存在于dart:async内,所以我们需要先导入

    import 'dart:async';

方可使用。

而且 Timer 的构造也很简单,一个时长Duration 一个到时之后执行的任务callback,如下图,他的构造方法

看着官网的示例也是很简单的,我们先仿照做一个三秒之后打印hello timer文字的例子。

小例子

很简单

我们来看下效果

这个例子看不出来啥效果,是因为Timer只能定时,到了一定时间之后会执行某个任务。

好在 Timer 还为我们提供了另外一个构造方法,通过这个构造方法我们就能看到一些效果了。

下图为 Timer 的两个构造方法,我们已经使用了第一个

接下来,我们使用第二个构造方法,实现一个 「广告页面 3 秒跳转」 的小 demo。

开始吧。

广告页面 3 秒跳转

先看效果图

一、准备资源,配置好

二、声明变量,下方会用到

这里声明了

  • 定时器

  • 字体样式

  • 秒 变量

三、初始化状态

timer 内部做了 3秒跳转的判断,不难

四、跳转逻辑

五、广告页面布局

这里浪费了点时间

搞好之后的布局效果:

图片全屏

数秒位置

这两点大家重点看一下撒

Bingo 总结

其实本例子不难,由于我布局还不熟,浪费了点时间,如果自己写的话,应该半个小时?

大家试试吧~

猜你喜欢

转载自blog.csdn.net/JerryWu145/article/details/87979645
今日推荐