Question

下面是我的计时器函数及其输出（都在同一页面内），我想知道如何将输出更改为分钟和秒，需要任何帮助。按照目前的情况，只需几秒钟。

class _TimerPageState extends State<TimerPage> {
  int _counter = 0;
  Timer _timer;
  bool _vibrationActive = false;

  void _startTimer() {
    _counter = Duration(minutes: 25).inMinutes;
    if (_timer != null) {
      _timer.cancel();
    }
    _timer = Timer.periodic(Duration(seconds: 1), (timer) {
      setState(() {
        if (_counter > 0) {
          _counter--;
        } else {
          _timer.cancel();
          vibrate();
          print(
              "I'm picking up good vibrations"); //test print to chceck if method gets past vibartion
        } //meaning that vibration function is called and working
      });
    });
  }

这里是输出的地方

Widget _buildVerticalLayout(_counter, _startTimer, _pauseTimer) {
  return Scaffold(
    body: Padding(
      padding: EdgeInsets.symmetric(horizontal: 40.0, vertical: 60.0),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: <Widget>[
          Text(
            'Pomo Timer',
            style: TextStyle(
                color: Colors.black,
                fontSize: 40.0,
                fontWeight: FontWeight.bold),
          ),
          SizedBox(height: 140.0),
          Column(
            mainAxisAlignment: MainAxisAlignment.end,
            children: <Widget>[
              (_counter > 0) ? Text("") : Text("5 minute break!",
                      style: TextStyle(
                        color: Colors.green,
                        fontWeight: FontWeight.bold,
                        fontSize: 48,
                      ),
                    ),
              Text(
                '$_counter',
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  fontSize: 48,
                ),
              ),
              ElevatedButton(
                onPressed: () => _startTimer(),
                child: Text("Pomo Start"),
              ),
              ElevatedButton(
                onPressed: () {
                  _pauseTimer();
                },
                child: Text("Pomo Pasue"),
              ),
            ],
          ),
        ],
      ),
    ),
  );
}

根据我目前阅读的所有内容，我只是不知所措，我想我只是看得太仔细了。我确实希望这不仅仅是一个重复的问题，我会浪费时间。为回应的人干杯！

Answer 1

正如@mkobuolys 指出的那样，您将 25 分钟的持续时间转换为 25 的整数，然后每秒从中减去。所以我假设您打算将其转换为秒（您可以只做分钟*60）。

为了提供替代方案，一种自己处理这个问题的简单方法是使用内置的 dart:math 函数和一点点简单的数学：

'${(seconds/60).floor()}:'+'${seconds%60}'.padLeft(2, '0')

或者，如果您想要分钟部分的尾随零：

'${(seconds/60).floor()}'.padLeft(2, '0')+':'+'${seconds%60}'.padLeft(2, '0')

通过将秒数除以 60 (seconds/60)，然后使用 floor 去除余数，您得到分钟数。然后您通过使用模运算符 (seconds%60) 获取先前丢弃的余数来获得秒数。最后，如果数字是一位数，则使用 padLeft 提供尾随零。

Answer 2

我建议您将 _counter 值保留为 Duration 对象：

  void _startTimer() {
    _counter = Duration(minutes: 25);
    ...
    _timer = Timer.periodic(Duration(seconds: 1), (timer) {
      setState(() {
        if (_counter > 0) {
          _counter -= Duration(seconds: 1);
        } else {
          ...
        }
      });
    });
  }

然后，在您的 UI 中，您可以使用 Duration 类方法来实现您的目标：

Widget _buildVerticalLayout(_counter, _startTimer, _pauseTimer) {
  final minutes = _counter.inMinutes;
  final seconds = _counter.inSeconds - minutes * Duration.secondsPerMinute;

  ...
  Text(
    '$minutes:$seconds',
    style: TextStyle(
      fontWeight: FontWeight.bold,
      fontSize: 48,
    ),
  ),
  ...
}

我想将我的颤振定时器输出转换为 MM:SS 格式

2 个答案: