NGUI做滑动条

最新推荐文章于 2022-06-12 17:03:09 发布
最新推荐文章于 2022-06-12 17:03:09 发布
阅读量700 收藏
点赞数
分类专栏： Unity Unity学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piyixia/article/details/89390422
版权

1。首先在UI Root中添加一个sprite组件以及Label组件，分别添加BoxCollider 以及UI Slider

2.分别在他子物体下添加两个sprite，作为Bg及Fore

3.分别将两个物体拖到Foreground，Background中

 4.设置Lable内容为100%，sprite中OnValueChange中的Nottify设为如下图

 

5.这样就实现了，效果如下

piyixia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【 unity3d 】用NGUI制作Slider滑动条
liaosheng：）
06-27 2247
滚动条大多用来做音量大小控制 一：创建UI对象 1、1个空物体包含3个Sprite，3个sprite 分别是backGround，foreGround，thumb 2、注意细节： 层次深度为：depth backGround < foreGround < thumb 注意sprite图片设置大小scale 为1 ，和位置最好是子物体为position 0，移动时只移动empt...
【NGUI】滚动条
编程记录，亲测有效
05-03 2854
本文与《【Unity3D】公告栏与开始界面的布置》（点击打开链接）是姊妹篇，将利用NGUI完成滚动条的创建。NGUI的滚动条是直接可以利用滚动视图创建的，而不是用多行输入框TextBox改出来的。比起原生的UGUI，NGUI的滚动视图的创建也是不难的。做出来还是同样的效果： 制作过程如下： 1、导入了NGUI之后，在Asset搜索control，拖入一个垂直滚动条预设。再创建一个滚动条
NGUI无限滚动列表实现滑动条
qq_38721111的博客
06-12 871
NGUI下无限滑动列表的优化
NGUI学习笔记(十三).滑动条制作
Coco_cock的博客
05-12 428
1.创建两个Sprite分别作为滑动条的前景图和后景图，并互为父子关系 2.设置他们的深度关系，前景图必须要在后景图后面，这一点很重要，不然无法看出滑动效果（深度越大越靠前） 3.给父物体添加slider脚本 4.在slider脚本中的Appearance属性设置前后景图（将对象拖过去就行） 5.拖动Value就可以看到实现了滑动条的效果 6.为其添加碰撞体可实现与鼠标互动 Tips如果需要...
NGUI控件---Slider滑动条
一叶子的博客哦
08-22 1920
1.建一个空物体,贴上碰撞器,按钮,SLider,SliderColor 2.添加背景图片Bg,和滑动图片Fg,还可以添加百分比指示器:Label->OnvalueChange:SetCurrentPercent(标记当前百分比
NGUI 3.5教程（八）Scroll Bar 滚动条-制作聊天框
热门推荐
常城的专栏
08-05 3万+
写在前面：        本文将创建一个基本的Button。并且编写脚本，响应点击事件。     欢迎大家纠错、拍砖！原创很辛苦，如有转载，请注明出处。
unity 弧形UI 圆形slider 圆形滑动条
12-12
本文将深入探讨如何在Unity中创建弧形UI，特别是圆形的Slider组件，这在各种游戏和应用程序中都有广泛的应用，比如进度指示器、能量条等。 首先，我们来理解"圆形Slider"的概念。在Unity的传统UI系统中，Slider通常...
配套的NGUI做好的demo
09-27
Widget是UI的基本元素，可以是按钮、标签、滚动条等，它们通过Panel组织并显示在屏幕上。Text组件则用于展示文字信息，而Sprite则用于显示图片或者图形，是制作UI图标、背景的关键。 在版本3.6.8中，NGUI引入了一些...
NGUI3.7.3unitypackage
12-09
2. **事件处理**：通过使用 Event System 和 Widget 的交互，NGUI 支持点击、滑动等各种用户交互，让开发者能够轻松处理用户输入。 3. **图集和精灵管理**：NGUI 自带图集(Atlas)功能，允许将多个图像合并到一张...
unity曲线滑动
08-09
简单有效实现NGUI的曲线滑动，使滑动效果更多样化，设置简单
NGUI3.12.1 UI 最新版本
02-26
4. **丰富的控件库**：NGUI提供了各种预设的UI控件，如按钮、文本框、滑动条等，这些控件可以方便地进行自定义样式和行为设置。 5. **自动缩放**：NGUI的自动缩放功能使得UI能够在不同分辨率和比例的屏幕上正确显示...
在下拉列表PopupList中使用拖动ScrollView
12-09
使用NGUI完成一个很简单的工具，包里没有NGUI，在导入这个包时，需要导入NGUI，我用的3.9.2;下拉列表的字体、字号等都可以自己设置；有问题可以给我留言
NGUI实现滑动翻页效果实例代码
09-02
本文通过一段实例代码给大家介绍NGUI实现滑动翻页效果，代码简单易懂，对ngui 滑动翻页相关知识感兴趣的朋友一起学习吧
NGUI的slider的滑动条制作(SliderScript)
dcujcivw769565的博客
02-22 130
一，添加一个sprite，给这个sprite添加一个背景如下图： 二，在当前的sprite添加一个子sprite同时给子层添加一个颜色较深的图片，这个子层覆盖当前sprite，我们需要调节子层的depth大于父级，才会将父层覆盖 三，然后设置slider的foreground将子层作为该目标对象（拖到该位置即可） 四，添加label显示活动条的百分比，添加一个label...
【NGUI基础知识】——Scroll View(滚动视图)
个人博客 http://www.hjzdream.com/
06-04 9390
Scroll View 属性1、Content Origin ： 控制 panle 相对的 Scroll View 的位置。 2、Movement（运动） 控制 Scroll View 滑动的方向。 ——Horizontal 水平滑动——Vertical 垂直滑动——Unrestricted 随意滑动——Custom 自定义延X，Y滑动； 3、Drag Effect拖动的效果； ——Momen
ngui一个滑动
luyuncsd123的专栏
04-14 4683
最近由于工作需要学习UNITY3D，对于做PHP的程序猿挑战性灰常大，unity3D国内相关资料少得可怜唉！ 根据需求做个防“天天爱消除”主界面左右滑动窗体的效果，百度搜到雨凇大神的一个帖子 NGUI研究院之自制 Scroll View实现触摸滚动相册效果（四） 不过效果不怎么理想，没有平滑的spring动画。研究NGUI自带的Example 7 - Scroll View (P
NGUI 滑动翻页效果
aisong4718的博客
07-01 398
using UnityEngine; using System.Collections; public class PageView : MonoBehaviour { const int ITEM_NUM = 2; //总页数 const int PAGE_WIDTH = 2048; //页宽 const float...
Ngui 左右滑动
lihui061119的专栏
03-16 889
实现效果图： private UIScrollView fubenScrollView; private UIGrid fubenGrid; public void OnBtnRight() { if (fubenScrollView == null || fubenGrid == null) return; int curIndex = GetFub
unity NGUI开关效果 滑动条 下拉菜单
weixin_42116703的博客
01-24 775
开关制作 获取当前状态的方法在 两个按钮最好不用同一个脚本 要不然 会脚本变了按钮没变 滑动条制作 问题 出现划不动了 解决 添加滑动图标的 碰撞器 下拉菜单制作 子物体 label 字体属性为NGUI可能 字体下拉菜单比较大 ...
NGUI 怎么做回弹动画效果
最新发布
10-09
在NGUI中实现回弹动画效果，可以使用TweenPosition组件。首先设置目标物体的位置，然后使用TweenPosition组件设置动画效果。在TweenPosition组件中，可以设置动画的时间、缓动类型和回弹效果。具体操作如下： 1. 将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值