文章目录
- 功能介绍
- 功能展示
- 技术细节
- 小结
功能介绍
本文制作一个简单的调色板。拖动滑动条完成颜色变更。
功能展示
技术细节
需要把相应的三个滑动条和image拖拽赋值。
using UnityEngine;
using UnityEngine.UI;
public class ColorPicker : MonoBehaviour
{
public Slider redSlider;
public Slider greenSlider;
public Slider blueSlider;
public Image colorPreview;
private Color selectedColor = Color.white;
// 初始化
void Start()
{
// 添加颜色滑块的值改变事件监听器
redSlider.onValueChanged.AddListener(UpdateColor);
greenSlider.onValueChanged.AddListener(UpdateColor);
blueSlider.onValueChanged.AddListener(UpdateColor);
}
// 当颜色滑块的值改变时调用
void UpdateColor(float value)
{
// 获取红、绿、蓝分量的值
float r = redSlider.value;
float g = greenSlider.value;
float b = blueSlider.value;
// 更新预览颜色
selectedColor = new Color(r, g, b);
colorPreview.color = selectedColor;
}
}
小结
若有其他需求可直接变更image为其他的功能。