【NGUI】使用NGUI实现按钮和字体都有颜色变化的效果

最新推荐文章于 2021-01-02 03:19:03 发布
最新推荐文章于 2021-01-02 03:19:03 发布
阅读量1.2k 收藏 2
点赞数
文章标签： Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A2689863090/article/details/81065649
版权

  在Prefab Toolbar面板下拖出一个background，把里面的背景删除，Create一个Sprite当按钮,再Create一个label当按钮说明，然后在按钮下添加两个UI_Button,分别指向按钮和字体，调整颜色即可


JingH777
关注
专栏目录
unityNGUI动态字体的制作和显示教学
07-27
本教程将深入探讨如何在Unity中使用NGUI制作和显示动态字体。 动态字体在游戏或应用中非常实用，因为它允许在运行时更改文本内容，比如玩家分数、游戏提示或动态更新的消息。这种灵活性极大地提高了用户体验。 ...
Unity NGUI UILabel文字变色 及相关问题
G__Dragon的专栏
08-27 1万+
在同一个UILabel中可以有不同颜色的文字只需要添加BBCode标记[ff0000]Red Label[-],那么在这个标记之间的RedLabel 就会变成红色 注意： 1.文本最终显示的颜色=Color Tint的颜色+你的颜色标记。所以如果你的Color Tint的颜色是黑色，再在代码中添加颜色标记，那么最终还是黑色。 2.BBCode属性要勾选上，否则标记代码会被当做普通字符
unity button 通过事件改变物体颜色
热门推荐
moonlightpeng的博客
05-02 1万+
1，Canvas不能移动，理解为Game窗口。2, button在UI层，不知为什么它在相机视野里面前后移动时不会远小近大。（有点像小说三体3中云天明给程心讲的故事中那个深水王子的感觉。）Pos X = 0， Pos Y = 0 表示btton在Canvas中间通过点击脚本改变颜色的事件设置,button添加上后会自动加一个可以用的事件。using System.Collections; usin...
NGUI字体添加Gradient颜色渐变效果
Vitens的专栏
09-04 1428
因为项目原因,采用的是比较老的NGUI(2.7),文本控件UILabel没有类似于UGUI的Gradient渐变效果的选项,所以需要自己动手添加. 先瞧瞧成品后的效果: 再来看看UGUI的Gradient效果,很方便,直接挂脚本就生效. 代码如下: public class Gradient : BaseMeshEffect { public Color32 topCol...
Unity NGUI对特效的显示范围进行控制
Hello Mingo
03-08 3153
在ngui的ScrollView中如果有特效存在，特效是不受panel裁剪的影响的。那么怎么限制特效的显示范围呢？
NGUI制作流光效果
06-02 317
效果展示： 技巧： 1.勾选UIPanel下的Normal启用UI的法线贴图，并建立带有法线贴图的UI对象（此处用NGUI自带的Reflector.Atlas中的图作为UI）。 2.建立点光源并为其添加Animation组件，编辑动画使之从带有法线贴图的UI一侧运动到另一侧 3.建立触发动画的方式，这里采用UI Play Animation组件来控制动画，触发事件为OnCli...
NGUI相关----UITexture图片边缘流光效果
blinkseed的专栏
09-12 7979
NGUI界面所使用的UITexture界面使用的边缘流光特效
用美术字图片和BMfont生成NGUI自定义中文字体
11-03
通过上述步骤，我们不仅能够成功地使用BMfont和美术字图片生成NGUI自定义中文字体，还能在保证视觉效果的同时提高游戏的整体质量。对于开发者来说，掌握这项技能将大大提升游戏项目的个性化程度和用户体验。希望本...
最新版本的NGUI插件NGUI Next-Gen UI 覆盖unity多个版本
最新发布
03-27
多个版本 NGUI Next-Gen UI是一款功能强大、灵活性高的UI插件，是当前最新版本的NGUI插件。它可以覆盖Unity的多个版本，包括Unity 5、...开发者可以使用Tween动画或使用代码编写动画逻辑，实现更加复杂的UI动画效果。
NGUI3.11.2
06-19
2. **层级管理**：NGUI 使用层级结构管理UI元素，允许开发者通过父子关系来控制元素的显示顺序和相互遮挡。 3. **自动布局**：支持多种布局模式，如网格布局、流式布局，使得UI元素可以自适应屏幕大小和方向。 4. ...
NGUI3.10.2
06-19
1. **组件化设计**：NGUI将UI元素拆分成多个可复用的组件，如文本、按钮、图像、布局控制器等，每个组件都有其特定的功能，可以自由组合以构建各种复杂的界面。 2. **层级管理**：通过Widget层次结构，NGUI允许...
流光人物效果
BRPROUD的专栏
04-24 1463
本教程的效果看上去非常的惊艳，色彩绚丽，人物动感十足。制作的时候确实花了不少心思。不仅有`整体再加上彩色渐变，效果非常出众。 最终效果 1、新建一个1024 * 768像素的文档，如下图。选择渐变工具，拉一个如下图所示的深灰色到黑色的渐变。
Unity NGUI实现技能CD效果
weixin_30625691的博客
07-22 155
unity版本：4.5.1　　NGUI版本：3.6.5　　脚本代码：C# 　　在游戏中经常要实现技能的CD效果，NGUI中已经实现了这个功能，即在button上创建一个半透明的Sprite实现这个功能。 　　首先要创建一个按钮，点击可以触发技能特效，参考博文：http://www.cnblogs.com/vitah/p/3858924.html，接下来在这个基础上实现技能CD的效果： 1、在...
unity 图片遮罩有锯齿_NGUI图片黑白滤镜效果
weixin_42207707的博客
01-02 426
最近在学习shader，正好UI需求一个黑白滤镜的效果，就试着做了一个demo。最初的设计是写一个mask图片遮罩的shader，让美术提供一张mask图片设置进去，但是策划想要的是一个跟章节关联的开启效果，每个章节的mask图片形状、位置、大小和数量都不一样，故放弃了这个想法。改为修改NGUIshader，开启zwrite，然后用遮挡的方式实现遮罩，大体思路参考了人物遮挡X光的实现方式(ht...
NGUI官网示例6 – Draggable Window讲解(二)
苗伟业的专栏
12-26 1963
制作鼠标停留在按钮上时的按钮动态效果。创建一个空游戏对象，命名为animation，把它拖到Button-hello上，成为其子物体，把该按钮下面的两个子对象拖到Animation空对象上，成为它的子物体。并为Animation空对象添加一个Animation组件（Component->Miscellaneous->animation）,添加完成之后，在该组件种的animation属性中的最右边小
Unity学习之NGUI动画效果，冷却效果
driaven的专栏
01-23 782
动画效果的实现过程，在此就不给大家发图片展示了。       步骤：        首先要创建一个游戏容器，然后自己可以随意的设计一下界面的内容，因为要走一下效果，所以我自己做的可能有点难看，大家就将就凑合看吧。创建完容器以后要给容器添加Tween Position，然后就是改变坐标轴，注【要把Tween Position勾选掉】。        接下来就是完成代码的功能：
【NGUI】Unity实现英雄联盟选择皮肤效果
Zok93
10-30 1万+
using UnityEngine; using System.Collections; /// /// 脚本位置：Card预制体身上 /// 脚本功能：保存Card所有数据信息，用于更换图片 /// public class CardInfo : MonoBehaviour { // 保存3张图片的深度信息 // 背景图片-》toggle激活图片-》人物图片 public UIWidg
（转）NGUI制作转圈的技能CD特效
weixin_34071713的博客
09-26 107
在技能图标上面放个半透明的精灵，用来做技能冷却的特效，如下图所示，我就用NGUI中的图标来带代替。 NGUI制作转圈的技能CD特效 然后修改一下特效的精灵类型，它是在技能图标上面悬浮半透明可旋转的精灵。如下图所示， Sprite Type：设置成Filled Fill Dir：设置Radial 360 。 Invert Fill：顺时针旋转或者逆时针旋转。 NGUI制作转圈的技...
NGUI层级中间的特效显示
延澈左的专栏
07-05 1659
NGUI层级中间的特效显示1.使用NGUI的过程中，有一个具有半透明效果的特效，想显示在Panel_A和Panel_B中间。
Unity3D NGUI 教程：中文字体与UI元素创建
"这篇文档介绍了如何在...在实际应用中，这些组件可以通过NGUI的属性面板进行详细配置，如字体大小、颜色、动画效果、交互响应等。通过组合这些UI元素，开发者可以创建出丰富且动态的游戏界面，满足各种游戏设计需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值