private async void OnLoaded(object sender, RoutedEventArgs e)
{
_compositor = ElementCompositionPreview.GetElementVisual(this).Compositor;
_generator = CompositionGeneratorFactory.GetCompositionGenerator(_compositor);
var distance = 4f;
var visualSize = new Vector2(225, 150);
var vRefHeight = visualSize.Y + (visualSize.Y * 0.7f) + distance;
var hRefWidth = visualSize.X + (visualSize.X * 0.7f) + distance;
var vRefLeft = (float)(CompositionGrid1.ActualWidth - visualSize.X) / 2f;
var vRefTop = (float)(CompositionGrid1.ActualHeight - vRefHeight) / 2f;
var hRefLeft = (float)(CompositionGrid1.ActualWidth - hRefWidth) / 2f;
var hRefTop = (float)(CompositionGrid1.ActualHeight - visualSize.Y) / 2f;
var surfaceImage = await _generator.CreateSurfaceImageAsync(new Uri("ms-appx:///Assets/Images/Car.jpg"),
visualSize.ToSize(), CompositionSurfaceImageOptions.Default);
var surfaceBrush = _compositor.CreateSurfaceBrush(surfaceImage.Surface);
var visual1 = _compositor.CreateSpriteVisual();
visual1.Size = visualSize;
visual1.Offset = new Vector3(vRefLeft, vRefTop, 0);
visual1.Brush = surfaceBrush;
_generator.CreateReflection(visual1, distance);
ElementCompositionPreview.SetElementChildVisual(CompositionGrid1, visual1);
var invertEffect = new InvertEffect()
{
Source = new CompositionEffectSourceParameter("source")
};
var invertEffectFactory = _compositor.CreateEffectFactory(invertEffect);
var invertBrush = invertEffectFactory.CreateBrush();
invertBrush.SetSourceParameter("source", surfaceBrush);
var visual2 = _compositor.CreateSpriteVisual();
visual2.Size = visualSize;
visual2.Offset = new Vector3(hRefLeft, hRefTop, 0);
visual2.Brush = invertBrush;
_generator.CreateReflection(visual2, distance, 0.7f, ReflectionLocation.Right);
ElementCompositionPreview.SetElementChildVisual(CompositionGrid2, visual2);
var visual3 = _compositor.CreateSpriteVisual();
visual3.Size = visualSize;
visual3.Offset = new Vector3(vRefLeft, vRefTop, 0);
visual3.Brush = surfaceBrush;
var inVisual = _compositor.CreateSpriteVisual();
inVisual.Size = new Vector2(80, 80);
inVisual.Offset = new Vector3(20, 10, 0);
inVisual.Brush = _compositor.CreateColorBrush(Colors.Yellow);
var inVisual2 = _compositor.CreateSpriteVisual();
inVisual2.Size = new Vector2(80, 80);
inVisual2.Offset = new Vector3(60, 60, 0);
inVisual2.Brush = _compositor.CreateColorBrush(Colors.Blue);
visual3.Children.InsertAtTop(inVisual2);
visual3.Children.InsertAtTop(inVisual);
_generator.CreateReflection(visual3, distance, 0.7f, ReflectionLocation.Bottom);
ElementCompositionPreview.SetElementChildVisual(CompositionGrid3, visual3);
var visual4 = _compositor.CreateSpriteVisual();
visual4.Size = visualSize;
visual4.Offset = new Vector3(hRefLeft, hRefTop, 0);
visual4.Brush = surfaceBrush;
var inVisual3 = _compositor.CreateSpriteVisual();
inVisual3.Size = new Vector2(80, 80);
inVisual3.Offset = new Vector3(20, 10, 0);
inVisual3.Brush = _compositor.CreateColorBrush(Colors.Yellow);
var inVisual4 = _compositor.CreateSpriteVisual();
inVisual4.Size = new Vector2(80, 80);
inVisual4.Offset = new Vector3(60, 40, 0);
inVisual4.Brush = _compositor.CreateColorBrush(Colors.Blue);
visual4.Children.InsertAtTop(inVisual3);
visual4.Children.InsertAtTop(inVisual4);
_generator.CreateReflection(visual4, distance, 0.7f, ReflectionLocation.Right);
ElementCompositionPreview.SetElementChildVisual(CompositionGrid4, visual4);
}
/// <summary>
/// Creates the SurfaceImages based on the ItemsSource
/// </summary>
/// <returns>Task</returns>
private async Task CreateSurfaceImagesAsync()
{
if (_surfaceImagesCreated)
{
return;
}
var padding = Padding;
// Clear previous visuals
_surfaceVisuals.Clear();
_fluidItems.Clear();
_bgLayer.Children.RemoveAll();
_topLayer.Children.RemoveAll();
_selectedVisual = null;
// Dispose the surface images
for (var i = 0; i < _surfaceImages.Count; i++)
{
var surfaceImage = _surfaceImages.ElementAt(i);
surfaceImage.Dispose();
}
_surfaceImages.Clear();
if ((ItemsSource == null) || !ItemsSource.Any())
{
return;
}
var options = CompositionSurfaceImageOptions.Default;
options.SurfaceBackgroundColor = Colors.Transparent;
var availableSize = new Size(_availableWidth, _availableHeight);
for (var i = 0; i < ItemsSource.Count(); i++)
{
// Create the surface image
var surfaceImage = await _generator.CreateSurfaceImageAsync(ItemsSource.ElementAt(i), availableSize, options);
_surfaceImages.Add(surfaceImage);
// Add a visual for the background
var containerVisual = _compositor.CreateSpriteVisual();
containerVisual.Size = availableSize.ToVector2();
containerVisual.Brush = _compositor.CreateColorBrush(ItemBackground);
containerVisual.Offset = new Vector3((float)padding.Left, (float)padding.Top, 0);
// Create the visual for the content
var contentVisual = _compositor.CreateSpriteVisual();
contentVisual.Size = availableSize.ToVector2();
var surfaceBrush = _compositor.CreateSurfaceBrush(surfaceImage.Surface);
surfaceBrush.UpdateSurfaceBrushOptions(Stretch, AlignX, AlignY);
contentVisual.Brush = surfaceBrush;
// Calculate the Inset Clip
var left = i * (_itemWidth + ItemGap.Single());
var right = _availableWidth - (left + _itemWidth);
containerVisual.Properties.InsertScalar("LeftInset", left);
containerVisual.Properties.InsertScalar("RightInset", right);
containerVisual.Clip = _compositor.CreateInsetClip(left, 0, right, 0);
// Center Point
containerVisual.CenterPoint = new Vector3(left + (_itemWidth / 2f), (float)padding.Top + (_itemHeight / 2f), 0);
contentVisual.CenterPoint = containerVisual.CenterPoint;
containerVisual.ImplicitAnimations = _implicitAnimationCollection;
contentVisual.ImplicitAnimations = _implicitAnimationCollection;
// Set the container content
containerVisual.Children.InsertAtTop(contentVisual);
// Add to Background Layer
_bgLayer.Children.InsertAtTop(containerVisual);
// Add Visual to the fluid items
_fluidItems[containerVisual] = new Rect(padding.Left + left, padding.Top, _itemWidth, _itemHeight);
_surfaceVisuals[surfaceImage] = containerVisual;
}
}
