MARKUS

<UserControl x:Class="KCOM.Controls.Panorama" xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"

             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  xmlns:system="clr-namespace:System;assembly=mscorlib"

             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 

             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"  xmlns:converter="clr-namespace:KCOM.Common.Converter"

             xmlns:local="clr-namespace:KCOM.Controls"

             mc:Ignorable="d" 

             d:DesignHeight="600" d:DesignWidth="600">

    <UserControl.Resources>

        <converter:ImageUrlConverter x:Key="imageConverter"/>

        <DataTemplate x:Key="contentTemplate">

            <Border Background="#FFB2B2B2" MouseLeftButtonDown="Border_MouseLeftButtonDown">

                <Image Source="{Binding ImageUri}"  Stretch="Uniform" RenderTransformOrigin="0.5,0.5">

                    <Image.RenderTransform>

                        <RotateTransform Angle="{Binding Angle}"/>

                    </Image.RenderTransform>

                </Image>

                <!--<Leadtools_Windows_Controls:RasterImageViewer BorderThickness="0" Image="{Binding ImageUri,Converter={StaticResource imageConverter}}" 

                                                              ScrollViewer.HorizontalScrollBarVisibility="Disabled"

                                                              SizeMode="FitAlways">

                    <Leadtools_Windows_Controls:RasterImageViewer.RenderTransform>

                        <RotateTransform Angle="{Binding Angle}"/>

                    </Leadtools_Windows_Controls:RasterImageViewer.RenderTransform>

                </Leadtools_Windows_Controls:RasterImageViewer>-->

            </Border>

        </DataTemplate>

        <DataTemplate x:Key="headerTemplate">

            <StackPanel Orientation="Horizontal">

                <TextBlock Text="{Binding PageNumber}" VerticalAlignment="Center"/>

                <TextBlock Text=" Pages" VerticalAlignment="Center"/>

            </StackPanel>

        </DataTemplate>

    </UserControl.Resources>

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"/>

            <RowDefinition Height="*"/>

        </Grid.RowDefinitions>

        <StackPanel Grid.Row="0" HorizontalAlignment="Right" Margin="5" Orientation="Horizontal">

            <!--<TextBlock Text="View Mode" VerticalAlignment="Center"/>

            <telerik:RadComboBox x:Name="cbViewZoom" Margin="5,0,10,0" SelectedIndex="2">

                <telerik:RadComboBox.Items>

                    <telerik:RadComboBoxItem Content="Normal">

                        <telerik:RadComboBoxItem.Tag>

                            <system:Int32>0</system:Int32>

                        </telerik:RadComboBoxItem.Tag>

                    </telerik:RadComboBoxItem>

                    <telerik:RadComboBoxItem Content="Fit">

                        <telerik:RadComboBoxItem.Tag>

                            <system:Int32>1</system:Int32>

                        </telerik:RadComboBoxItem.Tag>

                    </telerik:RadComboBoxItem>

                    <telerik:RadComboBoxItem Content="FitAlways">

                        <telerik:RadComboBoxItem.Tag>

                            <system:Int32>2</system:Int32>

                        </telerik:RadComboBoxItem.Tag>

                    </telerik:RadComboBoxItem>

                    <telerik:RadComboBoxItem Content="FitWidth">

                        <telerik:RadComboBoxItem.Tag>

                            <system:Int32>3</system:Int32>

                        </telerik:RadComboBoxItem.Tag>

                    </telerik:RadComboBoxItem>

                    <telerik:RadComboBoxItem Content="Stretch">

                        <telerik:RadComboBoxItem.Tag>

                            <system:Int32>4</system:Int32>

                        </telerik:RadComboBoxItem.Tag>

                    </telerik:RadComboBoxItem>

                </telerik:RadComboBox.Items>

            </telerik:RadComboBox>-->

            <TextBlock Text="Panorama Level (Max : 10)" VerticalAlignment="Center"/>

            <telerik:RadSlider Minimum="1" TickFrequency="0.5"  Value="3" Maximum="10" x:Name="columnsCount" MinWidth="100" telerik:StyleManager.Theme="Office2016" Margin="5"/> 

            <!--<Slider Minimum="1" Value="3" Maximum="10" x:Name="columnsCount" MinWidth="100"/>-->

        </StackPanel>

        <telerik:RadTileView IsAutoScrollingEnabled="False" x:Name="tileList" Grid.Row="1"

                             IsDockingEnabled="False" IsItemDraggingEnabled="False" IsItemsAnimationEnabled="False"

                             Grid.Column="1" telerik:StyleManager.Theme="Fluent"

                             ItemTemplate="{StaticResource headerTemplate}"  

                             ColumnsCount="{Binding ElementName=columnsCount, Path=Value}" ContentTemplate="{StaticResource contentTemplate}" 

                                 ColumnWidth="*" MinimizedColumnWidth="200" MinimizedRowHeight="Auto" PreservePositionWhenMaximized="True"

                                 RowHeight="Auto"/>

    </Grid>

</UserControl>