欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > 内容正文

使Panorama的PanoramaItem右侧的预览区域不显示,即PanoramaItem完全覆盖屏幕的方法

来源: 开发者 投稿于  被查看 43454 次 评论:194

使Panorama的PanoramaItem右侧的预览区域不显示,即PanoramaItem完全覆盖屏幕的方法


Panorama的item在右侧有一块预览的区域,为了不使它显示即PanoramaItem完全覆盖屏幕尝试了很多种方法,最终发现了以下这种简单有效的办法。

例如:

XAML:添加一个Panorama控件

<phone:Panorama x:Name="Panorama1" HorizontalAlignment="Left" Height="768" Title="" VerticalAlignment="Top" Width="480">
        </phone:Panorama>

CS:添加PanoramaItem

private void AddPanoramaItem(int ItemNumber)
        {
            for (int i = 0; i < ItemNumber; i++)
            {
                PanoramaItem item = new PanoramaItem();
                BitmapImage bitmapImage;
                ImageBrush imageBrush = new ImageBrush();

                item.Header = "";
                item.Width = 480;
                item.Height = 768;
                item.Orientation = System.Windows.Controls.Orientation.Horizontal;

                bitmapImage = new BitmapImage(new Uri("Images/" + (i + 1) + ".jpg", UriKind.Relative));

                imageBrush.Stretch = System.Windows.Media.Stretch.Fill;
                imageBrush.ImageSource = bitmapImage;

                item.Background = imageBrush;
                Panorama1.Items.Add(item);
            }
        }

讲解:为了实现该效果,关键步骤如下:

1、将PanoramaItem的Width要设置和Panorama的Width一致

2、item.Orientation = System.Windows.Controls.Orientation.Horizontal;

只需要设置以上两步即可实现item完全覆盖屏幕

注意:其实右侧的预览功能还存在,只是PanoramaItem的内容将其覆盖掉。

如果还有更好的方法,欢迎大家一起探讨分享。

qq群号:112758145

示例源代码下载地址:http://download.csdn.net/detail/u013562019/6995851

相关频道:

用户评论