NGUI创建进度条（Slider）

最新推荐文章于 2024-08-01 11:39:49 发布
最新推荐文章于 2024-08-01 11:39:49 发布
阅读量943 收藏
点赞数
分类专栏： Unity 文章标签： unity c# unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_44142936/article/details/121959061
版权
本文介绍了如何在Unity3D中利用NGUI组件创建一个从左到右的进度条。首先，创建两张相同大小的图片作为背景和前景；接着，为图片添加Collider；然后，将Sprite添加Slider Script，并配置Appearance属性，将Foreground设置为前景图片，Background设置为背景图片，Thumb设置为游标；最后，设定Direction为Left To Right，初始Value为0，通过拖动展示进度效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.创建两张一样大小的图片，位置如下
在这里插入图片描述
2.给Sprite添加Collider
在这里插入图片描述
3.给Sprite添加Slider Script
在这里插入图片描述
4.设置Slider Scriptd的Appearance属性
Foreground设置为Sprite(1) 拖动的时候慢慢显示的那个图片
Background设置为Sprite 一开始就显示的图片
Thumb：游标
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
5.设置Direction为Left To Right、Value为0
在这里插入图片描述
6.拖动显示效果
在这里插入图片描述

最低0.47元/天 解锁文章
NGUI——Slider
weixin_35823052的博客
03-07 842
1.Slider：一般游戏角色的血条，游戏进度，游戏音量，灵敏度等的设置都会用到Slider；例子：素材的话让美术去做吧，作为利用Unity开发游戏的工程师，我们的任务是利用这些素材作出我们想要的东西；使用UGUI做这些是非常方便的，首先把应有的素材都拖进来（以下图示素材用基础的图片代替）步骤一：创建任何一个控件，以下用sprite为例，然后还是要attach一个BoxCollider，然后再添加...
unity新手之进度条（ngui）
weixin_44728366的博客
06-10 621
这里的一些代码是从别的大神那拷贝下来学习的，感谢这些大神们，写这篇东西主要是给自己留个备忘，也是给大家分享下我在学习之中的一些心得，以下是鄙人的粗略见解，有太多学识浅薄之处还望诸君不吝指正。 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; u...
NGUI_slider
weixin_33923148的博客
12-17 178
十一、进度条UISlider 1、一般按以下规律使用进度条; 如果某一钟值，他有最大值，需要表达当前的值得占比，则可以使用不可拖动的进度条 如果某一值，他有最大值，需要玩家记性滑动设置，则可以使用可拖动进度条 2、手动创建Slider； 创建一个底槽Sprite 为底槽附加BoxCollier和Slide组件 在底槽Sprite下添加一个进度条Sprite作为子物体 在...
NGUI-进度条
学贵有恒
06-09 2676
{优快云:CODE:ddddd}
NGUI进度条制作（组件篇）（新手不妨来看看）
weixin_44728366的博客
06-17 529
文章开始先说NGUI的下载，如果是自己学习的话通过其他渠道免费下载也无可厚非毕竟对于学生党而言几百大洋的确挺贵的，但如果你要用于任何商业活动就建议您一定要下正版。 你问我渠道都有哪些？想省事的可以去某宝（嘘） 如果你还没下过那么请按着图上的操作导入你的NGUI组件，图中用红色箭头标明的NGUI选项是当你导入后才有的。 导入后，就点击创建创建“精灵”（Sprite） ...
ngui Slider
lxg19920201的博客
12-23 411
拖动条效果的实现先创建一个Object BackGround添加BoxClider 、UI Slider,添加一个子类ForeGround。创建一个Thumb，把这个3个Object分别拖入到脚本UI Slider 属性下的Appearance中，给子类ForeGround做ngui自带的适配属性，给Thumb做左右适配 这样一个简单的拖动效果接OK拉~代码实时的监控拖动值得大小拖动条的大小是
Unity3D NGUI 教程：中文字体与UI元素创建
"这篇文档介绍了如何在Unity3D中使用NGUI系统，特别是关于创建图集、自定义字体以及各种UI元素的使用方法。通过创建图集提高渲染效率，使用BMFont生成中文字体，以及配置不同的UI组件如按钮、输入框等，以构建游戏...
ngui 离线帮助文档
05-02
- Slider：滑块组件，可用于数值选择或进度条显示。 4. **NGUI布局系统** - GridLayout：网格布局，可以自动调整控件大小和位置。 - StackPanel：堆栈布局，按顺序水平或垂直排列控件。 - Canvas：画布，作为...
unity 进度条分段显示效果
shuai1210的博客
04-17 1815
进度条分段： 游戏中常用到一些进度条需要有分段效果，如图： 正在上传…重新上传取消转存失败重新上传取消转存失败重新上传取消 NGUI中的UISlider中前景后景都是使用UISprite UISprite：正在上传…重新上传取消转存失败重新上传取消转存失败重新上传取消 UISprite的Type属性： simple:将原始图片拉伸铺满，和Texture的效果类似，如果这时拉伸图片...
NGUI之Slider，最简单的方法做进度条。
Carl180的专栏
02-01 2849
既然标题是最简单的，那么很多东西就不需要我们自己做了，使用的是NGUI的示例，只针对初学者，接下来让我们来做一个最简单游戏设置里的声音控制。更多精彩请关注【狗刨学习网】      1、导入NGUI；      2、找到NGUI的Menu示例Demo，文件夹为NGUIExamplesScenes 打开Example 3 - Menu场景       
Unity3D NGUI制作进度条
G__Dragon的专栏
07-21 5350
利用GUI可以制作进度条，但是NGUI更加
NGUI实现输入框和进度条
qq_32009641的博客
10-17 898
InputFiled 在UIroot下添加sprite（inputbg） 添加BoxCollider  和 UIInput脚本 作为输入框的背景， 在sprite下添加子物体label为占位符 这是inputbg 的视图 这是占位符label的显示视图 下面是效果图    进度条 在UIroot下添加sprite(
NGUI进度条知识点
ying1228475251的博客
06-08 162
using System.Collections; using System.Collections.Generic; using UnityEngine;/* *文件描述： *创始人： *创建时间： *修改时间： *版本：1.0 */public class Test2 : MonoBehaviour { UILabel per; UISlider slider; float timer = 0, value = 0; void Start () { per
NGUI－UISlider
Werty
08-14 2269
UISlider其实就是一个滚动条。 下面包含三部分： 1.Background，顾名思义就是滚动条的背景。 2.Foreground，也算前景吧，就是滚动条（血条效果），血满时的效果图片。如果你设置了这个却看不到这个图，可能时自身的x值太小，设置一下Scale的x值即可。 3.Thumb，这个坑爹的东西，让我看了半小时，说白了就相当于，游标卡尺上的游标，也就是一个按钮效果，你拖拽着它，就
NGUI的异步场景加载进度条
weixin_34227447的博客
03-29 122
1、直接创建三个场景，其中第二个场景是用来显示进度条加载的界面，进度条用UISlider，不会的看我前面的博文就可以了。 2、这里提供两种方法，建议使用第一种，加载比较平缓 方法一： using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngi...
NGUI UIProgressBar组件：进度条组件
Unity打怪升级
08-01 1215
UIProgressBar是NGUI中的一个组件，用于在用户界面中展示进度信息。它可以水平或垂直显示，支持自定义的纹理、颜色和动画效果。
NGUI UISlider组件：滑动条组件
最新发布
Unity打怪升级
08-01 1104
UISlider是NGUI中的一个组件，用于创建滑动条，用户可以通过点击和拖动滑块来选择一个数值。它支持水平和垂直两种方向的布局，并能够实时反馈用户的操作。
NGUI控件---Slider滑动条
一叶子的博客哦
08-22 1969
1.建一个空物体,贴上碰撞器,按钮,SLider,SliderColor 2.添加背景图片Bg,和滑动图片Fg,还可以添加百分比指示器:Label->OnvalueChange:SetCurrentPercent(标记当前百分比
NGUI教程详解：创建与实践
“NGUI教程与实例，包括NGUI的使用步骤、UI创建向导的介绍，以及添加控件和设置精灵的教程。” NGUI（Next-Gen User Interface）是一款适用于Unity引擎的用户界面系统，它提供了丰富的2D UI组件和交互功能。在NGUI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值