button - 用于创建 WPF“凝胶”按钮的 Microsoft 指南

Question

任何人都知道我在哪里可以找到创建 WPF 凝胶型按钮的 Microsoft 指南？我不确定“凝胶”是否是这种效果的正确名称，但我听说很多人使用这个词。如果 MS 没有指南，您是否有其他一些标准或指南来创建这些按钮？

Answer 1

看看玻璃按钮。

有许多 XAML 元素构成了按钮。它们在 XAML 中有明确的注释，但列表如下：

• 阴影：一个椭圆，黑色渐变为透明的径向渐变
• 按钮环绕：一个比绿色略大的白色椭圆
• 黑色按钮背景：按下按钮时仅在绿色边缘可见
• 主按钮颜色：按钮的绿色（或您想要的任何颜色）。这个椭圆被剪裁到它的初始轮廓，因此我们可以稍微移动椭圆以按下按钮而不与按钮周围重叠
• 顶部发光：具有白色（顶部）渐变为透明的线性渐变背景的椭圆。小于主按钮颜色并定位为使顶部相同
• 底部发光：一个与主按钮颜色大小相同的椭圆，但具有白色（在底部）的线性渐变背景，逐渐变为透明。这也根据主按钮颜色进行裁剪。
• 悬停发光：与主按钮颜色大小相同的椭圆，具有白色的径向渐变背景（在椭圆的中心）逐渐变透明。这最初是透明的。
• 用于捕捉鼠标事件的透明元素：在所有这些之上是一个透明椭圆，其大小与白色按钮周围的大小相同，用于捕捉 MouseEnter、MouseLeave、MouseLeftButtonDown 和 MouseLeftButtonUp 事件。此元素还包含用于脉动悬停效果的情节提要（尽管这可以在任何 XAML 元素中）。