Dark vertical line at the edge of the panorama background in Windows Phone

Question

I set the backgroundBrush panorama as follows:

In the 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}" 

panorama.background.png is a white image with the application logo on top.

Whenever I look at the edge of the Panorama background (from the last element of the panorama to the first), a thin vertical dark line appears while moving. When the transition stops, the line disappears.

You can see the problem on the video simulator. uploaded to youtube .

This is similar to the fact that the WP SL rendering engine does not catch up with the redrawing of the transition edge of the image. But the same background is in the Office Hub, and it has no problems that I am experiencing.

Please advise how to solve the problem with the vertical line.

Answer 1

I can reproduce this, and sometimes even get large gaps during testing.

I think the office center suffers from the same problem, but pretends to use a white background. And you can do it too:

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

This gives the grid behind Panorama on a white background. If your image is white on the edge (for example, on a YouTube video), then the glitch will no longer be displayed.