iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >Unity实现颜色渐变滑动条
  • 336
分享到

Unity实现颜色渐变滑动条

2024-04-02 19:04:59 336人浏览 安东尼
摘要

本文实例为大家分享了Unity实现颜色渐变滑动条的具体代码,供大家参考,具体内容如下 效果展示 代码 直接挂在UGUI Slider上即可 using UnityEngine;

本文实例为大家分享了Unity实现颜色渐变滑动条的具体代码,供大家参考,具体内容如下

效果展示

代码

直接挂在UGUI Slider上即可


using UnityEngine;
using UnityEngine.UI;

public class ColorFade : MonoBehaviour
{
    Color[] colors = new Color[]{
      new Color(1, 0, 0),
      new Color(1, 1, 0),
      new Color(0, 1, 0),
      new Color(0, 1, 1),
      new Color(0, 0, 1),
      new Color(1, 0, 1),
      new Color(1, 0, 0)};

    private Slider slider_color;
    private Image img_handle;

    private void Awake()
    {
        slider_color = transfORM.GetComponent<Slider>();
        slider_color.onValueChanged.AddListener(OnColorSliderValueChanged);
        // handle
        img_handle = slider_color.handleRect.GetComponent<Image>();
        img_handle.color = Color.red;
        // bg
        var hueTex = new Texture2D(colors.Length, 1);
        hueTex.SetPixels(colors);
        hueTex.Apply();
        slider_color.transform.Find("Background").GetComponent<Image>().sprite = 
            Sprite.Create(hueTex, new Rect(Vector2.zero, new Vector2(colors.Length, 1)), Vector2.one * 0.5f);
        // fill
        slider_color.fillRect.GetComponent<Image>().enabled = false;
    }
    private void OnColorSliderValueChanged(float _value)
    {
        img_handle.color = Color.HSVToRGB(_value, 1, 1);
    }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: Unity实现颜色渐变滑动条

本文链接: https://www.lsjlt.com/news/131189.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Unity实现颜色渐变滑动条
    本文实例为大家分享了Unity实现颜色渐变滑动条的具体代码,供大家参考,具体内容如下 效果展示 代码 直接挂在UGUI Slider上即可 using UnityEngine;...
    99+
    2022-11-12
  • C# TrackBar拖动条改变滑块颜色
    本文实例为大家分享了C# TrackBar拖动条改变滑块颜色的具体代码,供大家参考,具体内容如下 原理 1.TrackBar拖动条的滑块的默认颜色是(23,23,23)偏蓝色,遍历T...
    99+
    2022-11-13
  • Android实现背景颜色滑动渐变效果的全过程
    目录前言一、介绍一下GradientDrawable二、实现三、源码:总结前言 今天和朋友聊到这个功能,刚开始的想法是自定义view,如何进行滑动监听,经过一列操作完成效果后,发现...
    99+
    2022-11-12
  • C#怎么实现TrackBar拖动条改变滑块颜色
    本篇内容主要讲解“C#怎么实现TrackBar拖动条改变滑块颜色”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“C#怎么实现TrackBar拖动条改变滑块颜色”吧!原理TrackBar拖动条的滑块...
    99+
    2023-06-29
  • Android实现颜色渐变动画效果
    目录前言一、Android中插值器TypeEvaluator二、案例效果实现1.利用Android自带的颜色插值器ArgbEvaluator2.看看Android自带颜色插值器Arg...
    99+
    2022-11-13
  • Android Textview实现颜色渐变滚动效果
    本文实例为大家分享了Android颜色渐变滚动展示的具体代码,供大家参考,具体内容如下public class FlashTextView extends android.support.v7.widget.AppCompatTextVie...
    99+
    2023-05-30
    android textview 渐变
  • Android App页面滑动标题栏颜色渐变详解
    通常,我们会被要求实现类似支付宝首页的特效:随着界面的滑动,标题栏的背景透明度渐变。 在实际开发中,常见的滑动有列表RecyclerView(ListView)滑动,NestedSc...
    99+
    2022-11-13
  • Android 动态改变SeekBar进度条颜色与滑块颜色的实例代码
    遇到个动态改变SeekBar进度条颜色与滑块颜色的需求,有的是根据不同进度改变成不同颜色。 对于这个怎么做呢?大家都知道设置下progressDrawable与thumb即可,...
    99+
    2022-06-06
    seekbar 动态 Android
  • swift实现颜色渐变以及转换动画
    本文是通过结合使用CAGradientLayer、CABasicAnimation以及CAAnimationDelegate来达到颜色渐变以及转换的动画,下面是今天要达成的效果图: ...
    99+
    2022-11-13
  • Android怎么实现颜色渐变动画效果
    本篇内容主要讲解“Android怎么实现颜色渐变动画效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android怎么实现颜色渐变动画效果”吧!效果图:一、Android中插值器TypeEva...
    99+
    2023-06-30
  • android颜色渐变动画效果怎么实现
    在Android中,你可以使用ValueAnimator和ArgbEvaluator类来实现颜色渐变动画效果。下面是一个简单的示例代...
    99+
    2023-08-18
    android
  • css中颜色渐变如何实现
    小编给大家分享一下css中颜色渐变如何实现,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   一、LinearGradient...
    99+
    2022-10-19
  • CSS3颜色渐变是怎么实现的
    这篇文章主要介绍“CSS3颜色渐变是怎么实现的”,在日常操作中,相信很多人在CSS3颜色渐变是怎么实现的问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS3颜色渐变是怎么实...
    99+
    2022-10-19
  • CSS怎么实现颜色渐变效果
    这篇文章主要介绍“CSS怎么实现颜色渐变效果”,在日常操作中,相信很多人在CSS怎么实现颜色渐变效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS怎么实现颜色渐变效果”...
    99+
    2022-10-19
  • css3如何实现文字颜色渐变
    这篇文章给大家分享的是有关css3如何实现文字颜色渐变的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   css3文字颜色渐变的方法一:通过css3的动画属性实现css文字动态...
    99+
    2022-10-19
  • 怎么用css3实现颜色渐变按钮
    本篇内容介绍了“怎么用css3实现颜色渐变按钮”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!  之前为大家...
    99+
    2022-10-19
  • CSS3怎么实现文字颜色的渐变
    小编给大家分享一下CSS3怎么实现文字颜色的渐变,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   在文本上加上颜色渐变  ...
    99+
    2022-10-19
  • css中怎么实现文字颜色渐变
    小编给大家分享一下css中怎么实现文字颜色渐变,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!基础样式:.gradient-text{text-align: left;text-indent:30px;line-h...
    99+
    2023-06-08
  • Vue如何实现渐变色进度条
    这篇文章主要介绍“Vue如何实现渐变色进度条”,在日常操作中,相信很多人在Vue如何实现渐变色进度条问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue如何实现渐变色进度条”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-06-30
  • 使用CSS3如何实现字体颜色渐变
    这篇文章主要为大家展示了使用CSS3如何实现字体颜色渐变,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“使用CSS3如何实现字体颜色渐变”这篇文章吧。在使用Animation.css的时候发现它的官...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作