用 Unity 实现调色板功能

用unity 实现调色板功能。

直接上代码：

 using UnityEngine;
 using System.Collections;
 using UnityEngine.UI;

 public class ColorPick : MonoBehaviour
 {

     public Image Saturation;
     public Image Hue;
     public Image Paint;

     public RectTransform Point_Stauration;
     public RectTransform Point_Hue;

     private Sprite Saturation_Sprite;
     private Sprite Hue_Sprite;

     private Color32 currentHue = Color.red;

     private void Awake()
     {

     }

     private void Start()
     {
         UpdateStauration();
         UpdateHue();
     }

     float sWidth = , sHeight = ;
     //更新饱和度
     private void UpdateStauration()
     {

         Saturation_Sprite = Sprite.Create(new Texture2D((int)sWidth, (int)sHeight), new Rect(, , sWidth, sHeight), new Vector2(, ));

         for (int y = ; y <= sHeight; y++)
         {
             for (int x = ; x < sWidth; x++)
             {
                 var pixColor = GetSaturation(currentHue, x / sWidth, y / sHeight);
                 Saturation_Sprite.texture.SetPixel(x, ((int)sHeight - y), pixColor);
             }
         }
         Saturation_Sprite.texture.Apply();

         Saturation.sprite = Saturation_Sprite;
     }

     //更新色泽度
     private void UpdateHue()
     {

         float w = , h = ;

         Hue_Sprite = Sprite.Create(new Texture2D((int)w, (int)h), new Rect(, , w, h), new Vector2(, ));

         for (int y = ; y <= h; y++)
         {
             for (int x = ; x < w; x++)
             {
                 var pixColor = GetHue(y / h);
                 Hue_Sprite.texture.SetPixel(x, ((int)h - y), pixColor);
             }
         }
         Hue_Sprite.texture.Apply();

         Hue.sprite = Hue_Sprite;
     }

     private Vector2 clickPoint = Vector2.zero;
     public void OnStaurationClick(ColorPickClick sender)
     {
         var size2 = Saturation.rectTransform.sizeDelta / ;
         var pos = Vector2.zero;
         pos.x = Mathf.Clamp(sender.ClickPoint.x, -size2.x, size2.x);
         pos.y = Mathf.Clamp(sender.ClickPoint.y, -size2.y, size2.y);
         Point_Stauration.anchoredPosition = clickPoint = pos;

         UpdateColor();
     }

     public void UpdateColor()
     {
         var size2 = Saturation.rectTransform.sizeDelta / ;
         var pos = clickPoint;
         pos += size2;

         var color = GetSaturation(currentHue, pos.x / Saturation.rectTransform.sizeDelta.x,  - pos.y / Saturation.rectTransform.sizeDelta.y);
         Paint.color = color;
     }

     public void OnHueClick(ColorPickClick sender)
     {
         var h = Hue.rectTransform.sizeDelta.y / 2.0f;
         var y = Mathf.Clamp(sender.ClickPoint.y, -h, h);
         Point_Hue.anchoredPosition = new Vector2(, y);

         y += h;
         currentHue = GetHue( - y / Hue.rectTransform.sizeDelta.y);
         UpdateStauration();
         UpdateColor();
     }

     private static Color GetSaturation(Color color, float x, float y)
     {
         Color newColor = Color.white;
         for (int i = ; i < ; i++)
         {
             if (color[i] != )
             {
                 newColor[i] = ( - color[i]) * ( - x) + color[i];
             }
         }

         newColor *= ( - y);
         newColor.a = ;
         return newColor;
     }

     //B,r,G,b,R,g //大写是升，小写是降
     private readonly static int[] hues = new int[] { , , , , ,  };

     private readonly static Color[] colors = new Color[] { Color.red, Color.blue, Color.blue, Color.green, Color.green, Color.red };

     private readonly static float c = 1.0f / hues.Length;

     private static Color GetHue(float y)
     {
         y = Mathf.Clamp01(y);

         var index = (int)(y / c);

         var h = hues[index];

         var newColor = colors[index];

         float less = (y - index * c) / c;

         newColor[h] = index %  ==  ? less :  - less;

         return newColor;
     }

 }

Main

点击操作：

using UnityEngine;
using System.Collections;
using UnityEngine.EventSystems;
using System;
using UnityEngine.UI;
public class ColorPickClick : MonoBehaviour, IPointerDownHandler, IDragHandler
{
    public Button.ButtonClickedEvent Click;

    public Vector3 ClickPoint { get; set; }

    public void OnDrag(PointerEventData eventData)
    {
        var rect = transform as RectTransform;
        ClickPoint = rect.InverseTransformPoint(eventData.position);
        Click.Invoke();
    }

    public void OnPointerDown(PointerEventData eventData)
    {
        var rect = transform as RectTransform;
        ClickPoint = rect.InverseTransformPoint(eventData.position);
        Click.Invoke();
    }
}

click

UI操作：

最终效果：

附上demo地址：https://pan.baidu.com/s/1xpsg4cvjR_m7kVt59opsDw

提取码：vp43