Création de Border custom

Version imprimable

Bonjour à tous,

J'ai un petit souci en voulant créer une border custom.

Voici le genre de résultat auquel j'aimerais arriver :

http://partage.oupas.be/CaptureBorder.PNG

Donc, pour se faire, j'ai créé un UserControl avec le code suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <Grid x:Class="SLNolvelisForecastTest.CustomGrid" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="300"> <Grid x:Name="LayoutRoot" Background="White"> <Border x:Name="Bord" BorderThickness="2" BorderBrush="Black" Margin="15,15,15,15" CornerRadius="3"/> <StackPanel x:Name="SP" Margin="30,3,0,0" Background="White" Height="25" Width="100" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Left"> <TextBlock x:Name="TB" Margin="8,0,8,0" Text="Title" VerticalAlignment="Center" FontSize="16" FontWeight="Bold"/> </StackPanel> </Grid> </Grid>
Tout fonctionne très bien mais j'aimerais ensuite pouvoir l'utiliser de cette manière :
Code:

1 2 3 4 5 6 <Grid x:Name="LayoutRoot"> <local:CustomGrid> <Button/> </local:CustomGrid> </Grid>
Le problème est que mon contrôle refuse un Content.
J'aurais voulu en quelque sorte Binder le Content de ma CustomGrid sur le contenu de la border qu'il contient.

J'espère avoir été assez clair.

Quelqu'un a-t-il une solution ?

D'avance, je vous remercie.

31/03/2010, 17h07
Skyounet

Il faut que tu crée un control qui hérite de ContentControl et comme template par défaut tu mets ton xaml.

Il faut juste rajouter un ContentPresenter au centre pour qu'il affiche ce que tu veux.

Si il te manque des infos pour faire dis moi.
31/03/2010, 18h03
cyberbobby

Extra ! Ca fonctionne !

Merci pour ton aide, je suis arrivé exactement à ce que je voulais.

Je ne connaissais pas le ContentControl, très pratique. ;-)

Bonjour,

Finalement, je viens de détecter un souci ...

Lorsque j'utilise ma Border :

Code:

1
2
3
4
5
6
 
    <Grid x:Name="LayoutRoot">
        <CustomControls:TitleBorder Title="Date">
            <Button x:Name="BPrint"/>
        </CustomControls:TitleBorder>
    </Grid>

Lorsque je regarde la valeur de ma variable BPrint après l'InitializeComponent, il vaut null, après le loaded aussi et bien après aussi. Par conte, si j'utilise l'événement Loaded du BPrint, je récupère bien le Button comme sender.

Assez bizarre, une explication ?

Voici le code de ma Border :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<ContentControl x:Class="Novelis.Forecast_Silverlight.CustomControls.TitleBorder"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <ContentControl.Template>
        <ControlTemplate>
            <Grid>
                <Border BorderThickness="1" BorderBrush="Black" Margin="15,15,15,15" CornerRadius="0">
                    <ContentPresenter/>
                </Border>
                <StackPanel Margin="30,3,0,0" Background="White" Width="{Binding TextSize}" Orientation="Horizontal" VerticalAlignment="Top" HorizontalAlignment="Left">
                    <TextBlock Margin="8,0,8,0" Text="{Binding Title}" VerticalAlignment="Center" FontSize="16" FontWeight="Bold"/>
                </StackPanel>
            </Grid>
        </ControlTemplate>
    </ContentControl.Template>   
</ContentControl>

01/04/2010, 19h40
Samuel Blanchard

Si sur la méthode "InitializeComponent" de ton MainPage.xaml.cs tu fais un "Go to definition" (F12), tu devrais accéder au fichier MainPage.g.i.cs qui contient les définitions C# de tes controles en XAML que tu as nommé.

par exemple dans InitializeComponent tu pourrais trouver le canvas MonControl :

Code:

this.MonControl = ((System.Windows.Controls.Canvas)(this.FindName("MonControl")));

Dans ton cas c'est le FindName qui ne parvient pas à "rentrer" dans ton ContentControl.

Malheureusement, je crois que tu dois fixer la référence à ton control toi- même, à moins que quelqu'un ait une solution plus élégante ?
02/04/2010, 10h10
cyberbobby

Mouais, ...

Merci pour ta solution mais j'aimerais trouver une solution plus élégante comme tu dis.

Skyounet, une idée peut-être ? :lol:
02/04/2010, 12h12
Samuel Blanchard

J'ai fait un test rapide avec un control templaté et chez moi le FindName fonctionne correctement; je retrouve bien la référence au bouton interne.

J'ai l'impression, vu ton code, que tu n'as pas utilisé le "Silverlight Templated Control" fournit pas VS mais plutot un UserControl. Me trompe-je ?
02/04/2010, 12h22
Skyounet

Il manquerait pas un bout dans ton ContentPresenter ?

Code:

<ContentPresenter Content="{TemplateBinding Content}" />
02/04/2010, 14h01
cyberbobby

En fait, le content de ContentPresenter se bindait tout seul sur le Content de ma Border (Sans doute parce que je suis dans le template) donc, je n'avais pas jugé utile de l'ajouter.

Pour être sûr, je viens de l'ajouter mais le problème persiste.

Merci pour tes réponses.
02/04/2010, 14h52
Samuel Blanchard

Excuse moi de revenir à la charge mais cela ne fonctionne pas car tu es parti d'un UserControl pour hériter de ContentControl. Hors il faudrait partir d'un controle templaté. Je te file un tuto de Sky :D pour comprendre comment cela fonctionne :

http://broux.developpez.com/articles...s-silverlight/
02/04/2010, 18h19
cyberbobby

Mais je te remercie de revenir à la charge ! :-)

J'essaie ça dès que possible.

Encore merci pour votre aide.