Discussion :

[abbepierre94]

Bonjour à tous

J'utilise Silverlight 3 et je ne parviens pas à centrer verticalement une fenêtre modale sur mon écran. J'arrive à la centrer sur ma page XAML, mais si cette page prend 5 écrans en hauteur et que je me trouve au 2ème écran en haut, j'aimerais que la fenêtre modale apparaisse au milieu du 2ème écran (où je me trouve), et non au milieu du 3ème écran.

D'un point de vue code, j'en suis là :
- Page XAML : embarque le UserControl, avec la visibilité Visible ou Collapsed.

- UserControl XAML :

Code xaml :

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

1
2
3
4
5
6
7
8
9
10
<UserControl xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
...
...
  <Grid x:Name="LayoutRoot">
    <Border Width="300" Height="300">
      ...
      ...
    </Border>
  </Grid>
</UserControl>

Juste pour vous guider, si je met VerticalAlignment="Top" sur le Border, la fenêtre modale apparaît tout en haut de la page XAML.

Merci de votre aide !

[Samuel Blanchard]

Hello,

Je suis désolé mais la description de ton problème est incompréhensible

Le problème vient de la position externe de ta fenêtre ou du positionnement interne ?

[abbepierre94]

Ah, désolé Samuel
Pour faire plus clair, j'illustre mon problème avec une image.



L'image montre la popup bleue qui apparaît en bas. La popup est verticalement centrée sur la page (il faut regarder la scrollbar pour comprendre ce que je dis), mais pas centrée sur l'écran. Je voudrais qu'elle soit centrée sur l'écran.

Merci d'avance

[Samuel Blanchard]

Oui c'est plus clair merci

Le comportemement naturel d'une fenetre est de se placer au centre de la page. Si ta page fait plusieurs écran tu vas avoir effectivement un problème.

Le plus simple, serait de reconsidérer la taille de ta page et non le placement de ta fenetre.

Ainsi si tu mets le contenu de ta page dans un ScrollViewer c'est le scrollviewer qui grandira et pas ta page. donc plus de problème de centrage de fenetre :

Code XAML :

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

1
2
3
4
5
<Grid x:Name="LayoutRoot">
<ScrollViewer>
    <!-- ici le contenu original de LayoutRoot -->
</ScrollViewer>
</Grid>

[abbepierre94]

J'ai pas bien compris ce que tu expliques, mais j'ai quand même essayé ta solution. Ca me rajoute une scrollbar dans laquelle il n'y a jamais d'ascenseur (peu importe la quantité de données en "hauteur"), et la popup réapparaît invariablement au milieu de la page, et non de l'écran

En fait, je peux formuler ma demande plus simplement : comment placer un UserControl en plein milieu de la page, et qui flotte en restant au milieu même si je scroll ma page en haut ou en bas ?
En HTML il suffit de jouer avec position-absolute

Merci d'avance

[Skyounet]

En mettant ton controle par dessus le scrollviewer et pas dedans.

Code :

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

1
2
3
4
5
6
<Grid>
   <ScrollViewer>
      ...
   </ScrollViewer>
   <local:TonUserControl />
</Grid>