Bouton XAML/ Silverlight

Version imprimable

28/09/2010, 23h11
vincc

Bouton XAML/ Silverlight
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:

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..)

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:

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 :?

29/09/2010, 09h50
playfone

Pour encore plus de détailles, regarde ce lien.
29/09/2010, 10h08
tomlev

Citation:

Envoyé par playfone

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 ;)
29/09/2010, 10h18
playfone

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

J'édite.
29/09/2010, 11h27
DaMo`

Tu peux aussi essayer dans blend clic droit sur ton image "make into control" et tu choisis un bouton
29/09/2010, 11h47
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 !