Using Silver Light View
XD, PSD, AI and INDD layers to SilverLight with clean and clear code becomes simple. Translate your XD, PSD, AI and INDD layers to SilverLight with advanced support for text, images and shapes.
Example Image Element
1 2 3 4 5 6 7 | Image button_copy = new Image(); button_copy.Source = new BitmapImage(new Uri("ms-appx:///skins/ek125_303_layer_effects.png")); button_copy.SetValue(Canvas.TopProperty,446); button_copy.SetValue(Canvas.LeftProperty,240); button_copy.Width = 310; button_copy.Height = 166; |
Example Text Element
1 2 3 4 5 6 7 8 9 10 | TextBlock text = new TextBlock(); text.FontFamily = new FontFamily("ArialMT"); text.FontSize = 68; text.Foreground = Color.FromArgb(255,255,255,255); text.Text = "TEXT"; text.SetValue(Canvas.TopProperty,132); text.SetValue(Canvas.LeftProperty,501); text.Width = 227; text.Height = 90; |
Example Shape Element
1 2 3 4 5 6 7 8 9 | Rectangle button_bg = new Rectangle(); button_bg.RadiusX = 30; button_bg.RadiusY = 30; button_bg.Fill = Color.FromArgb(255,206,54,54); button_bg.SetValue(Canvas.TopProperty,72); button_bg.SetValue(Canvas.LeftProperty,449); button_bg.Width = 310; button_bg.Height = 159; |
Customize the SilverLight View to include additional information with the XD, PSD, AI and INDD layer such as effects, advanced text rendering and more.
Example Layer Effects
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | Rectangle button_bg = new Rectangle(); LinearGradientBrush button_bg_gb = new LinearGradientBrush(); DropShadowEffect button_bg_ds = new DropShadowEffect(); button_bg.RadiusX = 30; button_bg.RadiusY = 30; button_bg_gb.StartPoint = new Point(0,0); button_bg_gb.EndPoint = new Point(0,1); button_bg_gb.GradientStops.Add(new GradientStop(Color.FromArgb(255,37,18,18), 0.29)); button_bg_gb.GradientStops.Add(new GradientStop(Color.FromArgb(255,92,35,35), 0.65)); button_bg_gb.GradientStops.Add(new GradientStop(Color.FromArgb(255,206,54,54), 1)); button_bg.Fill = button_bg_gb; button_bg.SetValue(Canvas.TopProperty,72); button_bg.SetValue(Canvas.LeftProperty,449); button_bg.Width = 310; button_bg.Height = 159; button_bg_ds.Color = Color.FromArgb(255,206,54,54); button_bg_ds.ShadowDepth = 0; button_bg_ds.BlurRadius = 25; button_bg.Effect = button_bg_ds; SuperGrid.Children.Add(button_bg); |
Example Inline Content
1 2 3 4 5 6 7 8 9 10 11 12 | Image button_copy = new Image(); BitmapImage button_copy_bitmap = new BitmapImage(); Uri button_copy_uri = new Uri("ms-appx:///skins/ek125_303_layer_effects.png"); button_copy_bitmap.UriSource = button_copy_uri; button_copy.Source = button_copy_bitmap; button_copy.SetValue(Canvas.TopProperty,446); button_copy.SetValue(Canvas.LeftProperty,240); button_copy.Width = 310; button_copy.Height = 166; SuperGrid.Children.Add(button_copy); |
