Modèle de bouton avec image et texte dans wpf

Je veux créer des boutons avec des images et du texte à l'intérieur. Par exemple, je voudrais utiliser différentes images et du texte pour les boutons comme "Parcourir les dossiers" et "Importer".
Une des options serait d'utiliser un modèle.
J'ai eu un coup d'oeil à) des nouvelles question

La création d'une image+texte bouton avec un modèle de contrôle?

Mais est-il un moyen par lequel je peux lier la source de l'image sans l'aide d'une propriété de dépendance ou de toute autre classe?

Grâce

source d'informationauteur Archie | 2010-04-28

  1. 4

    Pas. Que voulez-vous lier la Image.Source? Vous avez besoin d'une DependencyProperty pour cela. Bien sûr, vous pouvez également définir une classe normale qui contient deux propriétés: Text et ImageSource ou Uriet ensuite utiliser un DataTemplate pour rendre les instances de cette classe, mais ce serait encore plus de code à écrire, et c'est un peu "puant".

    Ce qui est la raison pour laquelle vous ne voulez pas utiliser une propriété de dépendance ou d'une classe personnalisée?

  2. 37

    Il n'a pas à être compliqué. Quelque chose d'aussi simple que de mettre un StackPanel à l'intérieur d'un bouton fera l'affaire:

    <Button>
  <StackPanel>
    <TextBlock>My text here</TextBlock>
    <Image Source="some.jpg" Stretch="None" />
  </StackPanel>
</Button>

    Vous pouvez ensuite configurer le StackPanel de contrôle où le texte doit apparaître, alignement, etc.

  3. 13

    J'ai ajouté quelques petites choses à la ligne en douceur

    <Button>
   <StackPanel Orientation="Horizontal">
       <Image Source="/ApplicationName;component/Images/MyImage.ico"/>
       <Label Padding="0">My Button Text</Label>
   </StackPanel>
</Button>
  4. 6
        <Button>
        <StackPanel Orientation="Horizontal">
            <Image Source="Resources/add.png" Stretch="None" />
            <TextBlock Margin="5,0,0,0">Add</TextBlock>
        </StackPanel>
    </Button>
  5. 4
    <Button x:Name="MyCoolButton"Width="200" Height="75">
<Grid >
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Image Source="Pete-Brown-Silverlight-in-Action.png" Margin="5" Grid.Column="0" />
    <StackPanel Grid.Column="1" Margin="5">
        <TextBlock Text="Buy My Book!" FontWeight="Bold" />
        <TextBlock Text="Pete is writing THE Silverlight 4 book" TextWrapping="Wrap" />
    </StackPanel>
</Grid>

  6. 1

    Ajouté Stretch="Uniforme" à Sean, en réponse à l'adresse de cas, si l'image est à l'origine de plus de la taille du bouton (question BrainSlugs83 mentionné dans ses commentaires que j'ai couru en tant que bien). Plus de détails de l'Étirement des options à MSDN. 

    <Button>
    <StackPanel Orientation="Horizontal">
        <Image Source="/ApplicationName;component/Images/MyImage.ico" Stretch="Uniform"/>
        <Label Padding="0">My Button Text</Label>
    </StackPanel>
</Button>

    Voulais ajouter un commentaire à la réponse sous BrainSlugs83, mais ne peut pas encore en raison du manque de points, et a été rejetée à partir de l'édition de Sean réponse.