WPFの画像アイコン付きTextBox

Question

TextBoxに画像があるように作成します。これは、私が試したものです：

<DockPanel Grid.Row="1" Grid.Column="1" Margin="5" > 
    <Image DockPanel.Dock="Left" Source="D:\my_backup\WPF\SALIENT\SALIENT\Images\d2.PNG" Width="20" Height="20"></Image> 
     <TextBox Text="test" FontSize="16" HorizontalAlignment="Stretch" Background="Transparent"          
     </TextBox> 
</DockPanel> 

これは私にこのような出力できます：

をしかし、私は助けることができる。この

誰のようなTextBox内の画像をしたいですか？

Answer 1

このような実装を使用できます。 あなたはおそらくそれのユーザーコントロールを作成する必要があります。

<Border BorderBrush="Black" 
      BorderThickness="2" 
      VerticalAlignment="Center" 
      CornerRadius="5"> 

     <StackPanel Margin="5" 
        Orientation="Horizontal"> 

      <Image Source="C:\SourceOfTheImage\Path\Image.png" 
        Height="18"/> 
      <TextBlock Text="Hello, I am a text block!" 
         Margin="3 0 0 0"/> 

     </StackPanel> 


    </Border> 

それが私のためにこのようになります

Answer 2

はこれを試してみてください。それを行う最も簡単な一回限りの方法だろう

<Border Padding="5" BorderThickness="2,2,2,2" BorderBrush="Gray" CornerRadius="2,2,2,2"> 
    <DockPanel Grid.Row="1" Grid.Column="1" Margin="5" > 
     <Image DockPanel.Dock="Left" Source="D:\my_backup\WPF\SALIENT\SALIENT\Images\d2.PNG" Width="20" Height="20"></Image> 
     <TextBox Text="test" FontSize="16" HorizontalAlignment="Stretch" Background="Transparent" BorderBrush="Transparent" ></TextBox> 
    </DockPanel> 
</Border> 

。 再利用のためにUserControlにダンプできます。

これを達成するもう1つの方法は、TextBoxテンプレートを開いて、このアイコンをTextBoxのメイクに入れて、ここでDockPanelとBorderを必要としないようにするだけでなく、テンプレートを将来どのTextboxにも簡単にアタッチできるリソースにする。