ShakerControl/ShakerManger/View/SetPlotConfigView.xaml

<UserControl
    x:Class="ShakerManger.View.SetPlotConfigView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:hc="https://handyorg.github.io/handycontrol"
    xmlns:local="clr-namespace:ShakerManger.View"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:vm="clr-namespace:ShakerManger.ViewModel"
    Width="800"
    Height="616"
    d:DataContext="{d:DesignInstance {x:Type vm:ShakerControlViewModel}}"
    d:DesignHeight="450"
    d:DesignWidth="800"
    Foreground="{StaticResource LableBrush}"
    mc:Ignorable="d">
    <Border
        Background="{StaticResource MainBrush}"
        BorderBrush="{StaticResource AuxiliaryBrush}"
        BorderThickness="1"
        CornerRadius="6">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="46" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Border Background="{StaticResource EmbellishBrush}" CornerRadius="6,6,0,0">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition />
                        <ColumnDefinition Width="66" />
                    </Grid.ColumnDefinitions>
                    <TextBlock
                        Grid.ColumnSpan="2"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        FontSize="36"
                        Foreground="{StaticResource MainBrush}"
                        Text="波形设置" />
                    <Button
                        Grid.Column="1"
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        hc:IconElement.Geometry="{StaticResource CloseGeometry}">
                        <Button.Style>
                            <Style TargetType="Button" BasedOn="{StaticResource ImageButton}">
                                <Setter Property="Foreground" Value="{StaticResource MainBrush}" />
                            </Style>
                        </Button.Style>
                        <hc:Interaction.Triggers>
                            <hc:EventTrigger EventName="Click">
                                <hc:SetPropertyAction
                                    PropertyName="SetPlotConfigIsOpen"
                                    PropertyValue="False"
                                    TargetObject="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Button}, Path=DataContext}" />
                            </hc:EventTrigger>
                        </hc:Interaction.Triggers>
                    </Button>
                </Grid>
            </Border>
            <ListView
                Grid.Row="1"
                Margin="10"
                ItemsSource="{Binding PlotConfig}">
                <ListView.Style>
                    <Style TargetType="ListView">
                        <Setter Property="Background" Value="White" />
                        <Setter Property="BorderBrush" Value="Transparent" />
                        <Setter Property="Padding" Value="0" />
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListView}">
                                    <Border
                                        BorderBrush="{StaticResource AuxiliaryBrush}"
                                        BorderThickness="1"
                                        CornerRadius="6,6,0,0">
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="42" />
                                                <RowDefinition Height="*" />
                                            </Grid.RowDefinitions>
                                            <Border Background="{StaticResource EmbellishBrush}" CornerRadius="6,6,0,0">
                                                <Grid>
                                                    <Grid.ColumnDefinitions>
                                                        <ColumnDefinition Width="46" />
                                                        <ColumnDefinition Width="280" />
                                                        <ColumnDefinition Width="126" />
                                                        <ColumnDefinition Width="126" />
                                                        <ColumnDefinition Width="80" />
                                                        <ColumnDefinition Width="120" />
                                                    </Grid.ColumnDefinitions>

                                                    <Line
                                                        HorizontalAlignment="Right"
                                                        Stroke="{StaticResource AuxiliaryBrush}"
                                                        StrokeThickness="1"
                                                        X1="0"
                                                        X2="0"
                                                        Y1="0"
                                                        Y2="42" />
                                                    <Line
                                                        Grid.Column="1"
                                                        HorizontalAlignment="Right"
                                                        Stroke="{StaticResource AuxiliaryBrush}"
                                                        StrokeThickness="1"
                                                        X1="0"
                                                        X2="0"
                                                        Y1="0"
                                                        Y2="42" />

                                                    <Line
                                                        Grid.Column="2"
                                                        HorizontalAlignment="Right"
                                                        Stroke="{StaticResource AuxiliaryBrush}"
                                                        StrokeThickness="1"
                                                        X1="0"
                                                        X2="0"
                                                        Y1="0"
                                                        Y2="42" />
                                                    <Line
                                                        Grid.Column="3"
                                                        HorizontalAlignment="Right"
                                                        Stroke="{StaticResource AuxiliaryBrush}"
                                                        StrokeThickness="1"
                                                        X1="0"
                                                        X2="0"
                                                        Y1="0"
                                                        Y2="42" />
                                                    <Line
                                                        Grid.Column="4"
                                                        HorizontalAlignment="Right"
                                                        Stroke="{StaticResource AuxiliaryBrush}"
                                                        StrokeThickness="1"
                                                        X1="0"
                                                        X2="0"
                                                        Y1="0"
                                                        Y2="42" />

                                                    <TextBlock
                                                        HorizontalAlignment="Center"
                                                        VerticalAlignment="Center"
                                                        FontSize="14"
                                                        Foreground="{StaticResource MainBrush}"
                                                        Text="可见" />

                                                    <TextBlock
                                                        Grid.Column="1"
                                                        HorizontalAlignment="Center"
                                                        VerticalAlignment="Center"
                                                        FontSize="14"
                                                        Foreground="{StaticResource MainBrush}"
                                                        Text="曲线名称" />

                                                    <TextBlock
                                                        Grid.Column="2"
                                                        HorizontalAlignment="Center"
                                                        VerticalAlignment="Center"
                                                        FontSize="14"
                                                        Foreground="{StaticResource MainBrush}"
                                                        Text="数据点样式" />

                                                    <TextBlock
                                                        Grid.Column="3"
                                                        HorizontalAlignment="Center"
                                                        VerticalAlignment="Center"
                                                        FontSize="14"
                                                        Foreground="{StaticResource MainBrush}"
                                                        Text="曲线样式" />
                                                    <TextBlock
                                                        Grid.Column="4"
                                                        HorizontalAlignment="Center"
                                                        VerticalAlignment="Center"
                                                        FontSize="14"
                                                        Foreground="{StaticResource MainBrush}"
                                                        Text="线宽" />
                                                    <TextBlock
                                                        Grid.Column="5"
                                                        HorizontalAlignment="Center"
                                                        VerticalAlignment="Center"
                                                        FontSize="14"
                                                        Foreground="{StaticResource MainBrush}"
                                                        Text="曲线颜色" />
                                                </Grid>
                                            </Border>
                                            <ScrollViewer
                                                Grid.Row="1"
                                                HorizontalScrollBarVisibility="Hidden"
                                                VerticalScrollBarVisibility="Hidden">
                                                <ItemsPresenter Margin="0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                                            </ScrollViewer>
                                        </Grid>
                                    </Border>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="ItemTemplate">
                            <Setter.Value>
                                <DataTemplate>
                                    <Grid>
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="46" />
                                            <ColumnDefinition Width="280" />
                                            <ColumnDefinition Width="126" />
                                            <ColumnDefinition Width="126" />
                                            <ColumnDefinition Width="80" />
                                            <ColumnDefinition Width="120" />
                                        </Grid.ColumnDefinitions>
                                        <Line
                                            Grid.ColumnSpan="6"
                                            VerticalAlignment="Bottom"
                                            Stroke="{StaticResource AuxiliaryBrush}"
                                            StrokeThickness="1"
                                            X1="0"
                                            X2="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Border}, Path=ActualWidth}"
                                            Y1="0"
                                            Y2="0" />
                                        <Line
                                            HorizontalAlignment="Right"
                                            Stroke="{StaticResource AuxiliaryBrush}"
                                            StrokeThickness="1"
                                            X1="0"
                                            X2="0"
                                            Y1="0"
                                            Y2="42" />
                                        <Line
                                            Grid.Column="1"
                                            HorizontalAlignment="Right"
                                            Stroke="{StaticResource AuxiliaryBrush}"
                                            StrokeThickness="1"
                                            X1="0"
                                            X2="0"
                                            Y1="0"
                                            Y2="42" />

                                        <Line
                                            Grid.Column="2"
                                            HorizontalAlignment="Right"
                                            Stroke="{StaticResource AuxiliaryBrush}"
                                            StrokeThickness="1"
                                            X1="0"
                                            X2="0"
                                            Y1="0"
                                            Y2="42" />
                                        <Line
                                            Grid.Column="3"
                                            HorizontalAlignment="Right"
                                            Stroke="{StaticResource AuxiliaryBrush}"
                                            StrokeThickness="1"
                                            X1="0"
                                            X2="0"
                                            Y1="0"
                                            Y2="42" />
                                        <Line
                                            Grid.Column="4"
                                            HorizontalAlignment="Right"
                                            Stroke="{StaticResource AuxiliaryBrush}"
                                            StrokeThickness="1"
                                            X1="0"
                                            X2="0"
                                            Y1="0"
                                            Y2="42" />
                                        <CheckBox
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            FontSize="14"
                                            IsChecked="{Binding IsVisible}" />

                                        <TextBlock
                                            Grid.Column="1"
                                            Width="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Border, AncestorLevel=1}, Path=Width}"
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            Background="Transparent"
                                            FontSize="14"
                                            IsEnabled="{Binding IsVisible}"
                                            Text="{Binding Name, Mode=OneWay}">
                                            <TextBlock.Style>
                                                <Style TargetType="TextBlock">
                                                    <Style.Triggers>
                                                        <Trigger Property="IsEnabled" Value="False">
                                                            <Setter Property="Foreground" Value="{StaticResource TextInfoBrush}" />
                                                        </Trigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </TextBlock.Style>
                                        </TextBlock>

                                        <ComboBox
                                            Grid.Column="2"
                                            Width="126"
                                            Height="42"
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            Background="Transparent"
                                            DisplayMemberPath="Description"
                                            IsEnabled="{Binding IsVisible}"
                                            ItemsSource="{Binding MarkerType, Converter={StaticResource EnumToCollectionConverter}, ConverterParameter='0,1,2,3,4,5,6,7', Mode=OneTime}"
                                            SelectedValue="{Binding MarkerType}"
                                            SelectedValuePath="Value"
                                            Style="{StaticResource ComboBoxStyle1}" />

                                        <ComboBox
                                            Grid.Column="3"
                                            Width="126"
                                            Height="42"
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            Background="Transparent"
                                            DisplayMemberPath="Description"
                                            IsEnabled="{Binding IsVisible}"
                                            ItemsSource="{Binding LineStyle, Converter={StaticResource EnumToCollectionConverter}, Mode=OneTime}"
                                            SelectedValue="{Binding LineStyle}"
                                            SelectedValuePath="Value"
                                            Style="{StaticResource ComboBoxStyle1}" />

                                        <hc:NumericUpDown
                                            Grid.Column="4"
                                            Width="80"
                                            Height="42"
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            HorizontalContentAlignment="Center"
                                            Background="Transparent"
                                            CaretBrush="{Binding RelativeSource={RelativeSource Mode=Self}, Path=Foreground}"
                                            FontSize="14"
                                            Increment="1"
                                            IsEnabled="{Binding IsVisible}"
                                            Maximum="20"
                                            Minimum="1"
                                            Value="{Binding StrokeThickness}" />

                                        <Border
                                            x:Name="color"
                                            Grid.Column="5"
                                            Background="{Binding StrokeColor, Converter={StaticResource OxyPlotColorToSolidBrushConverter}}"
                                            Cursor="Hand"
                                            IsEnabled="{Binding IsVisible}">
                                            <hc:Interaction.Triggers>
                                                <hc:EventTrigger EventName="MouseUp">
                                                    <hc:SetPropertyAction
                                                        PropertyName="PlotConfig"
                                                        PropertyValue="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Border}, Path=DataContext}"
                                                        TargetObject="{StaticResource ColorPicker}" />
                                                    <hc:SetPropertyAction
                                                        PropertyName="IsOpen"
                                                        PropertyValue="True"
                                                        TargetObject="{StaticResource ColorPicker}" />
                                                </hc:EventTrigger>
                                            </hc:Interaction.Triggers>
                                        </Border>
                                    </Grid>
                                </DataTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="ItemContainerStyle">
                            <Setter.Value>
                                <Style TargetType="ListViewItem">
                                    <Setter Property="Height" Value="42" />
                                    <Setter Property="Background" Value="Transparent" />
                                    <Setter Property="BorderBrush" Value="Transparent" />
                                    <Setter Property="BorderThickness" Value="0" />
                                    <Setter Property="SnapsToDevicePixels" Value="True" />
                                    <Setter Property="OverridesDefaultStyle" Value="True" />
                                    <Setter Property="Cursor" Value="Hand" />
                                    <Setter Property="IsEnabled" Value="True" />
                                    <Setter Property="Template">
                                        <Setter.Value>
                                            <ControlTemplate TargetType="ListViewItem">
                                                <ContentPresenter />
                                            </ControlTemplate>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </ListView.Style>
            </ListView>
        </Grid>
    </Border>
</UserControl>