Discussion :

[Samyy17]

Bonjour,

J'ai créé un composant personnalisé permettant d'afficher une note sous forme d'étoiles (note sur 5 avec 5 étoile). Cependant je n'arrive pas à rafraîchir les images.

Je vous montre mon code en prenant pour exemple seulement la première étoile puisque le reste n'est que de la répétition.

Voici pour le xaml du contrôl :

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
<Style TargetType="{x:Type local:RatingControl}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:RatingControl}">
                    <StackPanel Orientation="Horizontal" >
                        <Image Height="18" Width="18" VerticalAlignment="center" >
                            <Image.Source>
                                <BitmapImage UriSource="{Binding Star0, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
                            </Image.Source>
                        </Image>
                  </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Et voici maintenant mon code behind :

Code C# :

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
 
 public class RatingControl : Control
    {
        public string Star0
        {
            get { return (string)GetValue(Star0Property); }
            set { SetValue(Star0Property, value); }
        }
 
        public static readonly DependencyProperty Star0Property =
            DependencyProperty.Register("Star0", typeof(string),                  typeof(RatingControl), new UIPropertyMetadata(""));
 
static RatingControl()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(RatingControl),           new FrameworkPropertyMetadata(typeof(RatingControl)));
        }

J'ai donc à la suite une fonction permettant de modifier Star0 par un nouveau chemin, celle ci modifie correctement la propriété mais graphiquement rien ne se passe...

Je suis complètement coincé là dessus, si quelqu'un a une idée...
N'hésitez pas si vous avez besoin de plus de précisions.

Merci

[benny-blanco]

Je crois qu'il faut implémenter l'interface INotifyPropertyChanged pour que l'UI prenne en compte tes modifs.

http://msdn.microsoft.com/fr-fr/libr.../ms229614.aspx

[Invité]

Je crois qu'il faut implémenter l'interface INotifyPropertyChanged pour que l'UI prenne en compte tes modifs.

http://msdn.microsoft.com/fr-fr/libr.../ms229614.aspx

Sauf erreur de ma part, je ne pense pas que le manque d'implémentation de l'interface INotifyPropertyChanged vu qu'il utilise une Dependency Property. Le problème doit provenir ailleurs

[yonpo]

Salut,

Le type de UriSource est Uri et non un string.
Une possibilité serait de passer par le propriété Source de Image en changeant le type de Star0 :

Code xaml :

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

1
2
3
4
5
6
7
8
9
10
11
12
<Style TargetType="{x:Type local:RatingControl}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:RatingControl}">
                    <StackPanel Orientation="Horizontal" >
                        <Image Height="18" Width="18" VerticalAlignment="center"
                               Source="{TemplateBinding Star0}"/>
                    </StackPanel>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Code c# :

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

1
2
3
4
5
6
7
8
public ImageSource Star0
        {
            get { return (ImageSource)GetValue(Star0Property); }
            set { SetValue(Star0Property, value); }
        }
 
        public static readonly DependencyProperty Star0Property =
            DependencyProperty.Register("Star0", typeof(ImageSource), typeof(RatingControl), new UIPropertyMetadata(null));

Et pour modifier la valeur :

Code c# :

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

1
2
3
4
5
var bitmap = new BitmapImage();
            bitmap.BeginInit();
            bitmap.UriSource = new Uri("chemin", UriKind.Relative);
            bitmap.EndInit();            
            rating.Star0 = bitmap;

[tomlev]

Le type de UriSource est Uri et non un string.

Oui mais normalement il se débrouille tout seul pour convertir

A mon avis le problème est plutôt que le type BitmapImage ne permet pas de changer la source. Normalement, quand tu l'utilises en code, tu appelles BeginInit, tu affectes UriSource, puis tu appelles EndInit. Or ces étapes ne se produisent pas quand le binding est rafraichi...

A mon avis le plus simple est de binder directement la propriété Source de l'image sur la propriété Star0, sans mettre explicitement une BitmapImage (comme dans le code XAML de yonpo, mais sans changer le type de la propriété Star0)

[Samyy17]

J'ai finalement réussi voici en changeant le type string par ImageSource :

Code Behind :

Code :

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
 
public class RatingControl : Control
    {
        public ImageSource Star0
        {
            get { return (ImageSource)GetValue(Star0Property); }
            set { SetValue(Star0Property, value); }
        }
 
        public static readonly DependencyProperty Star0Property =
            DependencyProperty.Register("Star0", typeof(ImageSoure),                  typeof(RatingControl), new UIPropertyMetadata(""));
 
static RatingControl()
        {
            DefaultStyleKeyProperty.OverrideMetadata(typeof(RatingControl),           new FrameworkPropertyMetadata(typeof(RatingControl)));
        }

--> Au final comme l'a dit Yonpo.

Merci à tous pour vos réponses !! et je marque le sujet comme résolu