Comportement du Dockpanel dans WP8

Question

Je suis en train d'écrire une application pour Windows Phone 8, et j'ai quelques problèmes avec l'interface utilisateur. Je veux un contrôle qui s'étire sur toute la largeur de l'écran et qui fait circuler ses contrôles enfants horizontalement (pour remplir l'espace).

Actuellement, j'ai un StackPanel avec Orientation = Horizontal, mais il ne permet pas au contrôle enfant (un curseur) d'avoir un HorizontalAlignment=Stretch (qui s'étire réellement). Je peux étirer manuellement le curseur, mais je ne veux pas avoir des tailles codées en dur

Voici le code :

<StackPanel Orientation="Horizontal">
    <TextBlock Text="Hue Bins"  />
    <Slider x:Name="HueBins" VerticalAlignment="Bottom" HorizontalAlignment="Stretch"  Value="24" Maximum="36" Minimum="1"/>
</StackPanel>

et l'image résultante :

Dans le WPF normal, il y a le contrôle Dockpanel, mais cela ne semble pas exister pour WP8. Existe-t-il un moyen d'émuler ce comportement ?

Answer 1

Vous pouvez utiliser Grid avec deux colonnes :

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <TextBlock Text="Hue Bins"  />
    <Slider x:Name="HueBins" Grid.Column="1" VerticalAlignment="Bottom" HorizontalAlignment="Stretch" Value="24" Maximum="36" Minimum="1"/>
</Grid>

Answer 2

Vous pouvez essayer la version extraite de Silverlight Toolkit ici, avec quelques ajustements qu'ils ont fait pour WP7. http://www.geekchamp.com/articles/using-dockpanel-in-wp7

ou utiliser l'ensemble de la boîte à outils Silverlight si vous avez besoin d'autres éléments. http://silverlight.codeplex.com/ (puisque le Windows Phone Toolkit qui en est dérivé ne semble pas contenir DockPanel)

Des informations (mais un lien de téléchargement cassé) sur ce qui est nécessaire pour compiler DockPanel sont disponibles à l'adresse suivante http://matthiasshapiro.com/2010/06/28/using-wrappanel-and-dockpanel-in-Windows-phone-7-with-blend/

Mise à jour : J'ai utilisé les informations mentionnées ci-dessus pour mettre en place http://DockPanel.codeplex.com . Cela fonctionne bien, à l'exception du cas où tous les éléments haut/gauche/droite/basse/milieu sont additionnés dans la mise en page, du moins sur Windows Phone, la mise en page est incorrecte dans ce cas.