Zoom a TextBlock : TextBlock « UI Controls « Silverlight

1. Silverlight
2. UI Controls
3. TextBlock

Zoom a TextBlock

    
<UserControl x:Class='SilverlightApplication3.MainPage'
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation' 
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    xmlns:d='http://schemas.microsoft.com/expression/blend/2008' 
    xmlns:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>
  <Grid x:Name="LayoutRoot" Background="White">
    <TextBlock
      HorizontalAlignment="Center"
      VerticalAlignment="Center"
      FontFamily="Verdana"
      FontSize="20"
      Foreground="DarkBlue"
      Text="Use the wheel now!">
      <TextBlock.RenderTransform>
        <ScaleTransform x:Name="MyZoom"/>
      </TextBlock.RenderTransform>
    </TextBlock>
  </Grid>
</UserControl>


//File: Page.xaml.cs
using System;
using System.Windows.Browser;
using System.Windows.Controls;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
    public MainPage()
    {
      InitializeComponent();
      HtmlPage.Document.AttachEvent("onmousewheel", ChangeZoomLevel);
    }


    private void ChangeZoomLevel(Object sender, HtmlEventArgs args)
    {
      ScriptObject EventData = args.EventObject;

      if (EventData.GetProperty("wheelDelta") != null)
      {
        double Offset = Convert.ToDouble(EventData.GetProperty("wheelDelta"));

        MyZoom.ScaleX += (Offset > 0 ? 0.1 : -0.1);
        MyZoom.ScaleY += (Offset > 0 ? 0.1 : -0.1);
      }
    }
  }
}

   
    
    
    
  

Related examples in the same category

1.	Implements the x:Name Attribute to a TextBlock and Button Element
2.	Creating a TextBlock
3.	To specify if the text should wrap to the next line if it is wider than the Width property
4.	Bind data to TextBlock
5.	Implements a TextBlock to Display Key Data Captured from a TextBox Control
6.	Scaled text
7.	skewed text
8.	TextBlock wrapping example
9.	TextBlock alignment example
10.	TextBlock formatting example
11.	Animates the text block's color
12.	Animates the text block's opacity(fading text)
13.	Animates the text block's width
14.	Default underline decoration
15.	Default baseline decoration
16.	Default overline decoration
17.	TextBlock VerticalAlignment
18.	Add TextBlock into a Grid
19.	Use RenderTransform to transform a TextBlock
20.	Set Margins for TextBlock in Grid Resource
21.	Set TextWrapping to True for TextBlock
22.	Set Text value for TextBlock
23.	Set Foreground color for TextBlock
24.	Add Border to TextBlock
25.	TextBlock with DropShadowEffect
26.	A basic TextBlock in action
27.	A TextBlock with Inline elements
28.	Setting the Foreground of a TextBlock at design time
29.	Underlining text in a TextBlock.
30.	Wrapping text within a TextBlock
31.	Moving a TextBlock 5 pixels at a time by using the GetValue and SetValue methods
32.	To display a paragraph of text, you can use the TextBlock element
33.	To introduce additional paragraphs, you can use the LineBreak element:
34.	Use Line break to add new line to TextBlock
35.	Use Run to control the font style for TextBlock
36.	Set current time to TextBlock
37.	A basic TextBlock using the Canvas element Left and Top attached properties
38.	The effects of the Padding property on a TextBlock
39.	Adding a rounded rectangle background to a TextBlock element
40.	Use a gradient to paint TextBlock
41.	Reference static resource for TextBlock
42.	Set font size and font family for TextBlock
43.	Set foreground color to green for TextBlock
44.	Put Button and TextBlock to Canvas
45.	Put Run block to TextBlock
46.	Inherited formatting
47.	Gradient text