WP8中的Dockpanel行為

Question

我正在編寫Windows Phone 8應用，但UI出現了一些問題。 我想要一個控件將延伸到整個屏幕的寬度，並將其子控件水平放置（以填充空間）。

目前，我有一個Orientation = Horizo​​ntal的StackPanel，但是它不允許子控件（滑塊）具有Horizo​​ntalAlignment = Stretch（實際上是拉伸）。 我可以手動拉伸滑塊，但我不想要硬編碼尺寸..

這是代碼：

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

和結果圖像：

在普通的WPF中，有Dockpanel控件，但WP8似乎不存在。 反正有模仿這種行為嗎？

Answer 1

您可以使用兩列Grid ：

<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

您可以在此處嘗試從Silverlight Toolkit中提取的版本，並對WP7進行一些調整， 網址為http://www.geekchamp.com/articles/using-dockpanel-in-wp7

如果您需要更多東西，請使用整個Silverlight Toolkit http://silverlight.codeplex.com/ （因為從它派生的Windows Phone Toolkit似乎不包含DockPanel）

有關編譯DockPanel所需內容的一些信息（但下載鏈接已損壞），位於http://matthiasshapiro.com/2010/06/28/using-wrappanel-and-dockpanel-in-windows-phone-7-with-blend /

更新：我使用了上面提到的信息來設置http://DockPanel.codeplex.com 。 除了將所有頂部/左側/右側/底部/中間項目全部添加到布局中的情況下，它工作得很好，至少在Windows Phone上會出現這種錯誤的布局