ICT_ToolsForm/ToolsForm/ToolsForm/Views/ExperimentWindow2.axaml

<Window
    Title="ExperimentWindow2"
    d:DesignHeight="589"
    d:DesignWidth="102"
    mc:Ignorable="d"
    x:Class="ToolsForm.Views.ExperimentWindow2"
    x:DataType="viewModels:ExperimentWindowViewModel"
    xmlns="https://github.com/avaloniaui"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:viewModels="clr-namespace:ToolsForm.ViewModels"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Window.Styles>
        <Style Selector="Window">
            <Setter Property="ExtendClientAreaToDecorationsHint" Value="True" />
            <Setter Property="ExtendClientAreaChromeHints" Value="NoChrome" />
            <Setter Property="ExtendClientAreaTitleBarHeightHint" Value="-1" />
            <Setter Property="SystemDecorations" Value="None" />
            <Setter Property="CanResize" Value="False" />
            <Setter Property="Background" />
            <Setter Property="Width" Value="102" />
            <Setter Property="Height" Value="589" />
        </Style>
        <Style Selector="Button">
            <!--  固定按钮的前景色，确保按钮在不同状态下文字颜色不变  -->
            <Setter Property="Background" Value="Transparent" />
            <!--  移除背景  -->
            <Setter Property="BorderBrush" Value="Transparent" />
            <!--  移除边框  -->
            <Setter Property="Padding" Value="0" />
            <!--  清除默认内边距  -->
            <Setter Property="HorizontalContentAlignment" Value="Center" />
            <Setter Property="VerticalContentAlignment" Value="Center" />
            <Setter Property="FocusAdorner" Value="{x:Null}" />
            <!--  移除焦点边框  -->

            <Setter Property="Foreground" Value="#C2C2C2" />
            <!--  默认文字颜色为白色  -->

            <!--  自定义模板  -->
            <Setter Property="Template">
                <ControlTemplate>
                    <Border
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}">
                        <ContentPresenter
                            Content="{TemplateBinding Content}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                    </Border>
                </ControlTemplate>
            </Setter>
        </Style>
        <Style Selector="ToggleButton">
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderBrush" Value="Transparent" />
            <Setter Property="Template">
                <ControlTemplate>
                    <Grid>
                        <!--  未选中状态图片  -->
                        <Image Source="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ImagePathConverter}, ConverterParameter='默认'}" />

                        <!--  选中状态图片  -->
                        <Image IsVisible="{Binding IsChecked, RelativeSource={RelativeSource TemplatedParent}}" Source="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ImagePathConverter}, ConverterParameter='悬浮'}" />


                        <!--  鼠标悬浮状态图片  -->
                        <Image IsVisible="{Binding IsPointerOver, RelativeSource={RelativeSource TemplatedParent}}" Source="{Binding Tag, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ImagePathConverter}, ConverterParameter='悬浮'}" />
                    </Grid>
                </ControlTemplate>
            </Setter>
        </Style>
    </Window.Styles>

    <!--  布局  -->
    <Canvas>
        <!--  工具栏背景图片  -->
        <Image
            Canvas.Left="0"
            Canvas.Top="0"
            Source="avares://ToolsForm/Assets/img/Experiment/菜单2.png" />

        <!--  定义第一个 ToggleButton，使用 Tag 属性传递图片基路径  -->
        <ToggleButton
            Canvas.Left="25"
            Canvas.Top="45"
            Click="OpenWindowToggleButton_Overview"
            Height="52"
            IsChecked="{Binding IsButton1Checked, Mode=TwoWay}"
            Tag="avares://ToolsForm/Assets/img/总览"
            Width="52" />

        <ToggleButton
            Canvas.Left="25"
            Canvas.Top="110"
            Click="AIWindowToggleButton_AI"
            Height="52"
            IsChecked="{Binding IsButton2Checked, Mode=TwoWay}"
            Tag="avares://ToolsForm/Assets/img/ai"
            Width="52" />

        <ToggleButton
            Canvas.Left="25"
            Canvas.Top="180"
            Click="APIWindowButton_OnClick"
            Height="52"
            IsChecked="{Binding IsButton3Checked, Mode=TwoWay}"
            Tag="avares://ToolsForm/Assets/img/api"
            Width="52" />

        <ToggleButton
            Canvas.Left="25"
            Canvas.Top="235"
            Click="RecordingWindowButton_OnClick"
            Height="52"
            IsChecked="{Binding IsButton4Checked, Mode=TwoWay}"
            Tag="avares://ToolsForm/Assets/img/代码重置"
            Width="52" />

        <ToggleButton
            Canvas.Left="25"
            Canvas.Top="310"
            Click="TemporaryStorageButton5_OnClick"
            Height="52"
            IsChecked="{Binding IsButton5Checked, Mode=TwoWay}"
            Tag="avares://ToolsForm/Assets/img/暂存"
            Width="52" />

        <ToggleButton
            Canvas.Left="25"
            Canvas.Top="370"
            Click="ReadCodeButton6_OnClick"
            Height="52"
            IsChecked="{Binding IsButton6Checked, Mode=TwoWay}"
            Tag="avares://ToolsForm/Assets/img/读取"
            Width="52" />

        <!--  ~1~  进度条  @1@  -->
        <!--  <ProgressBar  -->
        <!--  Background="LightGray"  -->
        <!--  Canvas.Bottom="110"  -->
        <!--  Canvas.Left="30"  -->
        <!--  Foreground="Green"  -->
        <!--  Height="5"  -->
        <!--  IsVisible="True"  -->
        <!--  Maximum="100"  -->
        <!--  MinWidth="0"  -->
        <!--  Minimum="0"  -->
        <!--  Value="22"  -->
        <!--  Width="40" />  -->

        <ToggleButton
            Canvas.Left="29"
            Canvas.Top="435"
            Click="StartExperimentButton_OnClick"
            Height="55"
            IsChecked="{Binding IsButton7Checked, Mode=TwoWay}"
            Tag="avares://ToolsForm/Assets/img/切换"
            Width="43" />

        <Button
            Canvas.Left="65"
            Canvas.Top="418"
            Click="MiniModelButton_OnClick"
            Height="20"
            Width="10">
            <Image
                Height="20"
                Source="../Assets/img/Experiment/箭头.png"
                Width="10" />
        </Button>


        <!--  <Button  -->
        <!--  Canvas.Left="1"  -->
        <!--  Canvas.Top="500"  -->
        <!--  Click="UploadButton_OnClick"  -->
        <!--  Name="ExperimentButton">  -->
        <!--     <Button.Template> -->
        <!--         <ControlTemplate> -->
        <!--             <Grid x:Name="TemplateRoot"> -->
        <!--                 <Image Source="../Assets/img/提交实验-默认.png" x:Name="DefaultImage" /> -->
        <!--  <Image  -->
        <!--  IsVisible="False"  -->
        <!--  Source="../Assets/img/提交实验-悬浮.png"  -->
        <!--  x:Name="HoverImage" />  -->
        <!--  <Image  -->
        <!--  IsVisible="False"  -->
        <!--  Source="../Assets/img/提交实验-点击.png"  -->
        <!--  x:Name="ClickedImage" />  -->
        <!--             </Grid> -->
        <!--         </ControlTemplate> -->
        <!--     </Button.Template> -->
        <!-- </Button> -->


        <Button
            Canvas.Left="1"
            Canvas.Top="500"
            Click="UploadButton_OnClick"
            IsVisible="True"
            x:Name="ExperimentButton">
            <Image Source="../Assets/img/提交实验-默认.png" />
        </Button>

        <Button
            Canvas.Left="1"
            Canvas.Top="500"
            IsVisible="False"
            x:Name="SubmittedButton">
            <Image Source="../Assets/img/提交实验-点击.png" />
        </Button>

    </Canvas>
</Window>