【Buton的点击效果】方法（全）

最新推荐文章于 2021-06-18 22:56:09 发布

原创最新推荐文章于 2021-06-18 22:56:09 发布 · 426 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用Shader技术实现按钮在鼠标悬浮和点击时的视觉变化效果，包括具体代码实现和原理解释。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求： 默认状态鼠标Hover/OnClick状态

第一种方法：

直接图示吧，都能明白！

第二种方法(相交于比较复杂，小Btn适合上面的，大的就用这个方法)：

记住下面这个shader

Shader "Hidden/Unlit/Text (TextureClip)" 
{
	Properties
	{
		_MainTex ("Alpha (A)", 2D) = "white" {}
	}

	SubShader
	{
		LOD 200

		Tags
		{
			"Queue" = "Transparent"
			"IgnoreProjector" = "True"
			"RenderType" = "Transparent"
		}
		
		Pass
		{
			Cull Off
			Lighting Off
			ZWrite Off
			Offset -1, -1
			Fog { Mode Off }
			//ColorMask RGB
			Blend SrcAlpha OneMinusSrcAlpha

			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag
			#include "UnityCG.cginc"

			sampler2D _MainTex;
			sampler2D _ClipTex;
			float4 _ClipRange0 = float4(0.0, 0.0, 1.0, 1.0);

			struct appdata_t
			{
				float4 vertex : POSITION;
				float2 texcoord : TEXCOORD0;
				half4 color : COLOR;
			};

			struct v2f
			{
				float4 vertex : POSITION;
				float2 texcoord : TEXCOORD0;
				float2 clipUV : TEXCOORD1;
				half4 color : COLOR;
			};

			v2f vert (appdata_t v)
			{
				v2f o;
				o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
				o.color = v.color;
				o.texcoord = v.texcoord;
				o.clipUV = (v.vertex.xy * _ClipRange0.zw + _ClipRange0.xy) * 0.5 + float2(0.5, 0.5);
				return o;
			}

			half4 frag (v2f IN) : COLOR
			{
				half4 col = IN.color;
				col.a *= tex2D(_MainTex, IN.texcoord).a * tex2D(_ClipTex, IN.clipUV).a;
				return col;
			}
			ENDCG
		}
	}
	Fallback "Unlit/Text"
}