Posts Tagged ‘Text’
02
Dec

Text Deformation using Bezier Splines

Post a comment » Popularity: 44%

This is an amazing demonstration created by Charles Petzold. He applied Bezier calculation on the point objects and then rendering the text. You are able to customize the Bezier lines as well.

Text Deformation using Bezier Splines

View Demo: New Window
16
Nov

Text Morphing with Decomposed Outlines

Post a comment » Popularity: 1%

This is a very fantastic animation using text. Read more on Charles Petzold’s article to see how he created this animation.

Text Morphing with Decomposed Outlines

View Demo: New Window
16
Nov

Inline Hyperlink

1 Comment » Popularity: 1%

The default Hyperlink Control in Silverlight doesn’t work inside Textblock. This means that you are not able to create a nice inline Hyperlink inside your text paragraph. However, Jeremy has a very clear solution in solving this problem using Wrap panel. Let’s take a look.

Inline Hyperlink

View Demo: New Window
04
Nov

Animated Dotted Text Outlines

Post a comment » Popularity: 1%

An interesting animation effect created by  Charles Petzold. He attempted to convert the outline of a text into dotted lines and applied a simple animation.

Animated Dotted Text Outlines

View Demo: New Window
04
Nov

Embed rich font in title

Post a comment » Popularity: 1%

Sistr, which stand for SIFR (Shaun Inman Flash Replacement) for Microsoft Silverlight, is a rich font replacement technology without having to create multiple jpegs or other files.

All you have to do is just to embed the js files and create your rich font title with some simple js.

Embed rich font in title

Sample Usage:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.sistr.js"></script>

$(document).ready(function() {
    $("h1").sistr({
        font: "Arial",
        size: 22,
        color: "#FFCC00"
    });
});
29
Sep

TextBlock Text Trimming

Post a comment » Popularity: 2%

Robby posted a solution to deal with the length of text displayed in a single line. When the text length is longer that the given width, it will trim the text and display “…” at the end.

TextBlock Text Trimming

View Demo: New Window
28
Sep

Text Strike Through

1 Comment » Popularity: 1%

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.

Text-Strike-Through

View Demo: New Window
XAML to create a strike through text:
<usercontrol height="300" width="400" x:class="ShineDraw.Controls.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <grid background="White" x:name="LayoutRoot">
        <grid horizontalalignment="Center" verticalalignment="Center">
            <grid.columndefinitions>
                <columndefinition width="Auto"></columndefinition>
            </grid.columndefinitions>
            <textblock fontsize="28" text="Shine Draw"></textblock>
            <line x:name="StrikeThroughLine" stretch="Fill" x2="20" x1="0" strokethickness="1" stroke="Black"></line>
        </grid>
    </grid>
</usercontrol>
23
Sep

3D Spiral Text

Post a comment » Popularity: 1%

Terence Tsang pointed out that Text rendering in Silverlight requires a lot of CPU resources. He created a very nice 3D Spiral Text application to illustrate his findings. You can find out the comparison between Flash and Silverlight in his original post.

3D Spiral Text

View Demo: New Window
22
Sep

3D Text Space

Post a comment » Popularity: 1%

A very impressive sample shared in Shine Draw. Texts are dynamically generated and flying in a 3D environment. You can move forward of the screen by clicking on the texts.

3D Text Space

View Demo: New Window
20
Sep

Text Effect Library

Post a comment » Popularity: 1%

Cellbi release a text library which helps you to create text effects easily. 6 text effects are included.

Text Effect Library

View Demo: New Window