Discussion :

[vincc]

Bonjour,

Je débute en silverlight et XAML... j'avais opté au début pour tout coder, mais j'ai vu que blend faisait bien les choses

HS : (tjrs pas compris d'ailleurs comment définir un canvas plutôt qu'une grille :/, il me le met par défaut ... et j'empille les images les unes sur les autres pour mon design, c'est comme ça qu'il faut faire ? :s )

Cependant j'en peux plus ça m'énerve là ^^ , ça fait une heure que je cherche comment faire un bouton avec une image. Je ne trouve pas :'(

Sur le net il y a que ça : ce qui est moche et sert à rien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<Button>
            <Image Height="43" Source="accueil2.png" Margin="0,-4,0,0" />
</Button>

moi je veux juste l'image pas la forme de bouton windows (donc pas mon image au milieu du bouton tout moche...)

Voila si vous saviez comment faire je suis preneur car ça me prend la tête et ça fiche en l'air tout mon design ....

C'est pourtant simple en css et cie -_-

Merci d'avance.

PS / je code en vb net mais je veux une solution si possible en xaml ... (débutant en vb..)

[tomlev]

Il faut faire un style pour le bouton dans lequel tu redéfinis le template pour ne plus avoir le "chrome" des boutons standards

Un truc comme ça par exemple:

Code XML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
    <ControlTemplate x:Key="FlatButtonTemplate" TargetType="{x:Type Button}">
        <Border Width="{TemplateBinding Width}"
                Height="{TemplateBinding Height}"
                Background="{TemplateBinding Background}"
                BorderBrush="{TemplateBinding BorderBrush}"
                BorderThickness="{TemplateBinding BorderThickness}">
            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
        </Border>
    </ControlTemplate>
 
    <Style x:Key="FlatButton" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="{x:Null}" />
        <Setter Property="BorderBrush" Value="{x:Null}" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Template" Value="{StaticResource FlatButtonTemplate}" />
    </Style>

Après il faudrait utiliser un VisualStateManager pour gérer les états Normal/MouseOver/Pressed/Disabled, mais je sais pas trop comment ça marche... en WPF on fait ça avec des triggers, mais ça existe pas en SL, comme je l'ai appris récemment

[playfone]

Pour encore plus de détailles, regarde ce lien.

[tomlev]

Tu peux aussi utiliser le ContentPresenter

Pour plus de détaille regarde ce lien.

Pourquoi "aussi" ? c'est exactement ce que je fais dans le code ci-dessus

[playfone]

Pardon, pas très bien reveillé...

J'édite.

[DaMo`]

Tu peux aussi essayer dans blend clic droit sur ton image "make into control" et tu choisis un bouton

[vincc]

Merci à vous j'ai enfin réussi !!!!!

J'ai testé tout d'abord via le code niquel

D'ailleurs j'ai fais une petite animation qui se joue lorsque que la souris entre dans le bouton, comment définir lorsque l'on clique sur le bouton plutôt ?

Je pensais que un sub button1_click ... suffirait mais il me met une erreur comme quoi il y a un problème au niveau du targettype


Bref, sinon je viens de tester ta méthode damo......................... et ben en 2 sec j'ai mon bouton x), et le code qui est exactement le même que celui écrit à la main ^^', bref merci à vous !