Bouton avec "texte1 image et prix"

Version imprimable

Bonjour,

Je voudrais créé un type de bouton qui contiendra:

Portable :oops: 119€

Donc du texte, une image et puis un prix.

Je devrais pouvoir créer dynamiquement des boutons contenant ce même type d'information en fonction de données qui se trouvent dans une DB.

J'essaie pour l'instant de créer un UserControl avec:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <UserControl.Resources> <Style x:Key="BoutonPrix" TargetType="Button"> <Rectangle Stroke="#FF6DBDD1" StrokeThickness="1" RadiusX="8" RadiusY="8"> </Rectangle> <ContentPresenter x:Name="BoutonPrixContentPresenter" HorizontalAlignment="Center" Margin="0,8,0,0"> <Grid Width="216"> <Grid.ColumnDefinitions> <ColumnDefinition Width="0.741*"/> <ColumnDefinition Width="0.259*"/> </Grid.ColumnDefinitions> <TextBlock x:Name="txtblockLabel" Text="TextBlock" TextWrapping="Wrap" FontFamily="Verdana" FontSize="14.667"/> <TextBlock x:Name="txtblockPrix" Grid.Column="1" Text="TextBlock" TextWrapping="Wrap" FontFamily="Verdana" FontSize="14.667"/> </Grid> </ContentPresenter> </Grid> </ControlTemplate> </UserControl.Resources>
J'ai fortement épuré le code ci-avant.

Mon problème, c'est que je n'arrive pas à accéder aux txtblockLabel et txtblockPrix.

Une idée ?

Oula, tu fais bien compliqué.

Code:

1
2
3
4
5
6
7
8
<Button Width="100" Height="50" >
    <Button.Content>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Name}" />
            <TextBlock Text="{Binding Price}" />
        </StackPanel>
    </Button.Content>
</Button>

J'ai pas mis l'image mais il suffit juste de l'ajouter.

Un coup de binding et ton contrôle s'affiche comme il faut.

24/10/2009, 00h30
Golzinne

pourquoi faire simple quand on peut faire compliqué...:lol:

Ce que je n'ai pas dit, c'est que c'est déjà un user control qui doit lui-même acccepter 1 ou plusieurs boutons.

Donc en fait, mon user control "categories" doit afficher un ou plusieurs boutons qui reprennent un texte, une image et un prix.

Et dans mon code, c'est quand je trouve une catégorie que je crée un stackpanel "catégorie" et en fonction du nombre de détails que je trouve par catégorie, je dois créer un bouton (avec label , image et prix) par détail.
24/10/2009, 00h45
Skyounet

Tu n'as qu'à mettre un ItemsControl bindé sur ta liste de "détails" et pour chaque Item tu affiches un bouton.

Merci pour le code avec le binding.

Cependant, mes boutons n'affichent rien du tout.

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<UserControl x:Class="Gentry.BtnSkyounet"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Margin="0,0,0,8" Width="248" Height="88" >
 
    <Button x:Name="BtnSkyounet" Width="100" Height="50" >
        <Button.Content>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding VetLabel}" />
                <TextBlock Text="{Binding VetPrix}" />
            </StackPanel>
        </Button.Content>
    </Button>
 
</UserControl>

et dans le code "appelant", j'ai:

Code:

1
2
3
4
5
6
7
8
9
10
For Each vet As Vetement In m_Categorie.Vetements
                Dim b As New BtnSkyounet 'With {.Content = vet.VetLabel}
                Dim myGrid As New Grid
 
                Me.Body.Children.Add(b)
                Me.Body.Height += b.Height
                Me.LargeBody.Height += b.Height
                Me.brdMain.Height += b.Height
                Me.Height += b.Height
            Next

Peut-être que je m'y prend mal ?

Exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<UserControl x:Class="Gentry.BtnSkyounet"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Margin="0,0,0,8" Width="248" Height="88" >
    <ItemsControl x:Name="vetements">
    <ItemsControl.ItemTemplate>
    <DataTemplate>
    <Button x:Name="BtnSkyounet" Width="100" Height="50" >
        <Button.Content>
            <StackPanel Orientation="Horizontal">
                <TextBlock Text="{Binding VetLabel}" />
                <TextBlock Text="{Binding VetPrix}" />
            </StackPanel>
        </Button.Content>
    </Button>
    </DataTemplate>
    </ItemsControl.ItemTemplate>
    </ItemsControl>
</UserControl>

Code:

vetements.ItemsSource = m_Categorie.Vetements;

XAML non testé y'a ptet une erreur de frappe.

01/11/2009, 10h04
Golzinne
Merci pour le bout de code.

Le xaml ne pose pas de problèmes.

Le VB (CS) bien.

Code:

vetements.ItemsSource = m_Categorie.Vetements

me donne:

Citation:

Error 1 Name 'vetements' is not declared.

ce qui me semble normal. Donc je fais :
Code:

1 2 Dim b As New BtnSkyounet b.itemsSource = m_Categorie.Vetements
et là j'ai:

Citation:

Error 1 'itemsSource' is not a member of 'Gentry.BtnSkyounet'.
01/11/2009, 15h45
Skyounet

Non il faut que set l'ItemsSource du contrôle ItemsControl (dans mon XAML je l'ai appelé vetements via x:Name).

Donc le code c'est bien

Code:

vetements.ItemsSource = TaListeDeVetements

Bonsoir Skyounet,

Merci pour ton acharnement, j'obtiens enfin le résultat escompté.

Le code final:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<UserControl x:Class="Gentry.BtnListSkyounet"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Margin="0,0,0,8" Width="248" Height="Auto" >
    <ItemsControl x:Name="vetements">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Button x:Name="BtnListSkyounet" Width="100" Height="25" >
                    <Button.Content>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="{Binding VetLabel}" />
                            <TextBlock Text="{Binding VetPrix}" />
                        </StackPanel>
                    </Button.Content>
                </Button>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</UserControl>

J'ai renommé BtnSkyounet par BtnListSkyounet car il s'agit bien d'une liste de boutons.

Au niveau du code appelant, j'ai:

Code:

1
2
3
4
5
 Dim b As New BtnlistSkyounet
            b.vetements.ItemsSource = m_Categorie.Vetements
 
 
            Me.Body.Children.Add(b)

Body étant le StackPanel dans lequel le ou les boutons s'affichent.

Merci encore pour ta patience :ccool: et ton expertise :D