DMS/Views/DevicesView.xaml

<UserControl x:Class="PMSWPF.Views.DevicesView"
             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:ui="http://schemas.inkore.net/lib/ui/wpf/modern"
             xmlns:ikw="http://schemas.inkore.net/lib/ui/wpf"
             xmlns:vm="clr-namespace:PMSWPF.ViewModels"
             d:DataContext="{d:DesignInstance vm:DevicesViewModel}"
             mc:Ignorable="d"
             d:DesignHeight="300"
             d:DesignWidth="300">
    <UserControl.Resources>
        <DataTemplate x:Key="DeviceItemTemplate">
            <Border Background="#eee"
                    CornerRadius="10"
                    Margin="3"
                    Padding="10">
                <ikw:SimpleStackPanel Spacing="10"
                                      Width="300"
                                      Height="200">
                    <DockPanel>
                        <ui:ToggleSwitch DockPanel.Dock="Right"
                                         Margin="20 0 0 0 "
                                         IsOn="{Binding IsFirstLoad}"
                                         OffContent="停止"
                                         OnContent="启动" />
                        <TextBlock FontSize="24"
                                   FontWeight="Bold"
                                   Text="{Binding Name }" />
                    </DockPanel>

                    <TextBlock Text="{Binding Description }" />
                    <TextBlock Text="{Binding Ip }" />
                    <ListBox ItemsSource="{Binding VariableTables }">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <Button Content="{Binding Name}" />
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </ikw:SimpleStackPanel>
            </Border>

        </DataTemplate>
    </UserControl.Resources>

    <StackPanel>
        <!-- 操作菜单栏 -->
        <ui:CommandBar DefaultLabelPosition="Right"
                       IsOpen="False">
            <!-- 添加设备 -->
            <ui:AppBarButton Command="{Binding AddDeviceCommand}"
                             Label="添加设备">
                <ui:AppBarButton.Icon>
                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Add}" />
                </ui:AppBarButton.Icon>
            </ui:AppBarButton>
            <!-- 编辑设备 -->
            <ui:AppBarButton Command="{Binding EditDeviceCommand}"
                             Label="编辑设备">
                <ui:AppBarButton.Icon>
                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Edit}" />
                </ui:AppBarButton.Icon>
            </ui:AppBarButton>
            <!-- 编辑设备 -->
            <ui:AppBarButton Command="{Binding DeleteDeviceCommand}"
                             Label="删除设备">
                <ui:AppBarButton.Icon>
                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Delete}" />
                </ui:AppBarButton.Icon>
            </ui:AppBarButton>
            <ui:AppBarButton x:Name="ShareButton"
                             Label="Share">
                <ui:AppBarButton.Icon>
                    <ui:FontIcon Icon="{x:Static ui:SegoeFluentIcons.Share}" />
                </ui:AppBarButton.Icon>
            </ui:AppBarButton>
            <ui:CommandBar.SecondaryCommands>
                <ui:AppBarButton x:Name="SettingsButton"
                                 Icon="Setting"
                                 Label="Settings" />
            </ui:CommandBar.SecondaryCommands>
        </ui:CommandBar>


        <ui:GridView x:Name="BasicGridView"
                     Margin="20"
                     IsItemClickEnabled="True"
                     SelectedItem="{Binding SelectedDevice }"
                     ItemsSource="{Binding Devices}"
                     ItemTemplate="{StaticResource DeviceItemTemplate}"
                     SelectionMode="Single" />
    </StackPanel>

</UserControl>