Shaker/Avalonia/ShakerApp/Views/Oil/PumpControlView.axaml

<UserControl
    x:Class="ShakerApp.Views.PumpControlView"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="using:ShakerApp"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:suki="https://github.com/kikipoulet/SukiUI"
    xmlns:vm="using:ShakerApp.ViewModels"
    Height="80"
    Margin="4"
    d:DesignHeight="450"
    d:DesignWidth="800"
    x:DataType="vm:CircuitViewModel"
    mc:Ignorable="d">
    <Grid Height="60">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="{Binding $parent[Grid].Height}" />
            <ColumnDefinition Width="3*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <PathIcon
            Width="{Binding $parent[Grid].Height}"
            Height="{Binding $parent[Grid].Height}"
            Classes.IsRunning="{Binding IsStart}"
            Data="{StaticResource PumpOuterGeometry}">
            <PathIcon.Styles>
                <Style Selector="PathIcon">
                    <Setter Property="Foreground" Value="Gray" />
                </Style>
                <Style Selector="PathIcon.IsRunning">
                    <Setter Property="Foreground" Value="Green" />
                </Style>
            </PathIcon.Styles>
        </PathIcon>
        <PathIcon
            Width="30"
            Height="30"
            Margin="0,8,0,0"
            VerticalAlignment="Top"
            Classes.IsRunning="{Binding IsStart}"
            Data="{StaticResource PumpInGeometry}">
            <PathIcon.Styles>
                <Style Selector="PathIcon">
                    <Setter Property="Foreground" Value="Gray" />
                </Style>
                <Style Selector="PathIcon.IsRunning">
                    <Setter Property="Foreground" Value="Green" />
                    <Style.Animations>
                        <Animation IterationCount="INFINITE" Duration="0:0:2">
                            <KeyFrame Cue="0%">
                                <Setter Property="RotateTransform.Angle" Value="0" />
                            </KeyFrame>
                            <KeyFrame Cue="100%">
                                <Setter Property="RotateTransform.Angle" Value="360" />
                            </KeyFrame>
                        </Animation>
                    </Style.Animations>
                </Style>
            </PathIcon.Styles>
        </PathIcon>



        <Grid Grid.Column="1" Classes.EnablePressure="{Binding !EnablePressure}">
            <Grid.Styles>
                <Style Selector="Grid.EnablePressure">
                    <Setter Property="IsEnabled" Value="False" />
                </Style>
            </Grid.Styles>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <StackPanel Grid.Column="0">
                <TextBlock Text="{DynamicResource Pressure}" />
                <NumericUpDown
                    IsEnabled="{Binding IsLoadPressure}"
                    Minimum="0"
                    Value="{Binding Pressure}" />
            </StackPanel>
            <Button
                Grid.Column="1"
                Width="120"
                Height="42"
                Command="{Binding LoadPressureCommand}">
                <Button.IsEnabled>
                    <MultiBinding Converter="{StaticResource MutliBoolConverter}">
                        <MultiBinding.Bindings>
                            <Binding Path="!IsLoadPressure" />
                            <Binding Path="IsStart" />
                        </MultiBinding.Bindings>
                    </MultiBinding>
                </Button.IsEnabled>
                <StackPanel Orientation="Horizontal">
                    <PathIcon Data="{StaticResource LoadGeometry}" RenderTransform="rotate(180deg)" />
                    <TextBlock
                        Margin="4,0,0,0"
                        VerticalAlignment="Center"
                        Text="{DynamicResource LoadPressure}" />
                </StackPanel>
            </Button>
            <Button
                Grid.Column="2"
                Width="120"
                Height="42"
                Command="{Binding UnloadPressureCommand}">
                <Button.IsEnabled>
                    <MultiBinding Converter="{StaticResource MutliBoolConverter}">
                        <MultiBinding.Bindings>
                            <Binding Path="IsLoadPressure" />
                            <Binding Path="IsStart" />
                        </MultiBinding.Bindings>
                    </MultiBinding>
                </Button.IsEnabled>
                <StackPanel Orientation="Horizontal">
                    <PathIcon Data="{StaticResource LoadGeometry}" />
                    <TextBlock
                        Margin="4,0,0,0"
                        VerticalAlignment="Center"
                        Text="{DynamicResource UnloadPressure}" />
                </StackPanel>
            </Button>
        </Grid>
        <Button
            Grid.Column="2"
            Width="120"
            Height="42"
            Command="{Binding StartCommand}"
            IsEnabled="{Binding !IsStart}">
            <StackPanel Orientation="Horizontal">
                <PathIcon Data="{StaticResource StartGeometry}" />
                <TextBlock VerticalAlignment="Center" Text="{DynamicResource Start}" />
            </StackPanel>
        </Button>
        <Button
            Grid.Column="3"
            Width="120"
            Height="42"
            Command="{Binding StopCommand}">
            <Button.IsEnabled>
                <MultiBinding Converter="{StaticResource MutliBoolConverter}">
                    <MultiBinding.Bindings>
                        <Binding Path="!IsLoadPressure" />
                        <Binding Path="IsStart" />
                    </MultiBinding.Bindings>
                </MultiBinding>
            </Button.IsEnabled>
            <StackPanel Orientation="Horizontal">
                <PathIcon Data="{StaticResource StopGeometry}" />
                <TextBlock
                    Margin="4,0,0,0"
                    VerticalAlignment="Center"
                    Text="{DynamicResource Stop}" />
            </StackPanel>
        </Button>
    </Grid>
</UserControl>