本章講述：Button簡單模板樣式的修改，圓角矩形按鈕實現；

主要通過修改控制元件模板以達到效果；

XAML前端樣式程式碼：通過Border來控制控制元件的圓角；採用屬性觸發器控制滑鼠操作時，改變前景色和背景色。

<Style x:Key="ExButton" TargetType="{x:Type Button}">
	<Setter Property="MinHeight" Value="30"/>
	<Setter Property="MinWidth" Value="100"/>
	<Setter Property="FontSize" Value="15"/>
	<Setter Property="FontFamily" Value="微軟雅黑"/>
	<Setter Property="Background" Value="#FFE4E4E4"/>
	<Setter Property="Foreground" Value="#FF009DDC"/>
	<Setter Property="Template">
		<Setter.Value>
			<ControlTemplate TargetType="{x:Type Button}">
				<Border x:Name="Bd" Background="{TemplateBinding Background}" CornerRadius="5" MinHeight="{TemplateBinding MinHeight}" MinWidth="{TemplateBinding MinWidth}"
						SnapsToDevicePixels="true" Margin="{TemplateBinding Margin}">
					<TextBlock x:Name="text" Text="{TemplateBinding Content}" Margin="3,2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
				</Border>

				<ControlTemplate.Triggers>
					<Trigger Property="IsMouseOver" Value="True">
						<Setter TargetName="Bd" Property="Background" Value="#FF009DDA" />
						<Setter  Property="Foreground" Value="White" />
					</Trigger>
					<Trigger Property="IsPressed" Value="True">
						<Setter TargetName="Bd" Property="Background" Value="#FFFF6633" />
						<Setter  Property="Foreground" Value="White" />
					</Trigger>
				</ControlTemplate.Triggers>
			</ControlTemplate>
		</Setter.Value>
	</Setter>
</Style>
 

效果圖