Shaker/Avalonia/ShakerApp/Views/Device/DeviceMangerView.axaml

<UserControl
    x:Class="ShakerApp.Views.DeviceMangerView"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:hc="https://github.com/kikipoulet/SukiUI"
    xmlns:local="clr-namespace:ShakerApp"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:vm="clr-namespace:ShakerApp.ViewModels"
    d:DesignHeight="450"
    d:DesignWidth="800"
    x:DataType="vm:DeviceMangerViewModel"
    DataContext="{Binding Source={x:Static vm:DeviceMangerViewModel.Instance}}"
    mc:Ignorable="d">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition Height="auto" />
        </Grid.RowDefinitions>
        <DockPanel
            Grid.Row="0"
            Grid.RowSpan="2"
            Width="{Binding $parent[UserControl].Bounds.Width}"
            Height="{Binding $parent[UserControl].Bounds.Height}"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            IsVisible="{Binding PopupVisibily}"
            ZIndex="-1">
            <Grid Background="#7FAAAAAA">
                <TextBlock
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Text="{Binding Msg}" />
            </Grid>
        </DockPanel>
        <StackPanel Grid.Row="0" IsEnabled="{Binding !PopupVisibily}">
            <Grid
                Height="{StaticResource ItemHeight}"
                Margin="20,4,20,4"
                Background="{StaticResource TableTitleBackColor}">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="60" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="2*" />
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <TextBlock
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Text="{DynamicResource ServoValveIndex}"
                    TextWrapping="Wrap" />
                <TextBlock
                    Grid.Column="1"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Text="{DynamicResource DeviceName}"
                    TextWrapping="Wrap" />
                <TextBlock
                    Grid.Column="2"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Text="{DynamicResource DeviceSN}"
                    TextWrapping="Wrap" />
                <TextBlock
                    Grid.Column="3"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Text="{DynamicResource DeviceIP}"
                    TextWrapping="Wrap" />
                <TextBlock
                    Grid.Column="4"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    Text="{DynamicResource DevicePort}"
                    TextWrapping="Wrap" />
            </Grid>
            <ListBox
                VerticalAlignment="Top"
                Background="Transparent"
                Cursor="Hand"
                ItemsSource="{Binding Devices}"
                SelectedValue="{Binding Path=CurrentDevice}"
                SelectedValueBinding="{Binding Value}"
                SelectionMode="Single"
                TabIndex="0">
                <ListBox.Styles>
                    <Style Selector="ListBoxItem /template/ PathIcon#CheckSelected">
                        <Setter Property="IsVisible" Value="False" />
                    </Style>
                </ListBox.Styles>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid Height="{StaticResource ItemHeight}" Margin="0,4,0,4">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="60" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="2*" />
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="*" />
                            </Grid.ColumnDefinitions>
                            <TextBlock
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                IsEnabled="False"
                                Text="{Binding Index}" />
                            <TextBlock
                                Grid.Column="1"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{Binding Value.DeviceName}" />
                            <TextBlock
                                Grid.Column="2"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{Binding Value.SN}" />
                            <TextBlock
                                Grid.Column="3"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{Binding Value.IP}" />
                            <TextBlock
                                Grid.Column="4"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Text="{Binding Value.Port}" />
                        </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </StackPanel>
        <Grid
            Grid.Row="1"
            Margin="0,10,0,10"
            IsEnabled="{Binding !PopupVisibily}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Button
                Width="120"
                Height="{StaticResource ItemHeigth}"
                Command="{Binding ConnectDeviceCommand}"
                Content="{DynamicResource DeviceConnect}"
                Cursor="Hand"
                IsEnabled="{Binding CurrentDevice, Converter={StaticResource Object2BooleanConverter}}" />
            <Button
                Grid.Column="1"
                Width="120"
                Height="{StaticResource ItemHeigth}"
                Classes.Enabled="{Binding !SearchEnabled}"
                Command="{Binding SearchDeviceCommand}"
                IsEnabled="{Binding SearchEnabled}">
                <Button.Styles>
                    <Style Selector="Button">
                        <Setter Property="Content" Value="{DynamicResource DeviceSearch}" />
                    </Style>
                    <Style Selector="Button.Enabled">
                        <Setter Property="Content" Value="{DynamicResource DeviceSearching}" />
                    </Style>
                </Button.Styles>
            </Button>
        </Grid>

    </Grid>
</UserControl>