CapDriveMaterial
绘制毛玻璃材质表面，可与文字、图形叠放形成内容区域。type 当前支持 frosted，style 控制材质厚度；可见效果取决于其后方内容。
示例
function main() {
return (
<ZStack>
<Material type="frosted" style="thin" />
<Text>CapDrive</Text>
</ZStack>
);
}
用法说明
- Material 是一块材质表面，没有 children，也没有 padding。用 ZStack 把文字叠在上面；毛玻璃效果取决于背后内容。type 当前支持 frosted，style 选择厚度，不能传图片纹理。
- mask 根据透明度保留内容：不透明处可见，透明处隐藏，黑色和白色在相同 alpha 下效果相同。遮罩不参与主体布局；给它明确尺寸，并与 clipped 的边界裁切区别开。
属性
type"frosted"材质类型；当前支持 frosted，即原生毛玻璃。
"frosted"style?"ultraThin" | "thin" | "regular" | "thick" | "ultraThick" | "bar"毛玻璃外观，从 ultraThin 到 ultraThick；bar 使用系统栏材质。
"ultraThin"通用属性
width?number | "auto" | "fill"宽度：点数、自动测量或填满父区域。
100height?number | "auto" | "fill"高度：点数、自动测量或填满父区域。
80x?number视觉偏移，单位为点：x 向右、y 向下，不改变布局占位。
0y?number视觉偏移，单位为点：x 向右、y 向下，不改变布局占位。
0transform?ViewTransform对整个 View 做视觉变换，不改变布局。平移用点，旋转和倾斜用角度，缩放 1 保持原大小，锚点用 0–1。
{rotation: 0}background?Paint背景填充，可使用颜色或渐变；clear 表示透明。
"clear"opacity?number整个 View 的不透明度：0 完全透明，1 完全不透明。
1cornerRadius?number圆角半径，单位为点。
0clipped?boolean是否裁剪超出 View 边界的绘制内容。
falseclip?boolean | "rectangle" | "ellipse"裁剪形状：rectangle 矩形或 ellipse 椭圆。Material 还可用 false 关闭裁剪。
"rectangle"mask?View | null透明度遮罩 View，居中显示且不影响布局；null 表示不使用遮罩。
<Circle width="fill" height="fill" background="white"/>zIndex?number同级 View 的绘制顺序，数值越大越靠前。
0blur?number模糊半径，单位为点；0 表示不模糊。
4innerShadow?DrawingEffect特效的颜色、不透明度、模糊半径和 x/y 偏移；距离单位为点。
{color: HDR("black"), opacity: 0.5, radius: 4, x: 0, y: 2}glow?DrawingEffect特效的颜色、不透明度、模糊半径和 x/y 偏移；距离单位为点。
{color: HDR("cyan"), radius: 8, opacity: 0.8}shadowColor?Color外部阴影的颜色。
HDR("black")shadowOpacity?number外部阴影的不透明度，范围 0–1；0 隐藏阴影。
0shadowRadius?number外部阴影的模糊半径，单位为点。
4shadowX?number外部阴影偏移，单位为点：x 向右，y 向下。
0shadowY?number外部阴影偏移，单位为点：x 向右，y 向下。
2animations?Animation[]支持的属性变化时执行动画。duration/delay 单位为秒；from/to 指定端点；repeat 和 autoreverse 控制重复，wrap 指定周期。
[{property: "opacity", duration: 0.25, curve: "easeInOut"}]key?string | number兄弟节点中的稳定标识。
组合示例
function main() {
return (
<ZStack width={200} height={100}>
<HStack spacing={0} width="fill" height="fill">
<Rectangle width="fill" height="fill" background="blue" />
<Rectangle width="fill" height="fill" background="orange" />
</HStack>
<Material
width={160}
height={64}
type="frosted"
style="thin"
cornerRadius={16}
/>
<Text fontSize={28}>78 km/h</Text>
</ZStack>
);
}
动画
widthheightxyopacitybackgroundcornerRadiusblurshadowColorshadowOpacityshadowRadiusshadowXshadowYtransform.translateXtransform.translateYtransform.scaleXtransform.scaleYtransform.rotationtransform.skewXtransform.skewYtransform.anchorXtransform.anchorY省略时的行为
下表只列经实现核对的省略行为；属性旁的示例是可复制写法，不是默认值。需要固定效果时显式传值，尺寸、主题颜色等随上下文变化的属性不要当作固定常量。