BPASmartClient/DosingSystem/View/DeviceListView.xaml

<UserControl
    x:Class="BPASmartClient.DosingSystem.View.DeviceListView"
    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.DosingSystem.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.DosingSystem.ViewModel"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d">

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

    <UserControl.Resources>
        <Style x:Key="UserItemContainerStyle" TargetType="ListBoxItem">
            <Style.Resources>
                <!--  SelectedItem with focus  -->
                <SolidColorBrush
                    x:Key="{x:Static SystemColors.HighlightBrushKey}"
                    Opacity=".4"
                    Color="White" />
                <!--  SelectedItem without focus  -->
                <SolidColorBrush
                    x:Key="{x:Static SystemColors.ControlBrushKey}"
                    Opacity=".4"
                    Color="White" />
            </Style.Resources>
            <!--  设置触发器  -->
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="true">
                    <Setter Property="Background" Value="White" />
                    <Setter Property="Foreground" Value="White" />
                </Trigger>
                <Trigger Property="IsFocused" Value="true">
                    <Setter Property="Background" Value="White" />
                    <Setter Property="Foreground" Value="White" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </UserControl.Resources>

    <Grid>

        <Grid>
            <ListView
                Grid.Column="1"
                Margin="10"
                Background="Transparent"
                BorderBrush="#00BEFA"
                BorderThickness="0"
                ItemsSource="{Binding devices}"
                ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                <ListView.ItemsPanel>
                    <ItemsPanelTemplate>
                        <UniformGrid
                            HorizontalAlignment="Left"
                            VerticalAlignment="Top"
                            Columns="4" />
                    </ItemsPanelTemplate>
                </ListView.ItemsPanel>

                <ListView.ItemTemplate>
                    <DataTemplate>
                        <Border
                            Name="ShadowElement"
                            Height="150"
                            VerticalAlignment="Top"
                            BorderBrush="#00BEFA"
                            BorderThickness="2"
                            ClipToBounds="True"
                            CornerRadius="8">
                            <Border.Effect>
                                <DropShadowEffect
                                    BlurRadius="18"
                                    ShadowDepth="0"
                                    Color="#00BEFA" />
                            </Border.Effect>

                            <Grid Margin="20,0,20,0">

                                <Grid.RowDefinitions>
                                    <RowDefinition />
                                    <RowDefinition />
                                </Grid.RowDefinitions>

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition />
                                </Grid.ColumnDefinitions>

                                <TextBlock
                                    Grid.Row="0"
                                    Grid.ColumnSpan="2"
                                    VerticalAlignment="Bottom"
                                    FontSize="40"
                                    Foreground="#00BEFA"
                                    Text="{Binding DeviceName}" />

                                <StackPanel
                                    Grid.Row="1"
                                    Grid.ColumnSpan="2"
                                    Orientation="Horizontal">
                                    <TextBlock
                                        Grid.Row="1"
                                        FontSize="14"
                                        Foreground="Aqua"
                                        Text="设备IP：" />
                                    <TextBlock
                                        Grid.Row="1"
                                        FontSize="14"
                                        Foreground="Aqua"
                                        Text="{Binding IpAddress}" />
                                </StackPanel>

                                <Button
                                    Grid.Row="1"
                                    Grid.Column="0"
                                    Grid.ColumnSpan="2"
                                    Width="130"
                                    Height="30"
                                    Margin="0,0,0,10"
                                    HorizontalAlignment="Left"
                                    VerticalAlignment="Bottom"
                                    Command="{Binding DataContext.ChangeNameCommand, RelativeSource={RelativeSource AncestorType=ListView, Mode=FindAncestor}}"
                                    CommandParameter="{Binding IpAddress}"
                                    Content="修改设备名称"
                                    IsEnabled="{Binding IsEnable}" />


                            </Grid>
                        </Border>

                    </DataTemplate>
                </ListView.ItemTemplate>
            </ListView>
        </Grid>
    </Grid>
</UserControl>