phihong_evse_ui_tool/ModifyIco.xaml

<UserControl x:Class="Phihong_EVSE_UI_Tool.ModifyIco"
             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="700" 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>
                <!-- Main Logo -->
                <TextBlock Text="Change Main Logo" FontSize="24" HorizontalAlignment="Left" Margin="22,6,0,8"/>
                <TextBlock Text="Logo image (255x34)" HorizontalAlignment="Left" Margin="22,6,0,6"/>
                <Image x:Name="uxLogoImage" Source="/ICO/10.bmp" HorizontalAlignment="Left" Margin="22,0,0,6" Height="60" Width="260" RenderOptions.BitmapScalingMode="HighQuality"/>
                <StackPanel Orientation="Horizontal" Margin="22,0,300,12">
                    <RadioButton x:Name="uxLogoDefaultRadioButton" Tag="Logo" GroupName="logoSelect" Margin="0,0,36,0" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxDefaultRadioButton_Checked">Default</RadioButton>
                    <RadioButton x:Name="uxLogoCustomRadioButton" Tag="Logo" GroupName="logoSelect" Margin="0,0,36,0" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxCustomRadioButton_Checked">Customized</RadioButton>
                    <RadioButton x:Name="uxLogoHideRadioButton" Tag="Logo" GroupName="logoSelect" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxHideRadioButton_Checked">Hide</RadioButton>
                </StackPanel>
                <StackPanel x:Name="uxLogoCustomStackPanel" Orientation="Horizontal" Margin="22,0,150,12" 
                            Visibility="{Binding IsChecked,ElementName=uxLogoCustomRadioButton,Converter={StaticResource b2v}}">
                    <Button Tag="Logo" Content="Browse" HorizontalAlignment="Left" Width="90" Height="35"
                            Style="{StaticResource ButtonRevealStyle}" Click="uxBrowseButton_Click" Foreground="Black"/>
                    <TextBox x:Name="uxLogoBrowseTextBox" VerticalContentAlignment="Center" Margin="1,0,0,0" Width="270" Height="35" 
                             Style="{StaticResource TextBoxRevealStyle}" Text="Please select logo image" IsReadOnly="True"/>
                </StackPanel>

                <!-- Complete Logo -->
                <TextBlock Text="Change Logo (charging complete page)" FontSize="24" HorizontalAlignment="Left" Margin="22,24,0,8"/>
                <TextBlock Text="Logo image (255x34)" HorizontalAlignment="Left" Margin="22,6,0,6"/>
                <Image x:Name="uxCompLogoImage" Source="/ICO/62.bmp" HorizontalAlignment="Left" Margin="22,0,0,6" Height="60" Width="260" RenderOptions.BitmapScalingMode="HighQuality"/>
                <StackPanel Orientation="Horizontal" Margin="22,0,300,12">
                    <RadioButton x:Name="uxCompLogoDefaultRadioButton" Tag="CompLogo" GroupName="complogoSelect" Margin="0,0,36,0" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxDefaultRadioButton_Checked">Default</RadioButton>
                    <RadioButton x:Name="uxCompLogoCustomRadioButton" Tag="CompLogo" GroupName="complogoSelect" Margin="0,0,36,0" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxCustomRadioButton_Checked">Customized</RadioButton>
                    <RadioButton x:Name="uxCompLogoHideRadioButton" Tag="CompLogo" GroupName="complogoSelect" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxHideRadioButton_Checked">Hide</RadioButton>
                </StackPanel>
                <StackPanel x:Name="uxCompLogoCustomStackPanel" Orientation="Horizontal" Margin="22,0,150,12" 
                            Visibility="{Binding IsChecked,ElementName=uxCompLogoCustomRadioButton,Converter={StaticResource b2v}}">
                    <Button Tag="CompLogo" Content="Browse" HorizontalAlignment="Left" Width="90" Height="35"
                            Style="{StaticResource ButtonRevealStyle}" Click="uxBrowseButton_Click" Foreground="Black"/>
                    <TextBox x:Name="uxCompLogoBrowseTextBox" VerticalContentAlignment="Center" Margin="1,0,0,0" Width="270" Height="35" 
                             Style="{StaticResource TextBoxRevealStyle}" Text="Please select logo image" IsReadOnly="True"/>
                </StackPanel>

                <!-- URL Caption -->
                <TextBlock Text="Change URL Caption (initial page)" FontSize="24" HorizontalAlignment="Left" Margin="22,24,0,8"/>
                <TextBlock Text="URL image (233x28)" HorizontalAlignment="Left" Margin="22,6,0,6"/>
                <Image x:Name="uxUrlImage" Source="/ICO/66.bmp" HorizontalAlignment="Left" Margin="22,0,0,6" Height="60" Width="238" RenderOptions.BitmapScalingMode="HighQuality"/>
                <StackPanel Orientation="Horizontal" Margin="22,0,300,12">
                    <RadioButton x:Name="uxUrlDefaultRadioButton" Tag="Url" GroupName="urlSelect" Margin="0,0,36,0" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxDefaultRadioButton_Checked">Default</RadioButton>
                    <RadioButton x:Name="uxUrlCustomRadioButton" Tag="Url" GroupName="urlSelect" Margin="0,0,36,0" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxCustomRadioButton_Checked">Customized</RadioButton>
                    <RadioButton x:Name="uxUrlHideRadioButton" Tag="Url" GroupName="urlSelect" Style="{StaticResource MaterialDesignRadioButton}" 
                                 Background="{Binding Path=(fd:AccentColors.ImmersiveSystemAccentBrush)}"
                                 Checked="uxHideRadioButton_Checked">Hide</RadioButton>
                </StackPanel>
                <StackPanel x:Name="uxUrlCustomStackPanel" Orientation="Horizontal" Margin="22,0,150,12" 
                            Visibility="{Binding IsChecked,ElementName=uxUrlCustomRadioButton,Converter={StaticResource b2v}}">
                    <Button Tag="Url" Content="Browse" HorizontalAlignment="Left" Width="90" Height="35"
                            Style="{StaticResource ButtonRevealStyle}" Click="uxBrowseButton_Click" Foreground="Black"/>
                    <TextBox x:Name="uxUrlBrowseTextBox" VerticalContentAlignment="Center" Margin="1,0,0,0" Width="270" Height="35" 
                             Style="{StaticResource TextBoxRevealStyle}" Text="Please select url caption image" IsReadOnly="True"/>
                </StackPanel>

                <!-- Ico Preview -->
                <TextBlock Text="ICO Preview" FontSize="24" HorizontalAlignment="Left" Margin="22,24,0,0"/>
                <Viewbox x:Name="viewbox" Stretch="Uniform" Margin="22,12,20,12" RenderOptions.BitmapScalingMode="HighQuality">
                    <UniformGrid x:Name="uxIcoUniformGrid" Background="AliceBlue"/>
                </Viewbox>
                <StackPanel Margin="22,0,450,10" Height="15"/>
            </StackPanel>
        </ScrollViewer>
    </Grid>
</UserControl>