phihong_evse_ui_tool/BuildIco.xaml

<UserControl x:Class="Phihong_EVSE_UI_Tool.BuildIco"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:Phihong_EVSE_UI_Tool"
             xmlns:md="http://materialdesigninxaml.net/winfx/xaml/themes"
             xmlns:fd="clr-namespace:SourceChord.FluentWPF;assembly=FluentWPF"
             mc:Ignorable="d" 
             d:DesignHeight="500" d:DesignWidth="880" FontSize="15" FontFamily="Segoe UI">
    <UserControl.Resources>
        <BooleanToVisibilityConverter x:Key="b2v"/>
    </UserControl.Resources>
    <Grid fd:PointerTracker.Enabled="True">
        <ScrollViewer x:Name="uxContentScrollViewer" HorizontalContentAlignment="Center" PanningMode="VerticalOnly" IsDeferredScrollingEnabled="False" DataContext="{Binding}">
            <StackPanel>
                <TextBlock Text="New" FontSize="24" HorizontalAlignment="Left" Margin="22,6,0,8"/>
                <TextBlock Text="Load images to build ICO" HorizontalAlignment="Left" Margin="22,6,0,12"/>
                <StackPanel Orientation="Horizontal" Margin="22,0,380,12">
                    <Button Tag="Load" Content="Browse" HorizontalAlignment="Left" Width="90" Height="35" 
                            Style="{StaticResource ButtonRevealStyle}" Click="uxBrowseButton_Click" Foreground="Black"/>
                    <TextBox x:Name="uxImageBrowseTextBox" VerticalContentAlignment="Center" Margin="1,0,0,0" Width="270" Height="35" 
                             Style="{StaticResource TextBoxRevealStyle}" IsReadOnly="True"/>
                    <Button x:Name="uxRefreshButton" Margin="3,0,0,0" Width="35" 
                            Style="{StaticResource ButtonRevealStyle}" Click="uxRefreshButton_Click">
                        <md:PackIcon Kind="Refresh" VerticalAlignment="Center"/>
                    </Button>
                </StackPanel>
                <StackPanel x:Name="uxDataStackPanel" Margin="22,0,20,12" Visibility="Collapsed">
                    <DataGrid x:Name="uxImagesDataGrid"  AutoGenerateColumns="False" IsReadOnly="True" 
                              Height="245" Width="470" HorizontalAlignment="Left">
                        <DataGrid.Columns>
                            <DataGridTextColumn Header="Index" Binding="{Binding Index}"/>
                            <DataGridTextColumn Header="FileName" Binding="{Binding FileName}" Width="220"/>
                            <DataGridTextColumn Header="Width" Binding="{Binding PixelWidth}"/>
                            <DataGridTextColumn Header="Height" Binding="{Binding PixelHeight}"/>
                        </DataGrid.Columns>
                    </DataGrid>
                    <Button x:Name="uxBuildButton" Tag="Build" Content="Build" HorizontalAlignment="Left" Width="90" Height="35" Margin="0,18,0,12"  
                            Style="{StaticResource ButtonRevealStyle}" Click="uxBuildButton_Click" Visibility="Collapsed" Foreground="Black"/>
                    <Viewbox x:Name="viewbox" Stretch="Uniform" RenderOptions.BitmapScalingMode="HighQuality">
                        <UniformGrid x:Name="uxIcoUniformGrid" Background="AliceBlue"/>
                    </Viewbox>
                </StackPanel>
                <StackPanel Margin="22,0,450,10" Height="15"/>
            </StackPanel>
        </ScrollViewer>
    </Grid>
</UserControl>