Scale Up : ScaleTransform « Graphics « Silverlight






Scale Up

Scale Up
    
<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'>
    
    <Canvas x:Name="LayoutRoot" Background="White">
        
        <Button Canvas.Left="20"
                Canvas.Top="20"
                Content="Toggle Full Screen"
                Click="Button_Click" />
        
        <TextBlock Canvas.Left="20"
                   Canvas.Top="60"
                    Text="Some Text" />
    </Canvas>
    
</UserControl>


//File: Page.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            Application.Current.Host.Content.FullScreenChanged += 
                new EventHandler(Content_FullScreenChanged);
        }

        void Content_FullScreenChanged(object sender, EventArgs e)
        {
            if (Application.Current.Host.Content.IsFullScreen)
            {
                double scaleX = Application.Current.Host.Content.ActualHeight / this.Height;
                double scaleY = Application.Current.Host.Content.ActualWidth / this.Width;

                ScaleTransform transformUI = new ScaleTransform();
                transformUI.ScaleX = scaleY;
                transformUI.ScaleY = scaleX;
                this.RenderTransform = transformUI;
            }
            else
            {
                this.RenderTransform = null;
            }
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Application.Current.Host.Content.IsFullScreen =
                !Application.Current.Host.Content.IsFullScreen;
        }
    }
}

   
    
    
    
  








Related examples in the same category

1.Use ScaleTransform to transform an image
2.Scale the text using a ScaleTransformScale the text using a ScaleTransform
3.Scales a rectangle by 200% from a center of (0,0)
4.Scales a rectangle by 200% from a center of (25,25)
5.ScaleX: 0.5 /ScaleY: 0.5 /Center: (25,25)
6.Scales a rectangle by 200% from a center of (0.5,0.5)
7.ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25)ScaleX: 0.5 / ScaleY: 0.5 / RenderTransformOrigin: (0.25,0.25)
8.Path with ScaleTransformationPath with ScaleTransformation
9.ScaleTransform TransformationScaleTransform Transformation
10.Multiscaled Cubic Bezier CurvesMultiscaled Cubic Bezier Curves