WPF zone de texte avec image

Je suis en train de faire un WPF interface de connexion. Dans mon panneau de connexion, j'ai une connexion TextBox et un PasswordBox. Comme ce que montre la première image ci-dessous, il y a un peu de l'homme logo sur la page de connexion de zone de texte et un verrou dans la zone mot de passe. J'ai mis l'image dans la zone de texte d'arrière-plan, puis lorsque j'essaie d'insérer un mot dans la boîte de connexion, les mots s'annuler l'homme logo(image B). Tous les conseils pour bien le faire?

Mon XAML:

 <TextBox Width="380" Height="25" HorizontalAlignment="Center"  Foreground="WhiteSmoke" BorderBrush="Transparent" >
     <TextBox.Background>
       <ImageBrush ImageSource="/icon/user_login.png" AlignmentX="Left" Stretch="None"></ImageBrush>
     </TextBox.Background>
 </TextBox>

Image De Une:

WPF zone de texte avec image

Image B:

WPF zone de texte avec image

OriginalL'auteur 0070 | 2012-12-18

  1. 11

    Ma suggestion est que vous remplacer chacun des Textbox's avec un DockPanel. Dans lequel ils ont chacun une Image comme le plus à gauche de l'élément et un Textbox comme le plus à droite. Définissez ensuite les images de l'Utilisateur et la Serrure respectivement. Puis définissez les milieux de l' Textbox et Images transparent. Vous pouvez ensuite définir quel que soit le style que vous voulez sur le DockPanel.

    EDITION 1 - Copier coller à partir d'un exemple fonctionnel

    Code: 

    <DockPanel>
    <Button BorderThickness="0" DockPanel.Dock="Left" HorizontalAlignment="Right" Height="28" Width="23">
         <DynamicResource ResourceKey="SearchBar"/>
    </Button> 'This is a button, because I have a custom Style which I am using which makes all the borders go away. And also because I use it to clear the field.
    <TextBox Text="Search..." FontSize="16" HorizontalAlignment="Stretch" Background="Transparent"/>
</DockPanel>

    Image:

    WPF zone de texte avec image

    En ne définissant pas la DockPanel.Dock bien sur le deuxième point, je le dis à s'étendre à travers le reste de la DockPanel. Pour toute autre question, s'il vous plaît laissez-moi savoir. Si vous copiez collez le ci-dessus, il pourrait ne pas être le même, à cause de moi, de la découpe des parties sans importances.

    Merci man! Vraiment aider! +1 C=

    OriginalL'auteur JosephGarrone

  2. 0
     <DockPanel Grid.Row="1" Margin="65,24,71,11" HorizontalAlignment="Stretch">
                            <Image Source="/SDPI;component/Image/Profile.png"/>
                            <toolkit:WatermarkTextBox Grid.Row="1" FontSize="16">
                                <toolkit:WatermarkTextBox.Watermark>
                                    <StackPanel Orientation="Horizontal">
                                        <TextBlock Text="Username" FontSize="15" Margin="4,0,0,0" />
                                    </StackPanel>
                                </toolkit:WatermarkTextBox.Watermark>
                            </toolkit:WatermarkTextBox>
                        </DockPanel>
    WatermarkTextBox vient de l'extension de la WPF Toolkit™ Community Edition: wpftoolkit.codeplex.com/...

    OriginalL'auteur Hasansalih