[{"data":1,"prerenderedAt":105},["ShallowReactive",2],{"page-\u002Fcsharp\u002Favalonia\u002Favalonia的控件依赖属性指南大全":3},{"id":4,"title":5,"body":6,"description":24,"extension":98,"meta":99,"navigation":100,"path":101,"seo":102,"stem":103,"__hash__":104},"content\u002Fcsharp\u002FAvalonia\u002Favalonia的控件依赖属性指南大全.md","Avalonia的控件依赖属性指南大全",{"type":7,"value":8,"toc":95},"minimark",[9,14,18,66,69,91],[10,11,13],"h3",{"id":12},"boxshadow","BoxShadow",[15,16,17],"p",{},"BoxShadow是一个结构体，用于为控件添加阴影效果。他有以下几个属性：",[19,20,25],"pre",{"className":21,"code":22,"language":23,"meta":24,"style":24},"language-cs shiki shiki-themes github-light github-dark","- **OffsetX**: 水平偏移,正值向右,负值向左\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:18-23>\n- **OffsetY**: 垂直偏移,正值向下,负值向上\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:25-32>\n- **Blur**: 模糊半径,值越大阴影越模糊\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:34-42>\n- **Spread**: 扩散半径,正值使阴影扩大,负值使阴影缩小\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:44-52>\n- **Color**: 阴影颜色\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:54-57>\n- **IsInset**: 是否为内阴影\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:59-68>\n","cs","",[26,27,28,36,42,48,54,60],"code",{"__ignoreMap":24},[29,30,33],"span",{"class":31,"line":32},"line",1,[29,34,35],{},"- **OffsetX**: 水平偏移,正值向右,负值向左\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:18-23>\n",[29,37,39],{"class":31,"line":38},2,[29,40,41],{},"- **OffsetY**: 垂直偏移,正值向下,负值向上\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:25-32>\n",[29,43,45],{"class":31,"line":44},3,[29,46,47],{},"- **Blur**: 模糊半径,值越大阴影越模糊\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:34-42>\n",[29,49,51],{"class":31,"line":50},4,[29,52,53],{},"- **Spread**: 扩散半径,正值使阴影扩大,负值使阴影缩小\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:44-52>\n",[29,55,57],{"class":31,"line":56},5,[29,58,59],{},"- **Color**: 阴影颜色\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:54-57>\n",[29,61,63],{"class":31,"line":62},6,[29,64,65],{},"- **IsInset**: 是否为内阴影\u003Clink to Repo AvaloniaUI\u002FAvalonia: src\u002FAvalonia.Base\u002FMedia\u002FBoxShadow.cs:59-68>\n",[15,67,68],{},"如果前面加上inset，那么就是给设置内部阴影，比如说这样：",[19,70,74],{"className":71,"code":72,"language":73,"meta":24,"style":24},"language-xaml shiki shiki-themes github-light github-dark","  \u003CBorder x:Name=\"MyBorder\" Width=\"200\" Height=\"50\" CornerRadius=\"12\" BoxShadow=\"inset -1 2 30 #CCFFFFFF, 10 5 20 #33000000\" Background=\"#000\">\n      \u003CTextBlock Foreground=\"#fff\" Text=\"{Binding Greeting}\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"\u002F>\n  \u003C\u002FBorder>\n","xaml",[26,75,76,81,86],{"__ignoreMap":24},[29,77,78],{"class":31,"line":32},[29,79,80],{},"  \u003CBorder x:Name=\"MyBorder\" Width=\"200\" Height=\"50\" CornerRadius=\"12\" BoxShadow=\"inset -1 2 30 #CCFFFFFF, 10 5 20 #33000000\" Background=\"#000\">\n",[29,82,83],{"class":31,"line":38},[29,84,85],{},"      \u003CTextBlock Foreground=\"#fff\" Text=\"{Binding Greeting}\" HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"\u002F>\n",[29,87,88],{"class":31,"line":44},[29,89,90],{},"  \u003C\u002FBorder>\n",[92,93,94],"style",{},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":24,"searchDepth":38,"depth":38,"links":96},[97],{"id":12,"depth":44,"text":13},"md",{},true,"\u002Fcsharp\u002Favalonia\u002Favalonia的控件依赖属性指南大全",{"description":24},"csharp\u002FAvalonia\u002Favalonia的控件依赖属性指南大全","eoO5KiSomXJ-7n9ANWGjpoOZR40k32GSxvx08e8c2oE",1791042464722]