用途:把 HTML/CSS 设计转换为 WPF CustomControl XAML,并给出正确写法与常见陷阱的解决方案。
主要能力:提供 CSS 到 WPF 的核心映射表,例如 overflow: hidden 配合 border-radius 用 Border.Clip 加 RectangleGeometry(RadiusX/Y 与 MultiBinding)实现;position: absolute 的旋转元素用 Canvas 加 Canvas.Left/Top 定位;animation-duration: 3s 对应内联 Duration="0:0:3";height: 130% 的旋转元素用 Converter 动态计算(倍率 2.0);::before、::after 用 Canvas 内元素并按声明顺序决定 z-order;z-index 用声明顺序或 Panel.ZIndex;居中内容放在 Canvas 外的 Grid 上应用 Alignment;spacing 用 Margin 属性替代。
核心规则:Duration 始终内联,不能用 StaticResource 绑定;圆角裁剪用 Border.Clip 加 RectangleGeometry;旋转元素放在 Canvas 内;ContentPresenter 放在 Canvas 外的 Grid 中。
参考文档:references/index.md 为全部案例列表,clipping.md 讲裁剪相关错误(Grid.Clip、OpacityMask、ClipToBounds),animation.md 讲动画与 Duration,layout.md 讲 Canvas/Grid/对齐与伪元素,transform.md 讲旋转与高度计算,converters.md 讲必需 Converter 模式,case-template.md 为新增案例模板。
限制:资料未提供安装命令、收费方式、平台支持与具体使用步骤,暂未提供。