简介

颜色渐变编辑窗口（Color Gradient Editor）定义了一种 SandMod 编辑器通用控件的交互方式，主要用于可视化编辑颜色梯度渐变，对 RGBA 通道均生效。

显示颜色渐变编辑窗口

SandMod 编辑器中特别是特效相关功能的属性中，部分属性值支持选择颜色类型为 颜色（Color）或 渐变（Gradient）或其他类型，当选择 渐变（Gradient）、两种渐变（Two Gradient）、随机（Random）等类型时，点击属性值会自动弹出颜色渐变编辑窗口。

【Color_Gradient_Editor001.png】

如特效编辑时将初始颜色属性选取为渐变类型，点击属性值会弹出颜色渐变编辑窗口。

颜色渐变编辑窗口构成

调色板由以下板块构成：

【Color_Gradient_Editor002.png】

1. 渐变模式，选择该颜色渐变的渐变模式，有 混合模式（Blend）和 固定模式（Fixed）。

2. 编辑模块，用于可视化编辑渐变的颜色和不透明度，以及预览颜色渐变效果。

3. 预设折叠条目，用于预存常用颜色渐变预设。

渐变模式

• 混合模式（Blend），颜色渐变会根据不同标签上的颜色值和不透明度值产生线性插值过渡。

【Color_Gradient_Editor003.png】

混合模式下的颜色渐变预览效果。

• 固定模式（Fixed），标签左侧至其他标签之间的颜色和不透明度完全采用对应标签的颜色或不透明度，其中最右侧的标签同时控制该标签右侧的颜色和不透明度。

【Color_Gradient_Editor004.png】

同样的标签位置和标签值情况下，固定模式的颜色渐变预览效果。

编辑模块

编辑模块由以下元素构成。

【Color_Gradient_Editor005.png】

1. 不透明度标签（Alpha Tag），用于控制渐变的不透明度信息。

2. 颜色渐变预览（Gradient Review），预览颜色渐变的最终效果。

3. 颜色标签（Color Tag），用于控制渐变的颜色信息。

4. 不透明度标签属性，可用于手动调整被选中不透明度标签的属性。相关属性仅在不透明度标签被选中时才可以编辑，所包含的属性如下。

名称	描述
不透明度（Alpha）	您可以滑动滑动条或直接在文本输入框中输入不透明度值。该属性值为 0 至 255 之间的整数，属性值越小表示该标签控制的颜色渐变范围越透明。
位置（Location）	您可以在文本输入框中精准输入对应不透明度标签在颜色渐变的位置。该属性值为 0 至 100 之间的浮点数，属性值越小表示越往颜色渐变的左侧，属性值越大表示越往颜色渐变的右侧。

5. 颜色标签属性，可用于手动调整被选中不透明度标签的属性。相关属性仅在颜色标签被选中时才可以编辑，所包含的属性如下。

名称	描述
颜色（Color）	点击属性值可在 调色板 中选择对应标签的颜色值。
位置（Location）	您可以在文本输入框中精准输入对应颜色标签在颜色渐变的位置。该属性值为 0 至 100 之间的浮点数，属性值越小表示越往颜色渐变的左侧，属性值越大表示越往颜色渐变的右侧。

编辑模块支持以下基础操作。

• 新增标签：将鼠标指向 颜色渐变预览（Gradient Review）上方或下方期望新增标签的位置，点击鼠标左键或右键，在对应位置分别新增不透明度标签或颜色标签。

【Color_Gradient_Editor006.gif】

• 选中标签：将鼠标指向不透明度标签或颜色标签，点击鼠标左键选中对应标签。

【Color_Gradient_Editor007.gif】

• 移动标签：选中对应标签后拖动鼠标向左或右移动以移动该标签。

【Color_Gradient_Editor008.gif】

• 删除标签：选中对应标签后点击 Del 键删除该标签。

【Color_Gradient_Editor009.gif】

预设折叠条目

您可以点击展开 预设（Preset）折叠条目，进行以下操作：

点击 添加（+） 将当前颜色渐变结果设置为新增的颜色渐变预设。

鼠标指向已经生成的颜色渐变预设，并点击右键打开上下文菜单，在上下文菜单中您可以对此颜色渐变预设进行以下内容的编辑。

名称	描述
替换（Replace）	将当前选取的颜色渐变结果替换对颜色渐变预设。
删除（Delete）	删除当前颜色渐变预设。
移至第一个（Move to First）	置顶当前颜色渐变预设。