UWP - Viewbox example

MainPage.xaml


<Page
    x:Class="UniversalAppTutorials.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UniversalAppTutorials"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <StackPanel 
        x:Name="StackPanel1" 
        Margin="50" 
        Orientation="Vertical"
        Background="AliceBlue"
        Padding="50"
        >
        <Viewbox MaxWidth="175" MaxHeight="175">
            <SymbolIcon Symbol="OpenPane" Foreground="Orchid"/>
        </Viewbox>
        <Viewbox MaxWidth="400" MaxHeight="200">
            <Button Content="Sample Button"/>
        </Viewbox>
    </StackPanel>
</Page>

MainPage.xaml.cs


using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml;


namespace UniversalAppTutorials
{
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            // Initialize a new Viewbox instance
            Viewbox viewbox = new Viewbox();

            // Set the Viewbox maximum width and height
            // This will resize the inside content
            viewbox.MaxWidth = 300;
            viewbox.MaxHeight = 150;
            
            // Set the margin of Viewbox
            viewbox.Margin = new Thickness(25);

            // Initialize a new Button
            Button button = new Button();
            button.Content = "Another Button";

            // Put the Button inside Viewbox
            viewbox.Child = button;

            // Finally, put the Viewbox on stack panel
            StackPanel1.Children.Add(viewbox);
        }
    }
}