Discussion :

[jacquesprogram]

Bonjour,
j'ai une listbox qui utilise un DataTemplate, ainsi qu'un slider dans ma fenêtre:

Code xaml :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<Window>
    <Grid>
        <Slider x:Name="sliderZoom" />
        <Listbox>
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Image Height="{Binding xxxxx}" Width="{Binding xxxxx}"  />
                </DataTemplate>
            </ListBox.ItemTemplate>
        </Listbox>
    </Grid>
</Window>

J'aimerais agrandir les Images de mon Template en fonction du slider (en utilisant un converter, non mentionné ici) et donc binder mes Image Height et Width à la Value du slider.
Mais comment effectuer le binding sur un élément qui se trouve en dehors du DataTemplate ?

[MABROUKI]

bonjour
Une prop d'un element UI encapsule dans un DataTemplate ne peut etre binde qu'à :
-une prop d'un element source de Data (ObservableCollection source)
-une prop du control parent (ListBox recevant le DataTemplate)
-ou une prop d' un control constituant du control parent (ici ListBoxItem)...
On ne peut binder le Slider qu'au ListBoxItem qui contient ton DataTemplate...
Une autre circonstantce heureuse intervient car il faut zoomer uniquement le ListBoxItem selectionne..
Ceci se fait via ItemContainerStyle du ListBox....
Code exemple:
1/code .cs du class data Person ;

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Collections.ObjectModel;
 
namespace WpfZoomImage
{
    public class Person
    {
        public Person()
        {
 
        }
        public Person(string n,Uri u ):this()
        {
            Name = n;
            ImageUri = u;
 
        }
        public String Name { get; set; }
        public Uri ImageUri { get; set; }
 
    }
    public class Persons : ObservableCollection<Person>
    {
        public Persons()
        {
            for (int i = 1; i < 6; i++)
            {
 
                Person p = new Person(
                    "item"+i.ToString(),
                    new Uri("/Images/img"+i.ToString()+".jpg",UriKind.RelativeOrAbsolute ));
                this.Add(p);
            }
 
        }
 
    }
 
}

code xaml du form:

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
 
<Window x:Class="WpfZoomImage.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfZoomImage" 
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <local:Persons x:Key="src"></local:Persons>
 
        <DataTemplate x:Key="dt" DataType="{x:Type local:Person}">
            <StackPanel Orientation="Horizontal"  >
                <TextBox 
                   VerticalContentAlignment="Center" 
                   Text="{Binding Name}"  />
                <Image 
                    Margin="5"
                    Source="{Binding ImageUri}">
                </Image>
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Slider 
            x:Name="sliderZoom" 
            Minimum="50" Maximum="300"
            Value="100"
            VerticalAlignment="Center"/>
        <ListBox
            Grid.Row="1"
            Background="Transparent" 
            ItemsSource="{Binding Source={StaticResource src}}"
            ItemTemplate="{StaticResource dt}"
            >
            <ListBox.ItemContainerStyle>
                <Style TargetType="ListBoxItem">
                    <!--props defaut à ajuster suivant convenance-->
                    <Setter Property="Width" Value="100"/>
                    <Setter Property="Height" Value="100"/>
                    <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True" >
                            <Setter Property = "Width" Value="{Binding ElementName=sliderZoom,Path=Value}"/>
                        </Trigger>
 
                        <Trigger Property="IsSelected" Value="True" >
                            <Setter Property = "Height" Value="{Binding ElementName=sliderZoom,Path=Value}"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </ListBox.ItemContainerStyle>
        </ListBox>
    </Grid>
</Window>

code .cs du form (rien de special):

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
17
18
19
20
21
22
23
24
25
26
27
28
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
 
namespace WpfZoomImage
{
    /// <summary>
    /// Logique d'interaction pour MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}

bon code....

[jacquesprogram]

Super! Merci pour le code.