unityUI高亮shader

### 创建适用于 Unity UI 元素的高亮效果 Shader 为了在 Unity 中为 UI 元素创建高亮效果，可以采用自定义着色器的方式。这不仅能够提供更灵活的效果控制，还能确保性能优化。 #### 使用内置资源作为起点 Unity 提供了一系列预构建的着色器，这些可以直接用于 UI 组件并在此基础上进行修改[^1]。对于大多数情况而言，推荐基于 `UI/Default` 或者 `Unlit/Transparent` 这样的基础模板来开发新的着色器脚本。 #### 编写 HLSL 代码片段 下面是一个简单的 HLSL 片段示例，展示了如何通过颜色混合实现基本的高亮功能： ```hlsl Shader "Custom/UIHighlight" { Properties { _MainTex ("Texture", 2D) = "white" {} _HighlightColor ("Highlight Color", Color) = (1,0.5,0,1) _Intensity ("Intensity", Range(0,1)) = 0.75 } SubShader { Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent"} Pass { CGPROGRAM #pragma vertex vert #pragma fragment frag sampler2D _MainTex; float4 _HighlightColor; half _Intensity; struct appdata_t { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 pos : SV_POSITION; }; v2f vert(appdata_t IN) { v2f OUT; OUT.pos = UnityObjectToClipPos(IN.vertex); OUT.uv = IN.uv; return OUT; } fixed4 frag(v2f i) : COLOR { // Sample the texture and apply highlight color with intensity factor. fixed4 col = tex2D(_MainTex, i.uv); col.rgb += (_HighlightColor.rgb * _Intensity); clip(col.a - 0.1); // Ensure transparency is handled properly return col; } ENDCG } } } ``` 此着色器允许设置一个 `_HighlightColor` 属性以及调整其强度 `_Intensity` 来改变最终呈现出来的视觉感受。 #### 将新着色器应用于 UI 控件 完成上述工作之后，在 Unity Editor 中选择目标 Button、Image 等控件，并将其材质 Material 的 Shader 字段指向刚刚创建好的自定义着色器即可看到即时变化。