回答編集履歴

  うまく説明できているか自信がないのですが、`Button`自体のプロパティと`Template`は直接は関連しません。

  連動して見えるのは連動するように作っているからで、すべて無視することもできてしまいます。

 

  現状`Content`と`ContentTemplate`だけが連動（`TemplateBinding`）している状態で、他は無視している形になっています。

 

  > ①ボタンをマウスオーバーした時に背景色が変わらない

 

  `Button`の`BorderBrush`・`Background`は変わっているが、それをだれも使っていない。

 

  > ②ボタンのContentsで指定した文字が左上揃いになってしまう

 

  `HorizontalContentAlignment`・`VerticalContentAlignment`を設定したが、それをだれも使っていない。

 

 

  素直に書くとこんな感じでしょうか。

  <Application.Resources>

  <!-- 色の指定 -->

  <SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD" />

  <SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070" />

  <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD" />

  <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1" />

  <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6" />

  <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B" />

  <!-- ボタン用共通スタイル -->

  <Style x:Key="CornerRadiusButton" TargetType="Button">

  <!-- Contentsの左右方向align -->

  <Setter Property="HorizontalContentAlignment" Value="Center" />

  <!-- Contentsの上下方向align -->

  <Setter Property="VerticalContentAlignment" Value="Center" />

  <!-- 角丸と背景色の設定 -->

  <Setter Property="Template">

  <Setter.Value>

  <ControlTemplate TargetType="Button">

  <!-- 角丸と通常背景色の設定 -->

  <Border

  Background="{TemplateBinding Background}"

  BorderBrush="{TemplateBinding BorderBrush}"

  BorderThickness="1"

  CornerRadius="6">

  <ContentPresenter

  x:Name="contentPresenter"

  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"

  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"

  Content="{TemplateBinding Content}"

  ContentTemplate="{TemplateBinding ContentTemplate}" />

  </Border>

  <!-- マウスオーバー時背景色の設定 -->

  <ControlTemplate.Triggers>

  <Trigger Property="IsMouseOver" Value="True">

  <Setter Property="BorderBrush" Value="{StaticResource Button.MouseOver.Border}" />

  <Setter Property="Background" Value="{StaticResource Button.MouseOver.Background}" />

  </Trigger>

  </ControlTemplate.Triggers>

  </ControlTemplate>

  </Setter.Value>

  </Setter>

  </Style>

  </Application.Resources>

  ```

  デザイナでコントロールを右クリックすると、「テンプレートの編集」ー「コピーして編集...」というメニューが出ます。

  それで出力したスタイルをベースにいじると楽です^^

 

  ---

 

  単に角丸にしたいだけならこれだけで十分です。

 

  <Style TargetType="Button" x:Key="CornerRadiusButton">

  <Style.Resources>

  <Style TargetType="Border">

  <Setter Property="CornerRadius" Value="6" />

  </Style>

  </Style.Resources>

  </Style>

  ```

  [.net - How to create/make rounded corner buttons in WPF? - Stack Overflow](https://stackoverflow.com/questions/6745663/how-to-create-make-rounded-corner-buttons-in-wpf)