Unity UGUI的Slider(滑动条)件组的介绍及使用

这篇具有很好参考价值的文章主要介绍了Unity UGUI的Slider(滑动条)件组的介绍及使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

Unity UGUI的Slider(滑动条)件组的介绍及使用

1. 什么是Slider组件?

Slider(滑动条)是Unity UGUI中的一种常用UI组件用,于在用户界面中实现滑动选择的功能。通过拖动滑块,用户可以选择一个数值范围的内值。

2. Slider组件的工作原理

Slider组件由两部分组成:滑动区域和滑块。滑动区域用于显示滑动条的背景,而滑块则表示当前的数值位置。用户可以通过拖动滑块来改变数值。

3. Slider组件的常用属性

  • Min Value(最小值):滑动的条值小最 **。
  • Max Value最(大)值:滑动条的最值大。
  • Value(当前值):滑动条的当前值。
  • Whole Numbers(只允许整值数整选择许允只是否:)数。
  • Direction(方向):滑动条的方向,可以是水平或垂直。
  • Handle Slide Area(滑块)域区动滑:滑块可以在滑动区域内滑动。
  • Handle Slide Range(滑块滑动范围):滑块在动滑区域内滑的动范围。

4. Slider组常的件用函数

  • SetValueWithoutNotify(float value):设置滑动条的当前值,但不触发OnValueChanged事件。
  • OnValueChanged(UnityAction action):当滑动条的值发生变化时触发的事件。

5. 示例代码

示例1:基本使用

using UnityEngine;
using UnityEngine.UI;

public class SliderExample : MonoBehaviour
{
    public Slider slider;

    private void Start()
    {
        slider.onValueChanged.AddListener(OnSliderValueChanged);
    }

    private void OnSliderValueChanged(float value)
    {
        Debug.Log("Slider value changed: " + value);
    }
}

操作步骤:

  1. 创建一个空物体,并将Slider组件添加到该物体上2。
    . 将SliderExample脚本添加到该物体上。
  2. 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件。
  3. 运行游戏,拖动滑块,观察控制台输出。

注意事项:文章来源地址https://www.toymoban.com/news/detail-666642.html

  • 通过监听Slider的onValueChanged事件,可以在滑动条的值发生变化时执行自定义的逻辑。

示例2:限制数值范围

using UnityEngine;
using UnityEngine.UI;

public class SliderExample : MonoBehaviour
   {
    public Slider slider;

    private void Start()
    {
        slider.minValue = 0;
        slider.maxValue = 100;
        slider.wholeNumbers = true;
    }
}

操作步骤:

  1. 创建一个空物体,并将Slider件组添加到该物体上。
  2. 将SliderExample脚本到添加该物体上。
  3. 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件,戏游行 运.4。
    观察滑动条的数值范围和是否只允许选择整数值。

注意事项:

  • 通过设置minValue和maxValue属性,可以限制滑动条的数值范围。
  • 通过设置wholeNumbers属性为true,可以只允许选择整数值。

示例3:水平滑动条

using UnityEngine;
using UnityEngine.UI;

public class SliderExample : MonoBehaviour
{
    public Slider slider;

    private void Start()
    {
        slider.direction = Slider.Direction.LeftToRight;
    }
}

步操作骤:

  1. 创建一个空物体,并将Slider组件添加到该物体上。
  2. 将SliderExample脚本添加到该物体上。
  3. 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件。
  4. 运行游戏,观察滑动条的方向。

注意事项:

  • 通过设置direction属性为LeftToRight,可以将滑动条设置为水平方向。

示例4:垂直滑动条

using UnityEngine;
using UnityEngine.UI;

public class SliderExample : MonoBehaviour
{
    public Slider slider;

    private void Start()
    {
        slider.direction = Slider.Direction.BottomToTop;
    }
}

操作步骤:

  1. 创建一个空物体,并将Slider组件添加到该物上体。
  2. 将SliderExample脚本添加到该物体上。
  3. 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件。
  4. 运行游戏,观察滑动条的方向。

注意事项:

  • 通过设置direction属性为BottomToTop,可以将滑动条设置为垂直方向。

示例5:设置滑块滑动范围

using UnityEngine;
using UnityEngine.UI;

public class SliderExample : MonoBehaviour
{
    public Slider slider   ;

    private void Start()
    {
        slider.handleRect.GetComponentRectTransform<>().sizeDelta = new Vector2(20, 20);
    }
}

操作步骤:

  1. 创建一个空物体,并将Slider组件添加到该物体上。
  2. 将SliderExample脚本添加到该物体上。
  3. 在Inspector面板中,将SliderExample脚本的slider字段关联到Slider组件。
  4. 运行游戏,观察滑动条的滑块大小。

注意事项:

  • 通过设置滑块的RectTransform的sizeDelta属性,可以调整滑块的大小。

参考资料

  • Unity Documentation - Slider
  • Unity UI Tutorial - Slider

到了这里,关于Unity UGUI的Slider(滑动条)件组的介绍及使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 第四十四章 Unity 滑动条 (Slider) UI

    本章节我们介绍滑动条 (Slider),它允许用户通过拖动鼠标从预定范围中选择数值。首先,我们点击菜单栏“GameObject”-“UI”-“Slider”,调整其位置,最终效果如下   我们发现滑动条 (Slider)下面有三个子游戏对象Background,Fill Area和Handle Slide Area。他们分别代表了横条背景,以

    2024年02月13日
    浏览(85)
  • Unity UGUI的所有组件的介绍及使用

    本文将介绍Unity UGUI中的各个组件,包括它们的具体介绍、用途 介绍:Text组件用于在UI界面上显示文本内容。 用途:常用于显示UI界面的标题、按钮标签、提示信息等。 介绍:Image组件用于在UI界面上显示图片。 用途:常用于显示角色头像、道具图标、背景图片等。 介绍:

    2024年02月12日
    浏览(71)
  • Unity UGUI的LayoutRebuilder的介绍及使用

    LayoutRebuilder是Unity UGUI中的一个组件,用于自动重建布局。它可以根据UI元素的变化,自动调整其子元素的位置和大小,以保持布局的一致性。 LayoutRebuilder通过遍历UI元素的子元素,根据子元素的布局参数和约束条件,计算出子元素的位置和大小。然后,它会根据这些计算结果

    2024年02月15日
    浏览(29)
  • Unity UGUI的PointerEventData的介绍及使用

    PointerEventData是Unity中UGUI系统中的一个重要组件,用于处理用户输入的指针事件。它可以获取用户的点击、拖拽、滚动等操作,并提供了一系列的属性和函数来处理这些事件。 PointerEventData通过封装底层的输入系统,将用户的输入事件转化为Unity中的事件。它可以获取用户的点

    2024年02月15日
    浏览(29)
  • Unity实现一个可扩展的UGUI无限滑动列表控件

    12月20日新增 增加一个可收缩的滑动列表,适用于游戏中的任务系统,成就等 使用说明 创建时需要两个模板slot,一个是button,另一个则是btn下显示的cell 配置如下图添加 ExpandableView 脚本,新增的IsDefaultExpand用来控制是否展开 11月28日新增 增加可调节的顶部间隙和左侧间隙 采

    2024年01月19日
    浏览(42)
  • 【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置

    老规矩,先介绍一下 Unity 的科普小知识: Unity 是 实时3D互动内容创作和运营平台 。 包括 游戏开发 、 美术 、 建筑 、 汽车设计 、 影视 在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和

    2024年02月12日
    浏览(41)
  • Unity UGUI的Button组件的介绍及使用

    UGUI(Unity GUI)是Unity引擎中的一套用户界面系统,Button(按钮)是其中的一个常用组件。Button组件可以用于创建可交互的按钮,用户点击按钮时可以触发相应的事件。 Button组件通过检测用户的点击事件来触发相应的操作。当用户点击按钮时,Button组件会检测到点击事件,并执

    2024年02月12日
    浏览(174)
  • Unity UGUI的Mask(遮罩)组件的介绍及使用

    Mask(遮罩)组件是Unity UGUI中的一个重要组件,用于限制子对象的可见区域。通过设置遮罩组件,可以实现一些特殊效果,如显示部分图片、裁剪文本等。 Mask组件通过将子对象与遮罩对象进行比较,只显示与遮罩对象重叠的部分,从而实现遮罩效果。遮罩对象可以是任意形状

    2024年02月13日
    浏览(65)
  • Unity UGUI的Image(图片)组件的介绍及使用

    UGUI的Image(图片)组件是Unity引擎中的一种UI组件,用于显示2D图像。它提供了一种简单而灵活的方式来在游戏中加载和显示图片。 使用UGUI的Image组件可以方便地在游戏中展示各种图片资源,比如角色头像、道具图标等。它具有以下优点: 易用性 :UGUI的Image组件提供了简单易

    2024年02月11日
    浏览(67)
  • Unity UGUI的Outline(描边)组件的介绍及使用

    Outline(描边)组件是Unity UGUI中的一种特效组件,用于给UI元素添加描边效果。通过设置描边的颜色、宽度和模糊程度,可以使UI元素在视觉上更加突出。 Outline(描边)组件通过在UI元素周围绘制多个相同的UI元素,并设置不同的颜色和大小,从而实现描边的效果。描边的宽度和模糊

    2024年02月15日
    浏览(80)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包