質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

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

london0925
london0925

総合スコア1

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

1回答

1グッド

1クリップ

495閲覧

投稿2022/07/22 08:57

編集2022/07/25 00:04

前提

現在、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>
TN8001👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

回答1

0

ベストアンサー

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

xamlのみで作成したい

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

C#コードは1行も書いてませんが、これがありなら↓とかでもいいじゃんって話になってしまいますが^^;
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>

EditingCommandsやけに細かいコマンドがあるくせに、なぜClearコマンドがないのか謎。
EditingCommands クラス (System.Windows.Documents) | Microsoft Docs

投稿2022/07/26 11:47

TN8001

総合スコア8292

下記のような回答は推奨されていません。

  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

london0925

2022/07/27 02:23

回答ありがとうございます! こんな便利なライブラリがあったんですね。 それから、FontFamilyも、ボタンにあったものまで教えていただきありがとうございます。

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです