Héritage UserControl WPF

Version imprimable

Hello,

Quelqu'un serait-il me dire comment faire de l'héritage avec des UserControl en WPF, car pour l'instant je galère un peu à trouver.

J'ai crée mon <<Master UserControl>> :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<UserControl x:Class="OpportuniteWpf.MasterUserCtrl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Height="450" Width="550">
    <Grid>
         <Button Height="23" Name="btRefresh" Width="95" HorizontalAlignment="Right" VerticalAlignment="Bottom" Margin="0,0,100,0">
            <StackPanel Orientation="Horizontal">
                <Image Source="/Images/icons/database_refresh.png" Width="16" Height="16" HorizontalAlignment="Left" Margin="0,0,5,0" />
                <Label HorizontalAlignment="Center" Content="Rafraîchir"/>
            </StackPanel>
        </Button>
        <Button Height="23" Name="btSave" Width="95" HorizontalAlignment="Right" VerticalAlignment="Bottom">
            <StackPanel Orientation="Horizontal">
                <Image Source="/Images/icons/disk.png" Width="16" Height="16" HorizontalAlignment="Left" Margin="0,0,5,0" />
                <Label HorizontalAlignment="Center" Content="Sauvegarder" />
            </StackPanel>
        </Button>   
    </Grid>
</UserControl>

Mon code cs correspondant :

Code:

1
2
3
4
5
6
7
8
 
public partial class MasterUserCtrl : UserControl
    {
        public MasterUserCtrl()
        {
            InitializeComponent();
        }
    }

Ensuite J'ai crée mon UserControl qui devrait hériter de MasterUserCtrl :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
 
<local:MasterUserCtrl x:Class="OpportuniteWpf.UserCtrlContact"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:OpportuniteWpf"
    Height="400" Width="529" >
    <Grid>
 
    </Grid>
</loacl:MasterUserCtrl>

Mon code cs correspondant :

Code:

1
2
3
4
5
6
7
8
 
public partial class UserCtrlContact : MasterUserCtrl
    {
        public UserCtrlContact()
        {
            InitializeComponent();
        }
    }

Et quand je compile :

Citation:

Erreur 3 Erreur de génération inconnue, 'MC6017*: 'OpportuniteWpf.MasterUserCtrl' ne peut pas être la racine d'un fichier XAML, car sa définition a été faite à l'aide de XAML. Ligne 1 Position 23.' C:\Dev\OpportuniteWpf\OpportuniteWpf\UserCtrlContact.xaml 1 23 OpportuniteWpf

Bref peut-être que je m'y prend pas correctement ?

Quelqu'un aurait-il une petite idée sur la question ?

Merci d'avance.

08/10/2009, 15h41
ikeas

vas voir sur le blog de thomas
normalement c'est pas possible
08/10/2009, 15h44
Thomas Lebrun

Je confirme: comme ton contrôle parent est développé avec du XAML, ca marche pas.
08/10/2009, 16h01
alves.seb

Ok donc si je comprend bien mon contrôle parent ne doit pas contenir de XAML.
Si je fait en sorte qu'il n'en contient pas mon contrôle enfant doit hériter de quoi ?
Mon Master contrôle doit hérité de Usercontrol et mon contrôle enfant de mon Master contrôle ?

Donc pas possible d'hériter de la partie graphique d'un contrôle. Un peu dommage je trouve, peut-être prévu dans les prochaine version WPF ?

Merci

Quand j'ai été confronté au même problème le seul hack que j'ai trouvé est de loader soi-même la partie du contrôle en XAML.
Beaucoup de choses restent possible comme binder des commandes.

Voilà un exemple illustrant ça :

Code:

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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
using System.Windows; // DataTemplate
using System.Windows.Controls; // TabControl, TabItem
using System.Windows.Input; // RoutedUICommand, ExecutedRoutedEventArgs
 
using System.IO; // StringReader
using System.Xml; // XmlReader
using System.Windows.Markup; // XamlReader
 
 
namespace Test
{
    public partial class ClosableTabItem : TabItem
    {
        private const string HeaderDataTemplateAsString =
        @"<DataTemplate
            xmlns=""http://schemas.microsoft.com/winfx/2006/xaml/presentation""
            xmlns:x=""http://schemas.microsoft.com/winfx/2006/xaml""
            xmlns:test=""clr-namespace:Test;assembly=Test""
 
            >
                <DockPanel>
                    <Label Content=""{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=TabItem},Path=Header}"" FontWeight=""Bold"" DockPanel.Dock=""Left""/>
                    <Border BorderBrush=""Black"" BorderThickness=""1"">
                        <Button
                            Content=""X"" Foreground=""White"" DockPanel.Dock=""Right""
                            Command=""{x:Static test:ClosableTabItem.CloseCommand}""
                            CommandParameter=""{Binding RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=TabControl}}"">
                            <Button.Style>
                                <Style TargetType=""Button"">
                                    <Style.Triggers>
                                        <Trigger Property=""IsMouseOver"" Value=""False"">
                                            <Setter Property=""Background"" Value=""#CDA0A0"" />
                                        </Trigger>
                                        <Trigger Property=""IsMouseOver"" Value=""True"">
                                            <Setter Property=""Background"" Value=""Red"" />
                                        </Trigger>
                                    </Style.Triggers>
                                </Style>
                            </Button.Style>
                        </Button>
                    </Border>
                </DockPanel>
        </DataTemplate>";
 
        public ClosableTabItem()
        {
            // Load the template from its XAML representation
            this.HeaderTemplate = XamlReader.Load(XmlReader.Create(new StringReader(HeaderDataTemplateAsString)))
                    as DataTemplate;
 
            // Bind the "CloseCommand" command to the "Close" method
            this.CommandBindings.Add(new CommandBinding(CloseCommand, Close));
        }
 
        public delegate void TabItemClosed(ClosableTabItem tab);
 
        private event TabItemClosed _Closed;
 
        public event TabItemClosed Closed
        {
            add
            {
                this._Closed += value;
            }
            remove
            {
                this._Closed -= value;
            }
        }
 
		public void Close(object target, ExecutedRoutedEventArgs args)
        {
            ClosableTabItem tabItem = args.Source as ClosableTabItem;
            TabControl tabControl = args.Parameter as TabControl;
 
            tabControl.Items.Remove(tabItem);
 
            if (this._Closed != null)
            {
                this._Closed(tabItem);
            }
        }
 
        public static RoutedUICommand CloseCommand = new RoutedUICommand
        (
            "Close",
            "CloseCommand",
            typeof(Button)
        );
    }
}

Ce n'est sûrement pas du WPF "best practices" mais c'est fonctionnel.

PS : de plus ce control c'est quasi la façon la plus simple de faire un TabITem fermable, dont on a vite besoin quand on développe des interfaces un peu élaborées.

11/10/2009, 19h22
alves.seb

Merci à tous pour vos réponses mais j'ai fait simple en me contentant d'un contrôle parent sans XAML.

Thanks
02/05/2013, 17h27
hanubis37

Héritage UserControl dans UserControl NON !! possible !!
Faire hériter un UserControl à un autre UserControl est impossible. Thomas a raison.
Par contre, il est possible de faire hériter un UserControl à un CustomControl. Si les 2 UserControl sont identiques, aucun problème. Et il ne reste, dans le code Behind, à définir la DataContexte.

Exemple, j'ai une vue que j'ai créé sous le format d'un UserControl. Cette vue est la même pour deux utilisations différentes. J'ai donc créé deux CustomControl héritant de mon UserControl.

Constructeur de mon CustomControl1 :
Code:

1 2 3 4 Public CustomControl1 : UserControl1 { this.DataContext = new ViewModelCustomControl1() }
Constructeur de mon CustomControl2 :
Code:

1 2 3 4 Public CustomControl2 : UserControl1 { this.DataContext = new ViewModelCustomControl2() }
Inconvénient : pas de code XAML pour les CustomControls ici présent.