草庐IT

【Unity】UI面板:倒计时器

HanaKoo 2023-03-28 原文

一、添加文本(UI -> text)

二、创建脚本(CountdownTimer)

第一种方法:

1、首先在方法外声明两个变量

private Text txtTimer;    //存放组件的变量
public int second = 120;    //倒计时时间120秒

2、在Start方法内获取文本组件(需要引入UI命名空间:using UnityEngine.UI; )

private void Start()
    {
        //查找组件的 方法一    (适合查找一个,多个的话需要对变量遍历)
        txtTimer = GetComponent<Text>();
        //查找组件的 方法二    (按照指定名称查找)
        txtTimer = GameObject.Find("TextTimer").GetComponent<Text>();

    }

3、定义第一种方法需要使用的变量(记录当前时间的下一秒,用来判断执行代码)

private float nextTime = 1;//下次修改时间

4、定义Timer1方法

private void Timer1()
    {
        Debug.Log("Timer1 被调用");    // 打印调试
        if (second >=0)    // second < 0 停止倒计时
        {
            if (second <= 10)    //小于10秒则倒计时字体变红
            {
                txtTimer.color = Color.red;
            }

            if (Time.time >= nextTime)    // 当开计时的时间大于定义的1秒
            {
                second--;    //减一秒钟
                txtTimer.text = string.Format("{0:d2}:{1:d2}", second / 60, second % 60);    //格式化输出

                nextTime = Time.time + 1;   //变成当前时间的后一秒(为当前时间加1秒,判断当前时间后一秒再执行)
            }
        }
    }

5、将Timer1方法放入Update内即可

private void Update()
    {
        Timer1();
    }

第二种方法:

1、定义方法二用到的记录累加时间变量

private float totalTime;

2、在Start方法内获取文本组件(需要引入UI命名空间:using UnityEngine.UI; )

private void Start()
    {
        //查找组件的 方法一    (适合查找一个,多个的话需要对变量遍历)
        txtTimer = GetComponent<Text>();
        //查找组件的 方法二    (按照指定名称查找)
        txtTimer = GameObject.Find("TextTimer").GetComponent<Text>();

    }

3、定义Timer2方法

private void Timer2()    //每累加到1秒,执行一次,然后清空累加时间,从0开始重新累加(误差小)
    {
        //Debug.Log("Timer2 被调用");
        //取消调用(倒计时为0时)
        if (second == 0)
        {
            CancelInvoke("Timer2");
        }
        if (second > 0)
        {
            //Debug.Log("进入");
            //累加每帧间隔
            totalTime += Time.deltaTime;
            if (totalTime >= 1)
            {
                if (second <= 10)
                {
                    txtTimer.color = Color.red;
                }
                //Debug.Log("开始计时");
                second--;
                txtTimer.text = string.Format("{0:d2}:{1:d2}", second / 60, second % 60);
                //Debug.Log("计时结束");
                totalTime = 0;    //清空累加的时间
            }
        }
    }

4、放入Update方法执行

private void Update()
    {
        Timer2();
    }

第三种方法:

使用InvokeRepeating()或I nvoke()调用1或2方法

1、在Start方法内调用Timer1或Timer2方法

private void Start()
    {
        //查找组件的 方法一
        txtTimer = GetComponent<Text>();
        //查找组件的 方法二
        txtTimer = GameObject.Find("TextTimer").GetComponent<Text>();

        //重复调用(被执行的方法名称,第一次执行时间,每次执行间隔[开始运行程序后第几秒开始执行])
        InvokeRepeating("Timer1", 1, 2);

        //调用(方法名称,第一次执行时间[开始运行程序后第几秒开始执行])
        //Invoke("Timer2", 1);
    }

三、包含三种方法的总源代码

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

/// <summary>
///倒计时
/// </summary>
public class CountdownTimer : MonoBehaviour
{
    private Text txtTimer;
    public int second = 120;

    private void Start()
    {
        //查找组件的 方法一
        txtTimer = GetComponent<Text>();
        //查找组件的 方法二
        //txtTimer = GameObject.Find("TextTimer").GetComponent<Text>();

        //重复调用(被执行的方法名称,第一次执行时间,每次执行间隔)
        //InvokeRepeating("Timer1", 1, 2);

        //名称,几秒之后开始执行
        //Invoke("Timer2", 1);
    }


    private float nextTime = 1;//下次修改时间

    private void Update()
    {
        //Timer1();
        Timer2();

    }

    ////////////////////////////////////第一种方法///////////////////////////
    private void Timer1()
    {
        //Debug.Log("Timer1 被调用");
        
        //取消调用(倒计时为0时)[第三种方法时使用]
        if (second == 0)
        {
            CancelInvoke("Timer2");
        }
        
        if (second >=0)
        {
            if (second <= 10)
            {
                txtTimer.color = Color.red;
            }

            if (Time.time >= nextTime)
            {
                second--;
                txtTimer.text = string.Format("{0:d2}:{1:d2}", second / 60, second % 60);

                nextTime = Time.time + 1;   //变成当前时间的后一秒
            }
        }
    }

    ////////////////////////////////////第二种方法///////////////////////////
    private float totalTime;
    private void Timer2()
    {
        //Debug.Log("Timer2 被调用");
        
        //取消调用(倒计时为0时)[第三种方法时使用]
        if (second == 0)
        {
            CancelInvoke("Timer2");
        }
        
        if (second > 0)
        {
            //Debug.Log("进入");
            //累加每帧间隔
            totalTime += Time.deltaTime;
            if (totalTime >= 1)
            {
                if (second <= 10)
                {
                    txtTimer.color = Color.red;
                }
                //Debug.Log("开始计时");
                second--;
                txtTimer.text = string.Format("{0:d2}:{1:d2}", second / 60, second % 60);
                //Debug.Log("计时结束");
                totalTime = 0;
            }
        }
    }
}

PS:

将定义好的文本从层级菜单拖到项目菜单可以生成预制件,再从项目菜单拖回层级菜单就可以快速制作多个倒计时器

以上

有关【Unity】UI面板:倒计时器的更多相关文章

  1. ruby - i18n Assets 管理/翻译 UI - 2

    我正在使用i18n从头开始​​构建一个多语言网络应用程序,虽然我自己可以处理一大堆yml文件,但我说的语言(非常)有限,最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器,其中一些翻译器不愿意或无法处理存储库中的100多个文件,处理语言数据。谢谢&问候,安德拉斯(如果您已经在ruby​​onrails-talk上遇到了这个问题,我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi

  2. ruby-on-rails - 如何在 Ruby on Rails 中实现由 JSF 2.0 (Primefaces) 驱动的 UI 魔法 - 2

    按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。问题1)我想知道ruby​​onrails是否有功能类似于primefaces的gem。我问的原因是如果您使用primefaces(http://www.primefaces.org/showcase-labs/ui/home.jsf),开发人员无需担心javascript或jquery的东西。据我所知,JSF是一个规范,基于规范的各种可用实现,prim

  3. Unity 热更新技术 | (三) Lua语言基本介绍及下载安装 - 2

    ?博客主页:https://xiaoy.blog.csdn.net?本文由呆呆敲代码的小Y原创,首发于CSDN??学习专栏推荐:Unity系统学习专栏?游戏制作专栏推荐:游戏制作?Unity实战100例专栏推荐:Unity实战100例教程?欢迎点赞?收藏⭐留言?如有错误敬请指正!?未来很长,值得我们全力奔赴更美好的生活✨------------------❤️分割线❤️-------------------------

  4. FOHEART H1数据手套驱动Optitrack光学动捕双手运动(Unity3D) - 2

    本教程将在Unity3D中混合Optitrack与数据手套的数据流,在人体运动的基础上,添加双手手指部分的运动。双手手背的角度仍由Optitrack提供,数据手套提供双手手指的角度。 01  客户端软件分别安装MotiveBody与MotionVenus并校准人体与数据手套。MotiveBodyMotionVenus数据手套使用、校准流程参照:https://gitee.com/foheart_1/foheart-h1-data-summary.git02  数据转发打开MotiveBody软件的Streaming,开始向Unity3D广播数据;MotionVenus中设置->选项选择Unit

  5. unity---接入Admob - 2

    目录1.AdmobSDK下载地址2.将下载好的unityPackagesdk导入到unity里​编辑 3.解析依赖到项目中

  6. Unity 3D 制作开关门动画,旋转门制作,推拉门制作,门把手动画制作 - 2

    Unity自动旋转动画1.开门需要门把手先动,门再动2.关门需要门先动,门把手再动3.中途播放过程中不可以再次进行操作觉得太复杂?查看我的文章开关门简易进阶版效果:如果这个门可以直接打开的话,就不需要放置"门把手"如果门把手还有钥匙需要旋转,那就可以把钥匙放在门把手的"门把手",理论上是可以无限套娃的可调整参数有:角度,反向,轴向,速度运行时点击Test进行测试自己写的代码比较垃圾,命名与结构比较拉,高手轻点喷,新手有类似的需求可以拿去做参考上代码usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;u

  7. ruby - Ruby 性能中的计时器 - 2

    我正在寻找一个用ruby​​演示计时器的在线示例,并发现了下面的代码。它按预期工作,但这个简单的程序使用30Mo内存(如Windows任务管理器中所示)和太多CPU有意义吗?非常感谢deftime_blockstart_time=Time.nowThread.new{yield}Time.now-start_timeenddefrepeat_every(seconds)whiletruedotime_spent=time_block{yield}#Tohandle-vesleepinteravalsleep(seconds-time_spent)iftime_spent

  8. Unity Shader 学习笔记(5)Shader变体、Shader属性定义技巧、自定义材质面板 - 2

    写在之前Shader变体、Shader属性定义技巧、自定义材质面板,这三个知识点任何一个单拿出来都是一套知识体系,不能一概而论,本文章目的在于将学习和实际工作中遇见的问题进行总结,类似于网络笔记之用,方便后续回顾查看,如有以偏概全、不祥不尽之处,还望海涵。1、Shader变体先看一段代码......Properties{ [KeywordEnum(on,off)]USL_USE_COL("IsUseColorMixTex?",int)=0 [Toggle(IS_RED_ON)]_IsRed("IsRed?",int)=0}......//中间省略,后续会有完整代码 #pragmamulti_c

  9. 三分钟集成 TapTap 防沉迷 SDK(Unity 版) - 2

    三分钟集成Tap防沉迷SDK(Unity版)一、SDK介绍基于国家对上线所有游戏必须增加防沉迷功能的政策下,TapTap推出防沉迷SDK,供游戏开发者进行接入;允许未成年用户在周五、六、日以及法定节假日晚上8:00-9:00进行游戏,防沉谜时间段进入游戏会弹窗进行提示!开发环境要求:Unity2019.4或更高版本iOS10或更高版本Android5.0(APIlevel21)或更高版本🔗Unity集成Demo参考链接🔗UnityTapSDK功能体验APK下载链接二、集成前准备1.创建应用进入开发者后台,按照提示开始创建应用;2.开通服务在使用TDS实名认证和防沉迷服务之前,需要在上面创建的应

  10. 【Unity大气散射】GAMES104:3A中如何实现大气散射 - 2

    写在前面前两天学习并整理的大气散射基础知识:【Unity大气渲染】关于单次大气散射的理论知识,收获了很多,但不得不承认的是,这其实已经是最早的、90年代的非常古老的方法了,后来也出现了一些优化性的计算思路和方法。因此,我打算先不急着跟各种教程在Unity中实现大气散射,而是再花时间来看看最近的游戏是如何去实现大气渲染的:06.游戏中地形大气和云的渲染(下)|GAMES104-现代游戏引擎:从入门到实践接下来就跟着GAMES104讲地形大气和云渲染的部分学习并做简单的记录,涉及到之前没提到的Mie散射也只选择直接截图PPT的方式记录啦!毕竟对于做作品来说,之后实现出来才是重要的~当然,May佬的

随机推荐