You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
128 lines
6.6 KiB
128 lines
6.6 KiB
<UserControl x:Class="AIK.Views.MenuPages.RemoteCopy.StepProgressBar"
|
|
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:local="clr-namespace:AIK.Views.MenuPages.RemoteCopy"
|
|
mc:Ignorable="d"
|
|
d:DesignHeight="450" d:DesignWidth="800">
|
|
<UserControl.Resources>
|
|
<Style x:Key="StepCircleStyle" TargetType="Ellipse">
|
|
<Setter Property="Width" Value="30"/>
|
|
<Setter Property="Height" Value="30"/>
|
|
<Setter Property="Stroke" Value="#CCCCCC"/>
|
|
<Setter Property="StrokeThickness" Value="2"/>
|
|
<Setter Property="Fill" Value="White"/>
|
|
</Style>
|
|
|
|
<Style x:Key="StepTextStyle" TargetType="TextBlock">
|
|
<Setter Property="HorizontalAlignment" Value="Center"/>
|
|
<Setter Property="VerticalAlignment" Value="Center"/>
|
|
<Setter Property="FontWeight" Value="SemiBold"/>
|
|
<Setter Property="Foreground" Value="#666666"/>
|
|
</Style>
|
|
|
|
<Style x:Key="CompletedStepCircle" TargetType="Ellipse" BasedOn="{StaticResource StepCircleStyle}">
|
|
<Setter Property="Fill" Value="#4CAF50"/>
|
|
<Setter Property="Stroke" Value="#4CAF50"/>
|
|
</Style>
|
|
|
|
<Style x:Key="CurrentStepCircle" TargetType="Ellipse" BasedOn="{StaticResource StepCircleStyle}">
|
|
<Setter Property="Fill" Value="#2196F3"/>
|
|
<Setter Property="Stroke" Value="#2196F3"/>
|
|
</Style>
|
|
</UserControl.Resources>
|
|
|
|
<Grid>
|
|
<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
|
|
<!-- 锁车步骤 -->
|
|
<StackPanel>
|
|
<Ellipse x:Name="LockStepCircle" Width="30" Height="30" Stroke="#CCCCCC" StrokeThickness="2" Fill="White">
|
|
<Ellipse.Style>
|
|
<Style TargetType="Ellipse">
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding CurrentStepIndex}" Value="0">
|
|
<Setter Property="Fill" Value="#2196F3"/>
|
|
<Setter Property="Stroke" Value="#2196F3"/>
|
|
</DataTrigger>
|
|
<DataTrigger Binding="{Binding CurrentStepIndex}" Value="1,2,3">
|
|
<Setter Property="Fill" Value="#4CAF50"/>
|
|
<Setter Property="Stroke" Value="#4CAF50"/>
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</Ellipse.Style>
|
|
</Ellipse>
|
|
<TextBlock Text="{DynamicResource Lock}" Style="{StaticResource StepTextStyle}" Margin="0,5,0,0"/>
|
|
</StackPanel>
|
|
|
|
<!-- 连接线 -->
|
|
<Rectangle Width="80" Height="2" Fill="#CCCCCC" VerticalAlignment="Center" Margin="10,0"/>
|
|
|
|
<!-- 开锁步骤 -->
|
|
<StackPanel>
|
|
<Ellipse Width="30" Height="30" Stroke="#CCCCCC" StrokeThickness="2" Fill="White">
|
|
<Ellipse.Style>
|
|
<Style TargetType="Ellipse">
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding CurrentStepIndex}" Value="1">
|
|
<Setter Property="Fill" Value="#2196F3"/>
|
|
<Setter Property="Stroke" Value="#2196F3"/>
|
|
</DataTrigger>
|
|
<DataTrigger Binding="{Binding CurrentStepIndex}" Value="2,3">
|
|
<Setter Property="Fill" Value="#4CAF50"/>
|
|
<Setter Property="Stroke" Value="#4CAF50"/>
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</Ellipse.Style>
|
|
</Ellipse>
|
|
<TextBlock Text="{DynamicResource Unlock}" Style="{StaticResource StepTextStyle}" Margin="0,5,0,0"/>
|
|
</StackPanel>
|
|
|
|
<!-- 连接线 -->
|
|
<Rectangle Width="80" Height="2" Fill="#CCCCCC" VerticalAlignment="Center" Margin="10,0"/>
|
|
|
|
<!-- 后备箱步骤 -->
|
|
<StackPanel>
|
|
<Ellipse Width="30" Height="30" Stroke="#CCCCCC" StrokeThickness="2" Fill="White">
|
|
<Ellipse.Style>
|
|
<Style TargetType="Ellipse">
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding CurrentStepIndex}" Value="2">
|
|
<Setter Property="Fill" Value="#2196F3"/>
|
|
<Setter Property="Stroke" Value="#2196F3"/>
|
|
</DataTrigger>
|
|
<DataTrigger Binding="{Binding CurrentStepIndex}" Value="3">
|
|
<Setter Property="Fill" Value="#4CAF50"/>
|
|
<Setter Property="Stroke" Value="#4CAF50"/>
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</Ellipse.Style>
|
|
</Ellipse>
|
|
<TextBlock Text="{DynamicResource Trunk}" Style="{StaticResource StepTextStyle}" Margin="0,5,0,0"/>
|
|
</StackPanel>
|
|
|
|
<!-- 连接线 -->
|
|
<Rectangle Width="80" Height="2" Fill="#CCCCCC" VerticalAlignment="Center" Margin="10,0"/>
|
|
|
|
<!-- 寻车步骤 -->
|
|
<StackPanel>
|
|
<Ellipse Width="30" Height="30" Stroke="#CCCCCC" StrokeThickness="2" Fill="White">
|
|
<Ellipse.Style>
|
|
<Style TargetType="Ellipse">
|
|
<Style.Triggers>
|
|
<DataTrigger Binding="{Binding CurrentStepIndex}" Value="3">
|
|
<Setter Property="Fill" Value="#2196F3"/>
|
|
<Setter Property="Stroke" Value="#2196F3"/>
|
|
</DataTrigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</Ellipse.Style>
|
|
</Ellipse>
|
|
<TextBlock Text="{DynamicResource Panic}" Style="{StaticResource StepTextStyle}" Margin="0,5,0,0"/>
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Grid>
|
|
</UserControl>
|
|
|