Windows Phone 中的响应式 UI 8

Question

我在尝试为 Windows Phone 8.

开发响应式 UI 时遇到问题

我有一个 ListBox，我希望包装内容的 StackPanel 始终具有相同的边距，与屏幕尺寸无关。

例如：在分辨率为 480x800 的屏幕中，Margin="10" 的 StackPanel 应该具有 Height="780" 和 Width="460"。但是在 720x1080 的分辨率下，这个 StackPanel 应该有 Height="1060" 和 Width="700"。

我已经尝试过使用 MinWidth、MaxWidth、MinHeight 和 MaxHeight，但似乎没有任何效果。高度总是根据ListBox的内容来决定，而不是根据屏幕大小。

很遗憾，我无法附上图片以便更好地理解。我希望我已经清楚了。

我的代码：

<ListBox Height="450" ItemsSource="{Binding}" >
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Margin="12" HorizontalAlignment="Center" >
                <Border Background="{Binding color}" BorderBrush="#03a9f4" Height="62" Width="62" HorizontalAlignment="Left" >
                    <TextBlock Text="{Binding provider}" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Center" FontFamily="Segoe WP SemiLight" FontSize="15" />
                </Border>
                <TextBlock Foreground="#323232" Text="{Binding name}" FontFamily="Segoe WP" FontSize="28" Margin="77,-60,0,0" />
                <TextBlock Foreground="#323232" Text="{Binding number}" FontFamily="Segoe WP Light" FontSize="17" Margin="77,-23,0,0"/>                                                            
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

如果有人能告诉我如何做出响应，我将不胜感激UI。

Answer 1

我认为您正在寻找 Stretch 您的元素

<StackPanel Margin="10" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
    <!-- content -->
</StackPanel>

msdn

Windows Phone 中的响应式 UI 8

Responsive UI in Windows Phone 8

xaml

user-interface

windows-phone-8