4

I set a panorama backgroundBrush the following way:

In DataContext:

var bitmapImage = new BitmapImage(new Uri("../Images/panorama.background.png", UriKind.RelativeOrAbsolute));
var backBrush = new ImageBrush { ImageSource = bitmapImage };
PanoramaBackgroundBrush = backBrush;

In View:

<controls:Panorama Background="{Binding PanoramaBackgroundBrush}"

The panorama.background.png is a white image with an app logo on top.

Whenever I scroll over the edge of Panorama background (from last panorama item to the first one), a vertical thin dark line appears at a time of motion. When the transition stops, the line disappears.

You can see the problem on a video of a simulator I have uploaded to youtube.

It is almost as if the rendering engine of WP SL is not catching up to redraw the transition of the image's edge. But the same background is in the Office Hub, and it doesn't have a problem I am experiencing.

Please advise on how to solve the vertical line problem.

Maxim V. Pavlov
  • 10,303
  • 17
  • 74
  • 174

1 Answers1

5

I can reproduce this and sometimes even got bigger gaps while testing.

I think the office hub suffers from the same problem but is faking it away by using a white background. And you can do so, too:

<Grid x:Name="LayoutRoot" Background="White">

This gives the grid behind the Panorama a white background. If your image is white at the edge (like in the YouTube video) then the glitch won't be visible anymore.

Heinrich Ulbricht
  • 10,064
  • 4
  • 54
  • 85