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的限制。

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

在TextBox元素中，解释了here。

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

最好的方法是将主窗口设置为白色背景，并将堆叠面板设为透明背景，而不是为其提供任何颜色。它在我测试它时效果很好。

Stackpanel：在wp8的黑背景

3 个答案: