BPASmartClient/BPASmartClient.JXJFoodSmallStation/View/HardwareStatusView.xaml

<UserControl
    x:Class="BPASmartClient.JXJFoodSmallStation.View.HardwareStatusView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:control="clr-namespace:BPASmartClient.CustomResource.UserControls;assembly=BPASmartClient.CustomResource"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:BPASmartClient.JXJFoodSmallStation.View"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:pry="clr-namespace:BPASmartClient.CustomResource.UserControls;assembly=BPASmartClient.CustomResource"
    xmlns:vm="clr-namespace:BPASmartClient.JXJFoodSmallStation.ViewModel"
    d:DesignHeight="1080"
    d:DesignWidth="1920"
    mc:Ignorable="d">

    <UserControl.DataContext>
        <vm:HardwareStatusViewModel />
    </UserControl.DataContext>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="0.5*" />
            <RowDefinition />
            <RowDefinition Height="0.5*" />
        </Grid.RowDefinitions>

        <!--#region 顶部料仓-->
        <Grid Name="TopGrid">
            <ListView
                Height="{Binding ElementName=TopGrid, Path=ActualHeight}"
                VerticalAlignment="Center"
                Background="Transparent"
                BorderThickness="0"
                ItemsSource="{Binding TopDeviceCurrentStatuses}"
                ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <!--<WrapPanel Orientation="Horizontal" IsItemsHost="True"/>-->
                        <UniformGrid
                            HorizontalAlignment="Left"
                            VerticalAlignment="Top"
                            Columns="8"
                            Rows="1" />
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>

                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Border Margin="5" Background="Transparent">
                            <Grid Height="220">
                                <Grid.RowDefinitions>
                                    <RowDefinition />
                                    <RowDefinition />
                                </Grid.RowDefinitions>

                                <TextBlock
                                    Margin="0,0,0,35"
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Bottom"
                                    FontSize="25"
                                    Foreground="#ffccd61f"
                                    Text="{Binding DeviceName}" />

                                <StackPanel
                                    Grid.Row="1"
                                    Margin="0,10,0,0"
                                    HorizontalAlignment="Center"
                                    Orientation="Horizontal">
                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text="{Binding Weight}" />

                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text=" kg" />
                                </StackPanel>

                                <StackPanel
                                    Grid.Row="1"
                                    Margin="0,40,0,0"
                                    HorizontalAlignment="Center"
                                    Orientation="Horizontal">
                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text="{Binding DeviceNum}" />

                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text=" 号仓" />
                                </StackPanel>
                                
                                <StackPanel
                                    Grid.Row="1"
                                    Margin="0,70,0,0"
                                    HorizontalAlignment="Center"
                                    Orientation="Horizontal">
                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text="运行状态：" />
                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text="{Binding RunStatus}" />

                                </StackPanel>
                                <Image
                                    Grid.RowSpan="2"
                                    Source="/BPASmartClient.CustomResource;component/Image/光柱.png"
                                    Stretch="Fill" />

                            </Grid>
                        </Border>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </Grid>
        <!--#endregion-->

        <Grid x:Name="gr" Grid.Row="1">
            <pry:ConveyorBelt
                Grid.Row="1"
                Width="{Binding ElementName=gr, Path=ActualWidth}"
                Height="{Binding ElementName=gr, Path=ActualHeight}"
                Margin="10,0,400,0"
                ConveyorBeltWidth="70"
                Direction="0"
                StrokeBrush="#00BEFA"
                StrokeDashArray="1.5 1.5"
                StrokeFillBrush="#00BEFA"
                StrokeThickness="2" />
        </Grid>

        <!--#region 底部料仓-->
        <Grid Grid.Row="2">
            <ListView
                VerticalAlignment="Center"
                Background="Transparent"
                BorderThickness="0"
                ItemsSource="{Binding BottomDeviceCurrentStatuses}"
                ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <UniformGrid
                            HorizontalAlignment="Left"
                            VerticalAlignment="Top"
                            Columns="8"
                            Rows="1" />
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>

                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Border Margin="5" Background="Transparent">
                            <Grid Height="220">
                                <Grid.RowDefinitions>
                                    <RowDefinition />
                                    <RowDefinition />
                                </Grid.RowDefinitions>

                                <TextBlock
                                    Margin="0,0,0,35"
                                    HorizontalAlignment="Center"
                                    VerticalAlignment="Bottom"
                                    FontSize="25"
                                    Foreground="#ffccd61f"
                                    Text="{Binding DeviceName}" />

                                <StackPanel
                                    Grid.Row="1"
                                    Margin="0,10,0,0"
                                    HorizontalAlignment="Center"
                                    Orientation="Horizontal">
                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text="{Binding Weight}" />

                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text=" kg" />
                                </StackPanel>


                                <StackPanel
                                    Grid.Row="1"
                                    Margin="0,40,0,0"
                                    HorizontalAlignment="Center"
                                    Orientation="Horizontal">
                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text="{Binding DeviceNum}" />

                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text=" 号仓" />
                                </StackPanel>
                                <StackPanel
                                    Grid.Row="1"
                                    Margin="0,70,0,0"
                                    HorizontalAlignment="Center"
                                    Orientation="Horizontal">
                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text="运行状态：" />
                                    <TextBlock
                                        FontSize="20"
                                        Foreground="#FF0084FF"
                                        Text="{Binding RunStatus}" />
                                </StackPanel>
                                <Image
                                    Grid.RowSpan="2"
                                    Source="/BPASmartClient.CustomResource;component/Image/光柱.png"
                                    Stretch="Fill" />

                            </Grid>
                        </Border>
                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </Grid>
        <!--#endregion-->

    </Grid>
</UserControl>