xamlのtextboxテンプレートにbuttonを入れたいとき

前提

現在、xamlでコントロールのカスタマイズについて学んでおり、textboxテンプレートを編集しています。

実現したいこと

textboxの中に押すとテキストボックスの中身がクリアされるボタンが入ったtextboxのテンプレートをxamlのみで作成したいのですが、やり方が分かりません。

該当のソースコード

ソースコード
<Style x:Key="WatermarkTextbox" TargetType="{x:Type TextBox}">
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TextBox}">
                        <Border x:Name="border" BorderBrush="Black" BorderThickness="2" CornerRadius="4" >
                            <Grid Background="White">
                                <ScrollViewer x:Name="PART_ContentHost" Margin="5,0,0,0" VerticalAlignment="Center"/>
                                <TextBlock x:Name="WaterMarkLabel" Text="{TemplateBinding Tag}" Opacity=".5" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="5,0,0,0" Visibility="Collapsed"/>
                                <Button x:Name="ClearButton" Template="{StaticResource buttonTemplate}" Content="X" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0,0,5,0"/>
                            </Grid>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="Text" Value="">
                                <Setter Property="Visibility" TargetName="WaterMarkLabel" Value="Visible"/>
                                <Setter Property="Visibility" TargetName="ClearButton" Value="Hidden"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="BorderBrush" TargetName="border" Value="DeepskyBlue"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

回答1件

ベストアンサー

WPFタグが追加されたのが遅く、気が付くのが遅れました。

xamlのみで作成したい

Blendビヘイビアを使うのはありですかね？
NuGet Gallery | Microsoft.Xaml.Behaviors.Wpf 1.1.39

C#コードは１行も書いてませんが、これがありなら↓とかでもいいじゃんって話になってしまいますが^^;
MahApps.Metro - TextBox
Material Design In XAML Toolkit v3.2 の紹介 - Qiita

xml
1<Window
2  x:Class="Qo3i9v4ee45tk3n.MainWindow"
3  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5  xmlns:i="clr-namespace:Microsoft.Xaml.Behaviors;assembly=Microsoft.Xaml.Behaviors"
6  Width="800"
7  Height="450">
8  <Window.Resources>
9    <Style x:Key="WatermarkTextbox" TargetType="{x:Type TextBox}">
10      <Setter Property="VerticalContentAlignment" Value="Center" />
11      <Setter Property="Template">
12        <Setter.Value>
13          <ControlTemplate TargetType="{x:Type TextBox}">
14            <Border
15              x:Name="border"
16              BorderBrush="Black"
17              BorderThickness="2"
18              CornerRadius="4">
19              <Grid Background="White">
20                <ScrollViewer
21                  x:Name="PART_ContentHost"
22                  Margin="5,0,0,0"
23                  VerticalAlignment="Center" />
24                <TextBlock
25                  x:Name="WaterMarkLabel"
26                  Margin="5,0,0,0"
27                  HorizontalAlignment="Left"
28                  VerticalAlignment="Center"
29                  Opacity=".5"
30                  Text="{TemplateBinding Tag}"
31                  Visibility="Collapsed" />
32                <Button
33                  x:Name="ClearButton"
34                  Margin="0,0,5,0"
35                  HorizontalAlignment="Right"
36                  VerticalAlignment="Center"
37                  Content="r"
38                  FontFamily="Marlett">
39                  <i:Interaction.Triggers>
40                    <i:EventTrigger EventName="Click">
41                      <i:InvokeCommandAction Command="ApplicationCommands.SelectAll" />
42                      <i:InvokeCommandAction Command="EditingCommands.Delete" />
43                    </i:EventTrigger>
44                  </i:Interaction.Triggers>
45                </Button>
46              </Grid>
47            </Border>
48            <ControlTemplate.Triggers>
49              <Trigger Property="Text" Value="">
50                <Setter TargetName="WaterMarkLabel" Property="Visibility" Value="Visible" />
51                <Setter TargetName="ClearButton" Property="Visibility" Value="Hidden" />
52              </Trigger>
53              <Trigger Property="IsMouseOver" Value="True">
54                <Setter TargetName="border" Property="BorderBrush" Value="DeepskyBlue" />
55              </Trigger>
56            </ControlTemplate.Triggers>
57          </ControlTemplate>
58        </Setter.Value>
59      </Setter>
60    </Style>
61  </Window.Resources>
62  
63  <StackPanel>
64    <TextBox Style="{StaticResource WatermarkTextbox}" Tag="WaterMark" />
65  </StackPanel>
66</Window>