如何将 WP 全景项目修改为全屏答案

【问题标题】：How to modify WP Panorama item to be full screen如何将 WP 全景项目修改为全屏
【发布时间】：2012-03-29 06:48:48
【问题描述】：

我正在尝试修改 PanoramaItem 内容大小，使其没有边距并拉伸整个屏幕的宽度/高度。到目前为止，我没有运气尝试修改模板的副本。负边距可以处理左/上，但下一个全景项目总是从右边缘窥视，即使我设法拉伸全景项目，下一个项目也会在屏幕右侧重叠。

任何想法如何修改全景，以便实际的全景项目占据整个屏幕（800x480），并且以下全景项目始终距离前一个全景项目的左侧 480px，这样您就看不到下一个项目的一部分.

为什么要修改全景图？因为该控件具有内置功能，可以完成我想要它做的所有事情（我正在构建一个支持轻弹手势的全屏图片查看器）。我只是希望全景项目是全屏的，然后将图像放入容器的整个大小（全屏）

全景建筑 http://msdn.microsoft.com/en-us/library/ff941126%28v=vs.92%29.aspx

【问题讨论】：

使用 pivotitem 代替 panormaitem 似乎是一个更好的选择。
PivotItem 过渡动画不太合适，我还想使用全景图创建一个单独的视图，其中左右对称的内容峰值，以便弄清楚如何修改默认布局/边距/大小会很棒。
Hardev 请将下面的答案标记为解决方案，这是一个很好的解决方案。

标签： silverlight windows-phone-7 layout panorama-control

【解决方案1】：

public class PanoramaFullScreen : Panorama
{
    protected override System.Windows.Size MeasureOverride(System.Windows.Size          availableSize)
    {
        availableSize.Width += 48;
        return base.MeasureOverride(availableSize);
    }
}

XAML

<Style x:Key="PanoramaItemStyle1" TargetType="phone:PanoramaItem">
    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
    <Setter Property="VerticalContentAlignment" Value="Stretch"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="phone:PanoramaItem">
                <Grid Background="{TemplateBinding Background}" Margin="0,0,0,0">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <ContentControl x:Name="header" CharacterSpacing="-35" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" FontSize="66" FontFamily="{StaticResource PhoneFontFamilySemiLight}" HorizontalAlignment="Left" Margin="12,-2,0,38">
                        <ContentControl.RenderTransform>
                            <TranslateTransform x:Name="headerTransform"/>
                        </ContentControl.RenderTransform>
                    </ContentControl>
                    <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Grid.Row="1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

ItemContainerStyle="{StaticResource PanoramaItemStyle1}"

【讨论】：

【解决方案2】：

您可以尝试将 Pivot 与 null Header 和 Title 以及项目标题一起使用，而不是使用 Panorama。它也将支持轻弹。

【讨论】：

这是我在我的应用程序中所做的。
正如我之前所说，Pivot 并不能完全满足我的要求（全屏很好，从左/右对称偷看不可行）。我想修改全景内容模板尺寸/布局，但似乎不可能或至少非常困难。