我很難將Shapes.Path幾何資料用作按鈕的內容。風格理念是：滑鼠進入時內容膨脹，離開時內容放氣。除了自定義之外，這一切都按預期作業。使用這種樣式時，我似乎無法更改路徑資料。
<PathGeometry x:Key="PauseGeo">
M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z
</PathGeometry>
<PathGeometry x:Key="PlayGeo">
M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z
</PathGeometry>
<Style x:Key="ButtonInflateStyle" TargetType="{x:Type Button}">
<Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="BorderBrush" Value="Transparent"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="HorizontalContentAlignment" Value="Center"/>
<Setter Property="VerticalContentAlignment" Value="Center"/>
<Setter Property="Padding" Value="1"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="true">
<Grid x:Name="ButtonGrid" RenderTransformOrigin="0.5,0.5" >
<Grid.RenderTransform>
<ScaleTransform/>
</Grid.RenderTransform>
<Path x:Name="PathButton" Data="{StaticResource PlayGeo}" Fill="White" Stretch="Uniform"/>
</Grid>
</Border>
<ControlTemplate.Triggers>
<EventTrigger RoutedEvent="MouseEnter">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="ButtonGrid"
Storyboard.TargetProperty="(Grid.RenderTransform).(ScaleTransform.ScaleX)"
From="1"
To="1.1"
Duration="0:0:0.3" />
<DoubleAnimation
Storyboard.TargetName="ButtonGrid"
Storyboard.TargetProperty="(Grid.RenderTransform).(ScaleTransform.ScaleY)"
From="1"
To="1.1"
Duration="0:0:0.3" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="MouseLeave">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="ButtonGrid"
Storyboard.TargetProperty="(Grid.RenderTransform).(ScaleTransform.ScaleX)"
From="1.1"
To="1"
Duration="0:0:0.3" />
<DoubleAnimation
Storyboard.TargetName="ButtonGrid"
Storyboard.TargetProperty="(Grid.RenderTransform).(ScaleTransform.ScaleY)"
From="1.1"
To="1"
Duration="0:0:0.3" />
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger RoutedEvent="Click">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="(Grid.Opacity)" From="1" To="0" BeginTime="0:0:0" Duration="0:0:.125" AutoReverse="True"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<Trigger Property="IsEnabled" Value="false">
<Setter Property="Fill" TargetName="PathButton" Value="Gray"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
并像這樣使用它
<Button Style="{StaticResource ButtonInflateStyle}" x:Name="buttonPausePlay" Grid.Column="2">
<Path Data="{StaticResource PauseGeo}"></Path>
</Button>
按鈕影像保持樣式中定義的打開狀態。
我更喜歡僅 XAML 的解決方案，但我認為需要 CustomControl。或者是嗎？有人可以指出我正確的方向嗎？
uj5u.com熱心網友回復：
ControlTemplate 中的路徑可以將按鈕Content用于其資料：
<Path x:Name="PathButton"
Data="{TemplateBinding Content}"
Fill="White" Stretch="Uniform"/>
然后在使用時將 Geometry 分配給按鈕的內容：
<Button Style="{StaticResource ButtonInflateStyle}"
Content="{StaticResource PauseGeo}" .../>
或者
<Button Style="{StaticResource ButtonInflateStyle}">
<StaticResource ResourceKey="PauseGeo"/>
</Button>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/511399.html
標籤：wpfxml控制
上一篇：拉伸串列視圖以匹配擴展器寬度