Silverlike » XAML

Vector Arrows

admin — Fri, 09 Oct 2009 22:33:20 +0000

Laurent Bugnion created 56 useful vector arrows in XAML format. Resource is available in WPF and Silverlight format.

Silverlight Demo: Click here to view

Website: Click here

Download: Click here

Loading Animation

admin — Sun, 27 Sep 2009 06:20:11 +0000

A very simple loading animation in XAML format.

Silverlight Demo: Click here to view

Create a simple loading in XAML:

Website: Click here

Text Strike Through

admin — Thu, 24 Sep 2009 11:40:49 +0000

The follow XAML let you to add a "strike though" effect on your text. It works for single line text and you are able to customize the font size and color.

Silverlight Demo: Click here to view

XAML to create a strike through text:

Website: Click here

Create Path in C# and XAML

admin — Thu, 24 Sep 2009 10:40:13 +0000

Matthias Shapiro demonstrated how you create a geometry object using C# and XAML.

View: Click here

Download: Click here

Create Gradient Background

admin — Sun, 27 Sep 2009 06:50:04 +0000

Most of the time when you are using Visual Studio and you don’t’ want to open Blend for just setting a very Gradient Background! The below code can surely help you.

Creat gradient background in c#:

LinearGradientBrush linear = new LinearGradientBrush();
linear.StartPoint = new Point(0.5, 0);
linear.EndPoint = new Point(0.5, 1);

GradientStop g1 = new GradientStop();
g1.Color = _backgroundColor1;
g1.Offset = 0;

GradientStop g2 = new GradientStop();
g2.Color = _backgroundColor2;
g1.Offset = 1;

linear.GradientStops.Add(g2);
linear.GradientStops.Add(g1);

Border border = new Border();
border.Background = linear;

Creating gradient background in xaml:

Silverlight Demo: Click here to view

Website: Click here

Clip/Mask To Actual Size

admin — Sun, 27 Sep 2009 09:30:33 +0000

Colin Eberhardt created a very useful Clipping behavior class which helps you do clipping easily. The behavior can detect the ActualHeight and ActualWidth at run time and create a RectangleGeometry() to Clip your Grid.

c# implementation of the behavior:

using System;
using System.Windows;

namespace Namespace
{

    public class Clip
    {
        public static bool GetToBounds(DependencyObject depObj)
        {
            return (bool)depObj.GetValue(ToBoundsProperty);
        }

        public static void SetToBounds(DependencyObject depObj, bool clipToBounds)
        {
            depObj.SetValue(ToBoundsProperty, clipToBounds);
        }

        /// 
        /// Identifies the ToBounds Dependency Property.
        /// 
        public static readonly DependencyProperty ToBoundsProperty =
        DependencyProperty.RegisterAttached("ToBounds", typeof(bool),
        typeof(Clip), new PropertyMetadata(false, OnToBoundsPropertyChanged));

        private static void OnToBoundsPropertyChanged(DependencyObject d,
        DependencyPropertyChangedEventArgs e)
        {
        FrameworkElement fe = d as FrameworkElement;
        if (fe != null)
        {
            ClipToBounds(fe);

            // whenever the element which this property is attached to is loaded
            // or re-sizes, we need to update its clipping geometry
            fe.Loaded += new RoutedEventHandler(fe_Loaded);
            fe.SizeChanged += new SizeChangedEventHandler(fe_SizeChanged);

        }
        }

        /// 
        /// Creates a rectangular clipping geometry which matches the geometry of the
        /// passed element
        /// 
        private static void ClipToBounds(FrameworkElement fe)
        {
        if (GetToBounds(fe))
        {
            fe.Clip = new RectangleGeometry()
            {
            Rect = new Rect(0, 0, fe.ActualWidth, fe.ActualHeight)
            };
        }
        else
        {
            fe.Clip = null;
        }
        }

        static void fe_SizeChanged(object sender, SizeChangedEventArgs e)
        {
            ClipToBounds(sender as FrameworkElement);
        }

        static void fe_Loaded(object sender, RoutedEventArgs e)
        {
            ClipToBounds(sender as FrameworkElement);
        }
    }
}

sample usage in XAML:

Website: Click here

Download: Click here

Create Storyboard using C# and XAML

admin — Thu, 24 Sep 2009 11:13:42 +0000

Kris Meeusen demonstrated how to create Storyboard animation identically using C# or XAML. A good article for you to reference how to create your first animation.

Silverlight Demo: Click here to view

Website: Click here

Download: Click here