20230724_MBJC_upperpc/Views/AnchorPointView.xaml

<UserControl
    x:Class="_20230724_MBJC_upperpc.Views.AnchorPointView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:converters="clr-namespace:_20230724_MBJC_upperpc.Common"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:_20230724_MBJC_upperpc.Views"
    xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="450"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <UserControl.Resources>
        <ResourceDictionary>
            <converters:AspectRatioConverter x:Key="AspectRatioConverter" />
        </ResourceDictionary>
    </UserControl.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="9*" />
            <ColumnDefinition Width="7*" />
        </Grid.ColumnDefinitions>
        <Grid Name="LeftGrid" Grid.Column="0">
            <local:AnchorModel
                x:Name="AnchorModel"
                TBDEnable="True"
                Visibility="Visible" />
            <local:InitialView
                Width="{Binding ElementName=LeftGrid, Path=ActualWidth, Converter={StaticResource AspectRatioConverter}, ConverterParameter=4}"
                Height="{Binding ElementName=LeftGrid, Path=ActualHeight, Converter={StaticResource AspectRatioConverter}, ConverterParameter=4}"
                Margin="10,0,0,10"
                HorizontalAlignment="Left"
                VerticalAlignment="Bottom" />

        </Grid>
        <Grid Grid.Column="1">
            <Grid.RowDefinitions>
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
                <RowDefinition />
            </Grid.RowDefinitions>
            <TextBlock
                HorizontalAlignment="Left"
                VerticalAlignment="Center"
                FontSize="30"
                Foreground="White"
                Text="锚点ID:" />
            <StackPanel HorizontalAlignment="Right" Orientation="Horizontal">
                <DatePicker
                    Width="130"
                    materialDesign:HintAssist.Hint="开始时间"
                    FontSize="20"
                    Foreground="White"
                    SelectedDateChanged="DatePicker_SelectedDateChanged">
                    <DatePicker.Resources>
                        <Style
                            x:Key="CustomCalendarDayButton"
                            BasedOn="{StaticResource MaterialDesignCalendarDayButton}"
                            TargetType="CalendarDayButton">
                            <Setter Property="materialDesign:CalendarAssist.SelectionColor" Value="#B2F39B" />
                            <Setter Property="materialDesign:CalendarAssist.SelectionForegroundColor" Value="Black" />
                        </Style>
                        <Style
                            x:Key="CustomCalendarButton"
                            BasedOn="{StaticResource MaterialDesignCalendarButton}"
                            TargetType="CalendarButton">
                            <Setter Property="materialDesign:CalendarAssist.SelectionColor" Value="#B2F39B" />
                            <Setter Property="materialDesign:CalendarAssist.SelectionForegroundColor" Value="Black" />
                        </Style>
                        <Style
                            x:Key="CustomCalendar"
                            BasedOn="{StaticResource MaterialDesignDatePickerCalendarPortrait}"
                            TargetType="{x:Type Calendar}">
                            <Setter Property="Background" Value="#343C3F" />
                            <Setter Property="CalendarButtonStyle" Value="{StaticResource CustomCalendarButton}" />
                            <Setter Property="CalendarDayButtonStyle" Value="{StaticResource CustomCalendarDayButton}" />
                            <Setter Property="Foreground" Value="White" />
                            <Setter Property="materialDesign:CalendarAssist.HeaderBackground" Value="#A2E9FF" />
                            <Setter Property="materialDesign:CalendarAssist.HeaderForeground" Value="Black" />
                        </Style>
                        <Style BasedOn="{StaticResource MaterialDesignFloatingHintDatePicker}" TargetType="DatePicker">
                            <Setter Property="CalendarStyle" Value="{StaticResource CustomCalendar}" />
                        </Style>
                    </DatePicker.Resources>
                </DatePicker>
                <DatePicker
                    Width="130"
                    Margin="30,0,30,0"
                    materialDesign:HintAssist.Hint="结束时间"
                    FontSize="20"
                    Foreground="White">
                    <DatePicker.Resources>
                        <Style
                            x:Key="CustomCalendarDayButton"
                            BasedOn="{StaticResource MaterialDesignCalendarDayButton}"
                            TargetType="CalendarDayButton">
                            <Setter Property="materialDesign:CalendarAssist.SelectionColor" Value="#B2F39B" />
                            <Setter Property="materialDesign:CalendarAssist.SelectionForegroundColor" Value="Black" />
                        </Style>
                        <Style
                            x:Key="CustomCalendarButton"
                            BasedOn="{StaticResource MaterialDesignCalendarButton}"
                            TargetType="CalendarButton">
                            <Setter Property="materialDesign:CalendarAssist.SelectionColor" Value="#B2F39B" />
                            <Setter Property="materialDesign:CalendarAssist.SelectionForegroundColor" Value="Black" />
                        </Style>
                        <Style
                            x:Key="CustomCalendar"
                            BasedOn="{StaticResource MaterialDesignDatePickerCalendarPortrait}"
                            TargetType="{x:Type Calendar}">
                            <Setter Property="Background" Value="#343C3F" />
                            <Setter Property="CalendarButtonStyle" Value="{StaticResource CustomCalendarButton}" />
                            <Setter Property="CalendarDayButtonStyle" Value="{StaticResource CustomCalendarDayButton}" />
                            <Setter Property="Foreground" Value="White" />
                            <Setter Property="materialDesign:CalendarAssist.HeaderBackground" Value="#A2E9FF" />
                            <Setter Property="materialDesign:CalendarAssist.HeaderForeground" Value="Black" />
                        </Style>
                        <Style BasedOn="{StaticResource MaterialDesignFloatingHintDatePicker}" TargetType="DatePicker">
                            <Setter Property="CalendarStyle" Value="{StaticResource CustomCalendar}" />
                        </Style>
                    </DatePicker.Resources>
                </DatePicker>
            </StackPanel>
            <Slider
                Grid.Row="1"
                Margin="0,0,20,0"
                Maximum="100"
                Minimum="0"
                Style="{StaticResource MaterialDesignDiscreteSlider}"
                TickFrequency="{Binding DiscreteHorizontal.TickFrequency}"
                TickPlacement="BottomRight"
                Value="0" />
            <TextBlock
                Grid.Row="2"
                VerticalAlignment="Center"
                FontSize="30"
                Foreground="White"
                Text="经度:119.6858" />
        </Grid>
    </Grid>
</UserControl>