Stackpanel：在wp8上的黑色背景

Question

我有一个问题-我的堆栈面板很大并且破裂（背景颜色更改为黑色）。我应该怎么做才能改善它？

<Grid x:Name="LayoutRoot" Background="#FF2D2D2D" >
    <Grid.RowDefinitions>
        <RowDefinition Height="60"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <StackPanel x:Name="TitlePanel" Orientation="Horizontal" Grid.Row="0">
    ..
    </StackPanel>

    <ScrollViewer Name="viewer" Grid.Row="1" >
        <StackPanel Name="ContentGrid" Canvas.ZIndex="1" Margin="0, 0,0,80" Background="White"  Width="452">

            <Image Name="ImageImage"  Height="300" VerticalAlignment="Top"/>
            <TextBlock  Name="DateText" TextWrapping="Wrap" TextAlignment="Center" FontSize="18" Foreground="Black"/>
            <TextBlock Name="TitleText"  TextWrapping="Wrap"  FontSize="20" TextAlignment="Center" Foreground="Black" Margin="10,0"/>
            <TextBlock TextWrapping="Wrap"  Margin="10,15,10,2" Name="DescroptionText"  FontSize="23" Foreground="#FF494949" FontFamily="Portable User Interface"/>
            <TextBlock TextWrapping="Wrap" TextTrimming="WordEllipsis"  Margin="10,0,10,2" Name="DescroptionText2"  FontSize="23" Foreground="#FF494949"/>
            <ListBox SelectionChanged="GridImages_SelectionChanged"  ScrollViewer.VerticalScrollBarVisibility="Disabled" Name="GridImages" ItemTemplate="{StaticResource AttachmentsItemTemlate}" Grid.RowSpan="2" FontFamily="Portable User Interface" >
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <toolkit:WrapPanel Orientation="Horizontal" FlowDirection="LeftToRight"  ItemWidth="150" ItemHeight="150"/>
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
            </ListBox>
        </StackPanel>
    </ScrollViewer>
</Grid>

Answer 1

Windows Phone UIElements中的限制为2048px。

您应该尝试将不同的元素分解为较小的元素（例如：您可以在第一个内部放置几个堆栈面板）。

在文本框元素有解决方法说明这里 。

Answer 2

尝试使用此代码，但首先您需要添加Windows工具箱库。

xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"

<toolkit:PhoneTextBox 
            TextWrapping="Wrap" 
            Name="txtString" 
            ScrollViewer.VerticalScrollBarVisibility="Visible" 
            MaxHeight="200"
            PlaceholderText="Add text"
            Padding="5"
            Width="370"
            FontFamily="Open Sans Light"
            FontSize="22"
            Height="Auto" ///Use Auto or provide height value
            Margin="10" 
      />

此代码用于滚动以及自动增长文本框的工作。 如果您不希望使用“自动增长文本框”，请提供高度而不是“高度自动设置”属性。

Answer 3

最好的做法是将主窗口设为白色背景，并使堆栈面板为透明背景，而不要为其赋予任何颜色。 经过测试，效果很好。