UGUI组件之快速消息提示(飘字)

简介:

文章目录[点击展开](?)[+]

效果预览

quickmsg



使用情景

几乎每一个游戏都会有这种飘字提示,实现起来并不复杂, 我把它做了一个组件。

开箱即可使用,无需二次开发,如果效果不满意,开放源码,方便进行调优。



组件源码

核心代码

每次将飘字的请求都插入到队列中,然后从队列中取出,进行飘字

对于飘字Prefab使用缓存池,减少内存消耗。

https://github.com/zhaoqingqing/UGUIDemo/blob/master/Assets/Components/QuickMsg/XUIMidMsg.cs



动画控制

飘字出现的淡入淡出,从小变大,往上升的动画控制逻辑

https://github.com/zhaoqingqing/UGUIDemo/blob/master/Assets/Components/QuickMsg/XUIMidMsgAnimator.cs



第三方开源库

本组件使用Dotween进行动画方面的表现,Dotween免费版的版的功能也足够使用。

关于Dotween的使用,可以浏览我之前的博客

DoTween(HOTween V2) 教程
DOTween文档
xLua中导出Dotween


使用示例

示例工程:https://github.com/zhaoqingqing/UGUIDemo/blob/master/Assets/Components/QuickMsg/



调用代码

复制代码
using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class QuickMsgDemo : MonoBehaviour
{
    public Button BtnTest;
    public int MsgIndex = 0;

    // Use this for initialization
    void Start()
    {
        BtnTest.onClick.AddListener(OnQuickMsg);
    }

    void OnQuickMsg()
    {
        XUIMidMsg.QuickMsg("test - " + MsgIndex);
        MsgIndex += 1;
    }
}
复制代码
作者:赵青青        出处:http://www.cnblogs.com/zhaoqingqing/
关于我:乐于学习未知技术和知识,擅长Unity3D,游戏开发,.NET等领域。
本文版权归作者和博客园共有欢迎转载,转载之后请务必在文章明显位置标出原文链接和作者,谢谢。
如果本文对您有帮助,请点击【推荐】您的赞赏将鼓励我继续创作!想跟我一起进步么?那就【关注】我吧。
分类: uGUI/Unity2D
标签: uGUI
好文要顶 关注我 收藏该文    
赵青青
关注 - 29
粉丝 - 214
+加关注
0 0
快速评论
« 上一篇:UGUI自定义组件之Image根据Text大小自动调整
» 下一篇:Jenkins的构建编号和一个有趣的bug
posted @ 2017-07-07 10:36 赵青青 阅读(314) 评论(0) 编辑 收藏
刷新评论刷新页面返回顶部本文出自赵青青,原文链接:http://www.cnblogs.com/zhaoqingqing/p/7130505.html,如需转载请自行联系原作者
相关文章
uniapp 实现加载效果,消息提示框,模态框
uniapp 实现加载效果,消息提示框,模态框
575 0
|
C# Windows 容器
C#或Winform中的消息通知之系统托盘的气泡提示窗口(系统toast通知)、ToolTip控件和ToolTipText属性
NotifyIcon控件表示系统右下角任务栏上的托盘图标,其ShowBalloonTip方法用于显示气球状提示框(Win10只有为本地Toast通知),ToolTip\oolTipText可以...
2043 0
C#或Winform中的消息通知之系统托盘的气泡提示窗口(系统toast通知)、ToolTip控件和ToolTipText属性
|
7月前
|
JavaScript 前端开发 小程序
uniapp中nvue页面如何全屏,map组件如何全屏?
uniapp中nvue页面如何全屏,map组件如何全屏?
400 3
|
7月前
uniapp 设置底部导航栏
uniapp 设置底部导航栏
222 1
|
7月前
|
前端开发
Flutter笔记:光影动画按钮、滚动图标卡片组等
Flutter笔记:光影动画按钮、滚动图标卡片组等
85 0
|
移动开发 JavaScript 算法
vue实现一个鼠标滑动预览视频封面组件
vue实现一个鼠标滑动预览视频封面组件
206 0
|
小程序
小程序-uniApp:区域滚动、下拉刷新、上拉加载更多
小程序-uniApp:区域滚动、下拉刷新、上拉加载更多
986 0
|
XML 存储 缓存
底部导航栏的几种实现方式
底部导航栏的几种实现方式
337 0
|
JavaScript 小程序 Android开发
讲述小程序之组件picker(从底部弹起的滚动选择器)
讲述小程序之组件picker(从底部弹起的滚动选择器)
377 0
讲述小程序之组件picker(从底部弹起的滚动选择器)
|
小程序
微信小程序:echarts层级太高,遮挡van-popup弹框组件
微信小程序:echarts层级太高,遮挡van-popup弹框组件
1308 0